show chosen seat

mapka/STUDENT/koncowastrona.css

@@ -21,11 +21,13 @@ body {
     font-size: 22px;
 }
 
-#selected-seats {
+#sel-seat {
     font-size: 30px;
     text-shadow: 1px 1px 1px rgb(160, 160, 160);
     margin-top: -15px;
     margin-bottom: 100px;
+    padding: 0;
+    
 }
 
 button {

mapka/STUDENT/koncowastrona.html

@@ -15,7 +15,7 @@
     <h2>Anna Kowalska</h2>
 
     <h3>wybrane miejsce:</h3>
-    <h3 id="selected-seats">rząd 2 miejsce 3</h3>
+    <ul id="sel-seat"></ul>
 
     <button class="gotomain-button" onclick="doStronyGlownej()">Przejdź do strony głównej &raquo;</button>
   </div>
@@ -24,7 +24,11 @@
 <script>
         function doStronyGlownej() {
             window.location = "przylozlegitke.html";
-    
         }
+
+        //alert(localStorage.getItem('myElement')); //Przykładowa wartość
+  $( document ).ready(function() {
+    $("#sel-seat").text(localStorage.getItem('myElement'));
+  });
 </script>
 </html>

mapka/STUDENT/seatchart.html

@@ -24,7 +24,7 @@
         <div id="legend">  
         </div>
           <div class="booking-details">
-            <h2>Anna Kowalska</h2>
+            <h2 id="studentName">Anna Kowalska</h2>
 
             <h3>Wybrane miejsce:</h3>
             <ul id="selected-seats"></ul>
@@ -35,7 +35,6 @@
   </div>
 </body>
 <script>
-
     function goToKoncowa() {
         window.location = "koncowastrona.html";
     }

mapka/STUDENT/seatchart.js

@@ -2,7 +2,10 @@ var firstSeatLabel = 1;
 
             $(document).ready(function() {
                 var $cart = $('#selected-seats'),
+                    seatNumber = '',
+                    $placeNumber = ('#sel-seat'),
                     $counter = $('#counter'),
+                    $name = $('#studentName'),
                     $total = $('#total'),
                     sc = $('#seat-map').seatCharts({
                     map: [
@@ -46,6 +49,9 @@ var firstSeatLabel = 1;
                                 .data('seatId', this.settings.id)
                                 .appendTo($cart);
                             
+                            seatNumber = 'rząd: ' + this.settings.row + ' miejsce: ' + this.settings.label;
+                            localStorage.setItem('myElement', seatNumber);
+
                             /*
                              * Lets update the counter and total
                              *
@@ -64,6 +70,7 @@ var firstSeatLabel = 1;
                         
                             //remove the item from our cart
                             $('#cart-item-'+this.settings.id).remove();
+                            $('#item-'+this.settings.id).remove();
                         
                             //seat has been vacated
                             return 'available';
@@ -76,6 +83,7 @@ var firstSeatLabel = 1;
                     }
                 });
 
+
                 //this will handle "[cancel]" link clicks
                 $('#selected-seats').on('click', '.cancel-cart-item', function () {
                     //let's just trigger Click event on the appropriate seat, so we don't have to repeat the logic here