Save button working

This commit is contained in:
2023-04-25 11:32:02 +02:00
parent ce43e0aeb6
commit bab75fb18f
3 changed files with 15 additions and 9 deletions

View File

@@ -311,7 +311,9 @@
</div> </div>
<div class="body">You haven't saved your message!<br> Do you want to save it?</div> <div class="body">You haven't saved your message!<br> Do you want to save it?</div>
<div class="function"> <div class="function">
<button d="btn-save">Save</button>
<button type = "button" onclick = "updateData()" value = "Display">Save</button>
<button>No</button> <button>No</button>
</div> </div>
</div> </div>

View File

@@ -155,6 +155,10 @@ function callMethodByName(methodObject){
} }
} }
function myfunction() {
alert("how are you");
}
function updateData(){ function updateData(){
var updatedJson = generateJson(); var updatedJson = generateJson();
const dataSaved = function () { const dataSaved = function () {

View File

@@ -6,10 +6,10 @@ var methodToCall = {
const overlay = $('#overlay'); const overlay = $('#overlay');
const savedModal = $('#modal-confirm'); const savedModal = $('#modal-confirm');
const unsavedModal = $('#modal-query'); const dataLossModal = $('#modal-query');
const uuidChangeModal = $('#modal-uuidChanged') const uuidChangeModal = $('#modal-uuidChanged')
const unsavedModalYes = unsavedModal.children().eq(2).children().eq(0); const dataLossModalYes = dataLossModal.children().eq(2).children().eq(0);
const unsavedModalNo = unsavedModal.children().eq(2).children().eq(1); const dataLossModalNo = dataLossModal.children().eq(2).children().eq(1);
const allModals = $('.modal'); const allModals = $('.modal');
const btnModalClose = $('.modal button'); const btnModalClose = $('.modal button');
const closeModals = function() { const closeModals = function() {
@@ -20,8 +20,8 @@ const savedModalDisplay = function() {
showModal(savedModal); showModal(savedModal);
setTimeout(closeModals, 2000); setTimeout(closeModals, 2000);
} }
const unsavedModalDisplay = function(){ const dataLossModalDisplay = function(){
showModal(unsavedModal); showModal(dataLossModal);
} }
const uuidChangeModalDisplay = function(addidionalMessage){ const uuidChangeModalDisplay = function(addidionalMessage){
@@ -62,7 +62,7 @@ function setMethodToCall(name, id){
const dropChangesAndClose = function(){ const dropChangesAndClose = function(){
callMethodByName(methodToCall) callMethodByName(methodToCall)
hideModal(unsavedModal); hideModal(dataLossModal);
} }
function showModal(jmodal){ function showModal(jmodal){
@@ -84,6 +84,6 @@ btnModalClose.click(closeModals);
overlay.click(closeModals); overlay.click(closeModals);
unsavedModalNo.click(closeModals); dataLossModalNo.click(closeModals);
unsavedModalYes.click(dropChangesAndClose); dataLossModalYes.click(dropChangesAndClose);