Co-authored-by: Adam Bem <adam.bem@zoho.eu> Reviewed-on: #186 Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
		
			
				
	
	
		
			90 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			90 lines
		
	
	
		
			2.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
var modalDisplayed = false;
 | 
						|
var methodToCall = {
 | 
						|
    name: null,
 | 
						|
    id: null
 | 
						|
};
 | 
						|
 | 
						|
const overlay = $('#overlay');
 | 
						|
const savedModal = $('#modal-confirm');
 | 
						|
const dataLossModal = $('#modal-query');
 | 
						|
const uuidChangeModal = $('#modal-uuidChanged')
 | 
						|
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');
 | 
						|
const closeModals = function() {
 | 
						|
    hideModal(allModals);
 | 
						|
}
 | 
						|
const savedModalDisplay = function() {
 | 
						|
    
 | 
						|
    showModal(savedModal);
 | 
						|
    setTimeout(closeModals, 2000);
 | 
						|
}
 | 
						|
const dataLossModalDisplay = function(){
 | 
						|
    showModal(dataLossModal);
 | 
						|
}
 | 
						|
 | 
						|
const uuidChangeModalDisplay = function(addidionalMessage){
 | 
						|
 | 
						|
    switch(addidionalMessage){
 | 
						|
        case "success":{
 | 
						|
            
 | 
						|
            $(".uuid-modal-body").removeClass("active");
 | 
						|
            $("#changeUUIDSuccess").addClass("active");
 | 
						|
            break;
 | 
						|
        }
 | 
						|
        case "new":{
 | 
						|
            
 | 
						|
            $(".uuid-modal-body").removeClass("active");
 | 
						|
            $("#newUUID").addClass("active");
 | 
						|
            break;
 | 
						|
        }
 | 
						|
        case "restore":{
 | 
						|
            
 | 
						|
            $(".uuid-modal-body").removeClass("active");
 | 
						|
            $("#restoredUUID").addClass("active");
 | 
						|
            break;
 | 
						|
        }
 | 
						|
        case "noChg":{
 | 
						|
            
 | 
						|
            $(".uuid-modal-body").removeClass("active");
 | 
						|
            $("#noChgUUID").addClass("active");
 | 
						|
            break;
 | 
						|
        }
 | 
						|
    }
 | 
						|
    showModal(uuidChangeModal);
 | 
						|
}
 | 
						|
 | 
						|
function setMethodToCall(name, id){
 | 
						|
    methodToCall.name = name;
 | 
						|
    methodToCall.id = id;
 | 
						|
}
 | 
						|
 | 
						|
const dropChangesAndClose = function(){
 | 
						|
    callMethodByName(methodToCall)
 | 
						|
    hideModal(dataLossModal);
 | 
						|
}
 | 
						|
 | 
						|
function showModal(jmodal){
 | 
						|
    if(modalDisplayed) return;
 | 
						|
    overlay.addClass('active');
 | 
						|
    jmodal.addClass('active');
 | 
						|
    modalDisplayed = true;
 | 
						|
}
 | 
						|
 | 
						|
function hideModal(jmodal){
 | 
						|
    if(!modalDisplayed) return;
 | 
						|
    if ($(uuidChangeModal).hasClass('active')) window.location.reload();
 | 
						|
    overlay.removeClass('active');
 | 
						|
    jmodal.removeClass('active');
 | 
						|
    modalDisplayed = false;
 | 
						|
}
 | 
						|
 | 
						|
btnModalClose.click(closeModals);
 | 
						|
 | 
						|
overlay.click(closeModals);
 | 
						|
 | 
						|
dataLossModalNo.click(closeModals);
 | 
						|
dataLossModalYes.click(dropChangesAndClose);
 | 
						|
 |