ax5modal demo

ax5ui · Jan 14, 2016 · 1c1580a · 1c1580a
1 parent 24b9fd6
commit 1c1580a
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 18 deletions.
diff --git a/API.md b/API.md
@@ -33,7 +33,7 @@ Title of toast.
 
 Type: `String`  [default: default]
 
-Theme of toast, ax5toast themes using six colors defined by the bootstrap is provided.
+Theme of toast, ax5modal themes using six colors defined by the bootstrap is provided.
 
 
 ### width

diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 [![axisj-contributed](https://img.shields.io/badge/AXISJ.com-Contributed-green.svg)](https://github.com/axisj) ![](https://img.shields.io/badge/Seowoo-Mondo&Thomas-red.svg)
 
-# bootstrap-ax5toast
+# bootstrap-ax5modal
 
 > *Dependencies*
 > * _[jQuery 1.X+](http://jquery.com/)_
@@ -10,7 +10,7 @@
 
 ### Install by bower
 ```sh
-bower install bootstrap-ax5toast
+bower install bootstrap-ax5modal
 ```
 [bower](http://bower.io/#install-bower) is web front-end package manager.
 using the `bower`, when you install the plug-in is installed to resolve the plug-in dependencies under the `bower_components` folder.
@@ -20,20 +20,20 @@ If you've never used a bower is, you will be able to be used for [http://bower.i
 
 ### Download code
 - [ax5core Github releases](https://github.com/ax5ui/ax5core/releases)
-- [bootstrap-ax5toast Github releases](https://github.com/ax5ui/bootstrap-ax5toast/releases)
+- [bootstrap-ax5modal Github releases](https://github.com/ax5ui/bootstrap-ax5modal/releases)
 
 
-### Insert the "ax5toast" in the HTML HEAD.
+### Insert the "ax5modal" in the HTML HEAD.
 
 Location of the folder can be determined freely in your project. But be careful not to accidentally caused
 exactly the path.
 ```html
 <html>
     <head>
-        <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-ax5toast/dist/ax5toast.css" />
+        <link rel="stylesheet" type="text/css" href="bower_components/bootstrap-ax5modal/dist/ax5modal.css" />
         <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
         <script type="text/javascript" src="bower_components/ax5core/dist/ax5core.min.js"></script>
-        <script type="text/javascript" src="bower_components/bootstrap-ax5toast/dist/ax5toast.min.js"></script>
+        <script type="text/javascript" src="bower_components/bootstrap-ax5modal/dist/ax5modal.min.js"></script>
     </head>
 <body>
 ....
@@ -43,14 +43,13 @@ exactly the path.
 
 ### Basic Usages
 ```js
-var myToast = new ax5.ui.toast();
-myToast.setConfig({
-    icon: '<i class="fa fa-bug"></i>',
-    containerPosition: "bottom-right",
-    closeIcon: '<i class="fa fa-times"></i>'
+var modal = new ax5.ui.modal();
+modal.setConfig({
+    onStateChanged: function(){
+        console.log(this);
+    }
 });
-
-myToast.push('Toast message');
+modal.open();
 ```
 
 - - -
@@ -62,7 +61,7 @@ In npm, so pile on the package manager for the front end, you need to solve the
 ```sh
 npm install jquery
 npm install ax5core
-npm install bootstrap-ax5toast
+npm install bootstrap-ax5modal
 ```
 
 After you download the file in npm install, you will need to copy to the location where you want to use as a resource for the project.
@@ -72,6 +71,6 @@ If the inconvenience in the process that you want to copy the file and can be ea
 
 
 ### Preview
-- [See Demostration](http://ax5.io/bootstrap-ax5toast/demo/index.html)
+- [See Demostration](http://ax5.io/bootstrap-ax5modal/demo/index.html)
 
 If you have any questions, please refer to the following [gitHub](https://github.com/ax5ui/ax5ui-kernel)