update npm command

JavaTMP · JavaTMP · commit 0a8e594a78d8 · 2018-02-26T14:19:25.000+04:00
diff --git a/readme.md b/readme.md
@@ -3,275 +3,16 @@ Bootstrap modal wrapper factory for creating dynamic and nested stacked dialog f
 
 ## Installation Using NPM
 ```
-npm install bootstrap-modal-wrapper
+npm install bootstrap-actionable
 ```
 
 ## Building from The source
 Make sure node.js and git client are locally installed on your machine and then run the following commands:
 ```
-cd bootstrap-modal-wrapper
+cd bootstrap-actionable
 npm install
 gulp
 ```
-## Demo And Examples
-Online demo of all below examples can be found in the following JavaTMP demo page [Bootstrap Modal Online Demo](http://demo.javatmp.com/JavaTMP-Static-Ajax/#pages/bootstrap/modal.html).
-
-### BOOTSTRAP MESSAGE MODAL
-The simplest scenario of modal wrapper is to show a simple message when use press a button:
-```html
-<button id="simple-message" type="button" class="btn btn-primary">
-    Basic Message
-</button>
-<script type="text/javascript">
-    jQuery(function ($) {
-        $("#simple-message").on("click", function (event) {
-            BootstrapModalWrapperFactory.showMessage("Delfault Message to show to user");
-        });
-    });
-</script>
-```
-
-### BOOTSTRAP ALERT MODAL
-The simple scenario of modal wrapper is to show a simple alert when use press a button:
-```html
-<button id="simple-alert" type="button" class="btn btn-primary">
-    Basic Alert
-</button>
-<script type="text/javascript">
-    jQuery(function ($) {
-        $("#simple-alert").on("click", function (event) {
-            BootstrapModalWrapperFactory.alert("Delfault alert <b>with only message Text</b>");
-        });
-    });
-</script>
-```
-
-### BOOTSTRAP CONFIRMATION MODAL
-JavaTMP Bootstrap modal wrapper factory provides a confirmation dialog too with ability to run different code. See the following example:
-```html
-<button id="simple-confirm" type="button" class="btn btn-primary">
-    Basic Confirm
-</button>
-<script type="text/javascript">
-    jQuery(function ($) {
-        $("#simple-confirm").on("click", function (event) {
-            BootstrapModalWrapperFactory.confirm({
-                title: "Confirm",
-                message: "Are You Sure ?",
-                onConfirmAccept: function () {
-                    BootstrapModalWrapperFactory.alert("Thank you for ACCEPTING the previous confiramtion dialog");
-                },
-                onConfirmCancel: function () {
-                    BootstrapModalWrapperFactory.alert("Thank you for CANCELING the previous confiramtion dialog");
-                }
-            });
-        });
-    });
-</script>
-```
-### JAVATMP BOOTSTRAP MODAL WRAPPER `CREATEMODAL` METHOD
-The JavaTMP Bootstrap Modal wrapper object provides a general method `createModal` which creates modals dynamically.
-the implementation of `BootstrapModalWrapperFactory.alert` and `BootstrapModalWrapperFactory.confirm` methods use `createModal`
-to provide desired behaviors.
-The following examples show you how to use `createModal` method in action:
-#### Create simple Bootstrap Modal wrapper instance dynamically
-```JS
-var onlyBody = BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    closable: false,
-    closeByBackdrop: true
-});
-onlyBody.show();
-```
-#### Create a simple bootstrap modal wrapper with body and title only:
-```JS
-var modalWrapper = BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: true,
-    closeByBackdrop: true
-});
-modalWrapper.show();
-```
-#### Create a simple bootstrap modal wrapper with a button to close and destroy it
-```JS
-var modalWrapper = BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: false,
-    closeByBackdrop: false,
-    buttons: [
-        {
-            label: "Close Me",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                return modalWrapper.hide();
-            }
-        }
-    ]
-});
-modalWrapper.show();
-```
-#### Create nested bootstrap modal wrapper instances dynamically:
-```JS
-var modalWrapper = BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: false,
-    closeByBackdrop: false,
-    buttons: [
-        {
-            label: "Close",
-            cssClass: "btn btn-secondary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                return modalWrapper.hide();
-            }
-        },
-        {
-            label: "Create alert",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                BootstrapModalWrapperFactory.alert("Alert Modal Created");
-            }
-        }
-    ]
-}).show();
-```
-#### Update title and body of bootstrap modal wrapper dynamically after showing:
-```JS
-BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: false,
-    closeByBackdrop: false,
-    buttons: [
-        {
-            label: "Close",
-            cssClass: "btn btn-secondary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                return modalWrapper.hide();
-            }
-        },
-        {
-            label: "Update Title & Message",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.updateTitle("New Title");
-                modalWrapper.updateMessage("Updated message content");
-            }
-        }
-    ]
-}).show();
-```
-#### Update the size of shown bootstrap modal dynamically:
-```JS
-BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: false,
-    closeByBackdrop: false,
-    buttons: [
-        {
-            label: "Close",
-            cssClass: "btn btn-secondary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                return modalWrapper.hide();
-            }
-        },
-        {
-            label: "Make Me Large",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.originalModal.find(".modal-dialog").css({transition: 'all 0.4s'});
-                modalWrapper.updateSize("modal-lg");
-            }
-        },
-        {
-            label: "Make Me Small",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.originalModal.find(".modal-dialog").css({transition: 'all 0.4s'});
-                modalWrapper.updateSize("modal-sm");
-            }
-        },
-        {
-            label: "Make Me Default",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.originalModal.find(".modal-dialog").css({transition: 'all 0.4s'});
-                modalWrapper.updateSize(null);
-            }
-        }
-    ]
-}).show();
-```
-#### Create Bootstrap Modal wrapper buttons dynamically and remove them:
-```JS
-var buttonsCount = 0;
-BootstrapModalWrapperFactory.createModal({
-    message: "Simple Message body",
-    title: "Header Title",
-    closable: false,
-    closeByBackdrop: false,
-    buttons: [
-        {
-            label: "Close",
-            cssClass: "btn btn-secondary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                return modalWrapper.hide();
-            }
-        },
-        {
-            label: "Add Button",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.addButton({
-                    id: "id-" + (++buttonsCount),
-                    label: "New " + buttonsCount,
-                    cssClass: "btn btn-secondary",
-                    action: function (modalWrapper, button, buttonData, originalEvent) {
-                        BootstrapModalWrapperFactory.showMessage("nothing only to show attached event to button id [" + buttonData.id + "]");
-                        return true;
-                    }
-                }, true);
-            }
-        },
-        {
-            label: "Delete Button",
-            cssClass: "btn btn-primary",
-            action: function (modalWrapper, button, buttonData, originalEvent) {
-                modalWrapper.removeButton("id-" + (buttonsCount--));
-            }
-        }
-    ]
-}).show();
-```
-#### Simulate Updating Bootstrap Modal wrapper instace dynamically with AJAX response content:
-```JS
-var m = BootstrapModalWrapperFactory.createModal({
-    message: '<div class="text-center"><i class="fa fa-refresh fa-spin fa-3x fa-fw text-primary"></i></div>',
-    closable: false,
-    closeByBackdrop: false
-});
-m.originalModal.find(".modal-dialog").css({transition: 'all 0.5s'});
-m.show();
-setTimeout(function () {
-    m.updateSize("modal-lg");
-    m.updateTitle("Message Received");
-    m.updateMessage("Message Content");
-    m.addButton({
-        label: "Close",
-        cssClass: "btn btn-secondary",
-        action: function (modalWrapper, button, buttonData, originalEvent) {
-            return modalWrapper.hide();
-        }
-    }, true);
-}, 3000);
-```
-#### Advanced AJAX Bootstrap Modal Wrapper Contents
-You can simply adapt and use the bootstrap modal wrapper to provide a dynamic Bootstrap modal with remote AJAX contents,
-for example see [the navbar's message tab items in JavaTMP Demo Home Page](http://demo.javatmp.com/JavaTMP-Static-Ajax/#pages/home.html).
-The following online documentation code provides you with the starting point to implement them https://www.javatmp.com/pages/javatmp-actionable-plugin.
 
 ## Copyright and License
 Bootstrap-modal-wrapper is copyrighted by [JavaTMP](http://www.javatmp.com) and licensed under [MIT license](https://github.com/JavaTMP/bootstrap-modal-wrapper/blob/master/LICENSE).
