T207 save confirmation implemented

target/classes/static/js/modal.js

@@ -0,0 +1,45 @@
+var modalDisplayed = false;
+
+const overlay = $('#overlay');
+const savedModal = $('#modal-confirm');
+const dataLossModal = $('#modal-query');
+const dataLossModalYes = dataLossModal.children().eq(2).children().eq(0);
+const dataLossModalNo = dataLossModal.children().eq(2).children().eq(1);
+const allModals = $('.modal');
+const btnModalClose = $('.modal button');
+//TODO: Implement in datatransfer
+const closeModals = function() {
+    hideModal(allModals);
+}
+const savedModalDisplay = function() {
+    console.log('SavedModal displayed');
+    showModal(savedModal);
+    setTimeout(closeModals, 2000);
+}
+const dataLossModalDisplay = function(){
+    showModal(dataLossModal);
+}
+const dropChangesAndClose = function(){
+    discardChanges = true;
+    hideModal(dataLossModal);
+}
+
+function showModal(jmodal){
+    if(modalDisplayed) return;
+    overlay.toggleClass('active');
+    jmodal.addClass('active');
+    modalDisplayed = true;
+}
+
+function hideModal(jmodal){
+    if(!modalDisplayed) return;
+    overlay.toggleClass('active');
+    jmodal.removeClass('active');
+    modalDisplayed = false;
+}
+
+btnModalClose.click(closeModals);
+overlay.click(closeModals);
+dataLossModalNo.click(closeModals);
+dataLossModalYes.click(dropChangesAndClose);
+