Creating modalDialog functionality

.idea/deployment.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="PublishConfigData" autoUpload="Always" serverName="SK-JJO" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false">
+  <component name="PublishConfigData" autoUpload="Always" serverName="SK-IMN" remoteFilesAllowedToDisappearOnAutoupload="false" confirmBeforeUploading="false">
     <option name="confirmBeforeUploading" value="false" />
     <serverData>
       <paths name="SK-IMN">

ci4/app/Views/themes/_commonPartialsBs/_modalDialog.php

@@ -0,0 +1,72 @@
+
+<div id="modalConfirmYesNo" class="modal fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button"
+                        class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <h4 id="lblTitleConfirmYesNo" class="modal-title">Confirmation</h4>
+            </div>
+            <div class="modal-body">
+                <p id="lblMsgConfirmYesNo"></p>
+            </div>
+            <div class="modal-footer">
+                <button id="btnYesConfirmYesNo"
+                        type="button" class="btn btn-primary">Yes</button>
+                <button id="btnNoConfirmYesNo"
+                        type="button" class="btn btn-default">No</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<?= $this->section('additionalInlineJs') ?>
+
+function popAlert(message, alertClass, alertIcon){
+    var htmlString = `
+        <div class="alert ${alertClass} d-flex align-items-baseline" role="alert">
+            <span class="alert-icon alert-icon-lg text-primary me-2">
+                <i class="ti ${alertIcon} ti-sm"></i>
+            </span>
+            <div class="d-flex flex-column ps-1">
+                <h5 class="alert-heading mb-2">${message}</h5>
+            </div>
+        </div>`;
+    $(window).scrollTop(0);
+    $('#sk-alert').hide().empty().html(htmlString).fadeIn("slow", function(){
+        setTimeout(function(){
+            $('#sk-alert').fadeOut("slow");
+        }, 5000);
+    });
+}
+
+function popSuccessAlert(successMsg){
+    popAlert(successMsg, "alert-success", "ti-check");
+}
+
+function popWarningAlert(warningMsg){
+    popAlert(warningMsg, "alert-warning", "ti-bell");
+}
+
+function popErrorAlert(errorMsg){
+    popAlert(errorMsg, "alert-danger", "ti-ban");
+}
+
+<?php if (isset($successMessage) && $successMessage){ ?>
+    popSuccessAlert(`<?= $successMessage ?>`);
+<?php } ?>
+
+<?php if (isset($warningMessage) && $warningMessage){ ?>
+    popWarningAlert(`<?= $warningMessage ?>`);
+<?php } ?>
+
+<?php if (isset($errorMessage) && $errorMessage){ ?>
+    popErrorAlert(`<?= $errorMessage ?>`);
+<?php } ?>
+
+<?= $this->endSection() ?>
+
+

ci4/app/Views/themes/_commonPartialsBs/sweetalert.php

@@ -11,21 +11,21 @@
 <?= $this->section('additionalInlineJs') ?>
 
 toastr.options = {
-"closeButton": false,
+    "closeButton": false,
-"debug": false,
+    "debug": false,
-"newestOnTop": false,
+    "newestOnTop": false,
-"progressBar": false,
+    "progressBar": false,
-"positionClass": "toast-top-right",
+    "positionClass": "toast-top-right",
-"preventDuplicates": false,
+    "preventDuplicates": false,
-"onclick": null,
+    "onclick": null,
-"showDuration": "300",
+    "showDuration": "300",
-"hideDuration": "1000",
+    "hideDuration": "1000",
-"timeOut": "5000",
+    "timeOut": "5000",
-"extendedTimeOut": "1000",
+    "extendedTimeOut": "1000",
-"showEasing": "swing",
+    "showEasing": "swing",
-"hideEasing": "linear",
+    "hideEasing": "linear",
-"showMethod": "fadeIn",
+    "showMethod": "fadeIn",
-"hideMethod": "fadeOut"
+    "hideMethod": "fadeOut"
 };
 
 <?php if (session('sweet-success')) {

ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaForm.php

@@ -99,7 +99,8 @@
         </div>
     </div> <!-- //.accordion -->
 <?php endif; ?>
-    
+
+
 
 <?= $this->endSection() ?>
 
@@ -140,8 +141,10 @@
     });
 
     $('#isRotativa').on("click",function(el){
+
+        AsyncConfirmYesNo('title', 'msg', MyYesFunction, MyNoFunction);
         
-        Swal.fire({
+        /*Swal.fire({
             title: '<?= lang('MaquinasPapelImpresion.sureToChangeRotativaTitle') ?>',
             text: '<?= lang('MaquinasPapelImpresion.sureToChangeRotativaText') ?>',
             icon: 'warning',
@@ -172,8 +175,33 @@
                 yeniden(response.<?= csrf_token() ?>);
             }
         });
+        */
     });
 
+    function AsyncConfirmYesNo(title, msg, yesFn, noFn) {
+        var $confirm = $("#modalConfirmYesNo");
+        $confirm.modal('show');
+        $("#lblTitleConfirmYesNo").html(title);
+        $("#lblMsgConfirmYesNo").html(msg);
+        $("#btnYesConfirmYesNo").off('click').click(function () {
+            yesFn();
+            $confirm.modal("hide");
+        });
+        $("#btnNoConfirmYesNo").off('click').click(function () {
+            noFn();
+            $confirm.modal("hide");
+        });
+    }
+
+    function MyYesFunction() {
+        alert("Time to get off your workstation!");
+        $("#lblTestResult").html("You are hungry");
+    }
+    function MyNoFunction() {
+        alert("Well... just continue working.");
+        $("#lblTestResult").html("You are not hungry");
+    }
+
     $('#isPadre').on("click",function(el){
         if($(this).is(':checked')){