Finished interactive POIs

js/ui-map.js

@@ -10,6 +10,19 @@ document.addEventListener('readystatechange', () => {
     
 });
 
+document.addEventListener('readystatechange', () => {
+    let close = document.querySelector('#close-map');
+
+    close.addEventListener('click', () => {
+        window.location.href = "itinerario.html";
+    });
+    
+});
+/**
+ * Open modal overlay
+ * for each POI
+ * @param {string} id 
+ */
 function openModal(id) {
     const modTitles = {
         'prologo' : 'Itinerario - #0',
@@ -22,12 +35,16 @@ function openModal(id) {
         'duomo' : 'Itinerario - #7',
         'castello' : 'Itinerario - #8',
         'sabini' : 'Itinerario - #9',
+        'monumento' : 'Itinerario - #10',
+        'fuori' : 'Itinerario - #11',
+        'carro' : 'Itinerario - #12',
     }
-
+    // The POI with more than one video
     const multiVid = {
         'piazza' : 3,
         'rocco' : 2,
         'duomo' : 3,
+        'monumento' : 3,
     };
 
     document.querySelector('.modal-title').innerHTML = modTitles[id];
@@ -71,7 +88,10 @@ function openModal(id) {
         });
     }
 }
-
+/**
+ * Open video from thumbnail
+ * @param {string} id 
+ */
 const openVid = (id) => {
 
     const titles = {
@@ -90,6 +110,11 @@ const openVid = (id) => {
         'pietro' : 'Pietro #7b',
         'castello' : 'Il castello #8',
         'sabini' : 'I Sabini ieri e oggi #9',
+        'monumento' : 'Il monumento sacro #10',
+        'eva' : 'Eva #10a',
+        'toto' : 'Toto #10b',
+        'fuori' : 'Fuori Porta #11',
+        'carro' : 'Il ritorno del carro #12',
     }
     const vimeoVids = {
         'prologo'     : '478632535',