📦 Updated

Author: CSFelix

assets/js/scripts/modal-toggle.js

@@ -22,6 +22,14 @@ const datasetsClose = document.getElementById('datasetsClose');
 datasetsBtn.onclick = function() { datasetsModal.style.display = "block"; }
 datasetsClose.onclick = function() { datasetsModal.style.display = "none"; }
 
+/* Dashboards */
+const dashboardModal = document.getElementById('dashboardModal');
+const dashboardBtn = document.getElementById('dashboardBtn');
+const dashboardClose = document.getElementById('dashboardClose');
+
+dashboardBtn.onclick = function() { dashboardModal.style.display = "block"; }
+dashboardClose.onclick = function() { dashboardModal.style.display = "none"; }
+
 /* ML Algorithms */
 const mlAlgorithmsModal = document.getElementById('mlAlgorithmsModal');
 const mlAlgorithmsBtn = document.getElementById('mlAlgorithmsBtn');
@@ -30,21 +38,30 @@ const mlAlgorithmsClose = document.getElementById('mlAlgorithmsClose');
 mlAlgorithmsBtn.onclick = function() { mlAlgorithmsModal.style.display = "block"; }
 mlAlgorithmsClose.onclick = function() { mlAlgorithmsModal.style.display = "none"; }
 
-/* Dashboards */
-const dashboardModal = document.getElementById('dashboardModal');
-const dashboardBtn = document.getElementById('dashboardBtn');
-const dashboardClose = document.getElementById('dashboardClose');
+/* Recommendation System */
+const recommendationSystemModal = document.getElementById('recommendationSystemModal');
+const recommendationSystemBtn = document.getElementById('recommendationSystemBtn');
+const recommendationSystemClose = document.getElementById('recommendationSystemClose');
 
-dashboardBtn.onclick = function() { dashboardModal.style.display = "block"; }
-dashboardClose.onclick = function() { dashboardModal.style.display = "none"; }
+recommendationSystemBtn.onclick = function() { recommendationSystemModal.style.display = 'block'; }
+recommendationSystemClose.onclick = function() { recommendationSystemModal.style.display = 'none'; }
+
+/* Statistic and Probability */
+const statisticProbabilityModal = document.getElementById('statisticProbabilityModal');
+const statisticProbabilityBtn = document.getElementById('statisticProbabilityBtn');
+const statisticProbabilityClose = document.getElementById('statisticProbabilityClose');
+
+statisticProbabilityBtn.onclick = function() { statisticProbabilityModal.style.display = 'block'; }
+statisticProbabilityClose.onclick = function() { statisticProbabilityModal.style.display = 'none'; }
 
 /* Closing modals when user taps outside the modal */
 window.onclick = function(event) {
-  if (event.target == kaggleModal) { kaggleModal.style.display = "none"; }
-  else if (event.target == liveProjectsModal) { liveProjectsModal.style.display = "none"; }
-  else if (event.target == datasetsModal) { datasetsModal.style.display = "none"; }
-  else if (event.target == mlAlgorithmsModal) { mlAlgorithmsModal.style.display = "none"; }
-  else if (event.target == dashboardModal) { dashboardModal.style.display = "none"; }
+  const modalsArray = [
+    kaggleModal, liveProjectsModal, datasetsModal, dashboardModal
+    , mlAlgorithmsModal, recommendationSystemModal, statisticProbabilityModal
+  ]
+
+  if (modalsArray.includes(event.target)) { event.target.style.display = 'none'; }
 }
 
 /* Closing modals when user presses Escape (Esc) */
@@ -53,7 +70,9 @@ window.onkeydown = function(event) {
     if (kaggleModal.style.display == 'block') { kaggleModal.style.display = 'none'; }
     else if (liveProjectsModal.style.display == 'block') { liveProjectsModal.style.display = 'none'; }
     else if (datasetsModal.style.display == 'block') { datasetsModal.style.display = 'none'; }
-    else if (mlAlgorithmsModal.style.display == 'block') { mlAlgorithmsModal.style.display = 'none'; }
     else if (dashboardModal.style.display == 'block') { dashboardModal.style.display = 'none'; }
+    else if (mlAlgorithmsModal.style.display == 'block') { mlAlgorithmsModal.style.display = 'none'; }
+    else if (recommendationSystemModal.style.display == 'block') { recommendationSystemModal.style.display = 'none'; }
+    else if (statisticProbabilityModal.style.display == 'block') { statisticProbabilityModal.style.display = 'none'; }
   }
 }