Added Disable Closing modal, And now when lazyload modal opened it is in top of all other modals.

Author: mesut talebi

README.md

@@ -41,13 +41,14 @@ C1) For Using MT.BoostrapLazyloader with modals, add **.lazyload** and **.showMo
 
 C2) add **data-header** to define the Modal's Header.
 
-C3) add **data-size** to define the Modal's size. (Example: data-size="modal-lg", don't set it you want default size.)
+C3) add **data-size** to define the Modal's size. (Example: data-size="modal-lg", don't set it if you want default size.)
 
 C4) If you are using lazyload modal on an Anchor element, the **href** attribute will be used as **url** and you don't need to add extra data-url.
 
 C5) By Default the Id For lazyload modal is *"LazyloadModal"*, but you can add **id** attribute to the tag that will used to toggle modal, so the id for modal will be
 Id + "Modal". with adding id to the toggle you can open multiple inner modals.
 
+C6) **(New)** to prevent modal from closing by clicking the close button, pressing 'Esc' key or by clicking outside of the modal, you just need to add **data-closedisabled='false'**.
 
 **Note: Modal's Markup will automatically append to body, and you don't need to add Modal's markup to body manually.**
 
@@ -104,5 +105,7 @@ note: If you are lazy loading your initial tab, you can add a trigger('shown.bs.
         <!--footer buttons goes here-->
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         <button type="submit" class="btn btn-primary">Save changes</button>
-</div>
-```
+</div >
+
+```
+

Scripts/MT.BootstrapLazyloader.js

@@ -1,6 +1,6 @@
 /*
 Nuget Package: MT.BootstrapLazyLoader.js 
-Version: 1.2.3
+Version: 1.2.4
 
 Created By: Mesut Talebi (mesut.talebi@gmail.com)
 
@@ -89,31 +89,42 @@ $(function () {
             currHandleId += "Modal";
         }
 
+
+        var disableClose = $(currHandle).data('closedisabled');
+
         var modalHtml = "<!--Lazyloaded Modal -->" +
         "<div class='modal fade' id='" + currHandleId + "' role='dialog' aria-labelledby='" + currHandleId + "'>" +
         "<div class='modal-dialog' role='document'>" +
         "<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 class='modal-title' id='LazyloadModalLabel'>Modal Header</h4>" +
-            "</div>" +
-            "<div id='LazyloadModalContent'></div>" +
-        "</div>" +
-        "</div>" +
-        "</div>";
+            "<div class='modal-header'>";
+
+        if (disableClose == undefined || disableClose === 'false') {
+            modalHtml += "<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>";
+        }
+
+        modalHtml += "<h4 class='modal-title' id='LazyloadModalLabel'>Modal Header</h4>" +
+    "</div>" +
+    "<div id='LazyloadModalContent'></div>" +
+"</div>" +
+"</div>" +
+"</div>";
 
 
 
         var modalHeader = $(currHandle).data('header');
         var modalClass = $(currHandle).data('size');
         var callback = $(currHandle).data('callback');
 
+
         var modal = $('#' + currHandleId);
         if (modal.length == 0) {
             $('body').append(modalHtml);
 
             modal = $('#' + currHandleId);
         }
+        else {
+            $('body').append(modal);
+        }
 
         $(modal).find('.modal-header #LazyloadModalLabel').html(modalHeader);
         $(modal).find('.modal-dialog').removeAttr("class").addClass('modal-dialog').addClass(modalClass);
@@ -123,7 +134,15 @@ $(function () {
         $(currHandle).append(loader);
         $.get(url, function (data) {
             $(modal).find('#LazyloadModalContent').html(data);
-            $(modal).modal('show');
+            if (disableClose == undefined) {
+                $(modal).modal('show');
+            }
+            else {
+                $(modal).modal({
+                    keyboard: false,
+                    backdrop: 'static'
+                });
+            }
         }).fail(function () {
             var alertDiv = '<div class="alert alert-danger"><i class="fa fa-exclamation-triangle"></i> Error!!!</div>';
             $(modal).find('#LazyloadModalContent').html(alertDiv);

Scripts/MT.BootstrapLazyloader.min.js

@@ -1,8 +1,8 @@
 [
   {
-    "outputFileName": "Scripts/MT.BootstrapLazyloader.js",
+    "outputFileName": "Scripts/MT.BootstrapLazyloader.min.js",
     "inputFiles": [
       "Scripts/MT.BootstrapLazyloader.js"
     ]
   }
-]
+]