change class structure

ax5ui · Jan 26, 2016 · 803dec3 · 803dec3
1 parent f44cdb5
commit 803dec3
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 48 deletions.
diff --git a/API.md b/API.md
@@ -20,7 +20,21 @@ myToast.set_config({
     lang: "Object"
 });
 ```
-
+**Easy Way - without setConfig**
+```js
+var myToast = new ax5.ui.toast({
+    msg: "String",
+    theme: "String",
+    width: "Number", 
+    icon: "String",
+    closeIcon: "String",
+    onStateChanged: "Function",
+    displayTime: "Number",
+    animateTime: "Number",
+    containerPosition: "String",
+    lang: "Object"
+});
+```
 
 ### msg
 

diff --git a/README.md b/README.md
@@ -44,8 +44,7 @@ exactly the path.
 
 ### Basic Usages
 ```js
-var myToast = new ax5.ui.toast();
-myToast.setConfig({
+var myToast = new ax5.ui.toast({
     icon: '<i class="fa fa-bug"></i>',
     containerPosition: "bottom-right",
     closeIcon: '<i class="fa fa-times"></i>'

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
 	"name": "bootstrap-ax5toast",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"authors": [
 		"ThomasJ <[email protected]>"
 	],

diff --git a/dist/ax5toast.js b/dist/ax5toast.js
@@ -21,28 +21,24 @@
         var
             self = this,
             cfg;
-
-        // 클래스 생성자
-        this.main = (function () {
-            if (_SUPER_) _SUPER_.call(this); // 부모호출
-            this.config = {
-                clickEventName: "click", //(('ontouchstart' in document.documentElement) ? "touchstart" : "click"),
-                theme: 'default',
-                width: 300,
-                icon: '',
-                closeIcon: '',
-                msg: '',
-                lang: {
-                    "ok": "ok", "cancel": "cancel"
-                },
-                displayTime: 3000,
-                animateTime: 250,
-                containerPosition: "bottom-left"
-            };
-        }).apply(this, arguments);
-
+
+        if (_SUPER_) _SUPER_.call(this); // 부모호출
         this.toastContainer = null;
         this.queue = [];
+        this.config = {
+            clickEventName: "click", //(('ontouchstart' in document.documentElement) ? "touchstart" : "click"),
+            theme: 'default',
+            width: 300,
+            icon: '',
+            closeIcon: '',
+            msg: '',
+            lang: {
+                "ok": "ok", "cancel": "cancel"
+            },
+            displayTime: 3000,
+            animateTime: 250,
+            containerPosition: "bottom-left"
+        };
         cfg = this.config;
 
         /**
@@ -265,7 +261,14 @@
                 }
             }, cfg.animateTime);
             return this;
-        }
+        };
+
+        // 클래스 생성자
+        this.main = (function () {
+            if(arguments && U.isObject(arguments[0])) {
+                this.setConfig(arguments[0]);
+            }
+        }).apply(this, arguments);
     };
     //== UI Class
 

diff --git a/dist/ax5toast.min.js b/dist/ax5toast.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "bootstrap-ax5toast",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"description": "A toast plugin that works with Bootstrap & jQuery",
 	"license": "MIT",
 	"repository": {

diff --git a/src/ax5toast.js b/src/ax5toast.js
@@ -21,28 +21,24 @@
         var
             self = this,
             cfg;
-
-        // 클래스 생성자
-        this.main = (function () {
-            if (_SUPER_) _SUPER_.call(this); // 부모호출
-            this.config = {
-                clickEventName: "click", //(('ontouchstart' in document.documentElement) ? "touchstart" : "click"),
-                theme: 'default',
-                width: 300,
-                icon: '',
-                closeIcon: '',
-                msg: '',
-                lang: {
-                    "ok": "ok", "cancel": "cancel"
-                },
-                displayTime: 3000,
-                animateTime: 250,
-                containerPosition: "bottom-left"
-            };
-        }).apply(this, arguments);
-
+
+        if (_SUPER_) _SUPER_.call(this); // 부모호출
         this.toastContainer = null;
         this.queue = [];
+        this.config = {
+            clickEventName: "click", //(('ontouchstart' in document.documentElement) ? "touchstart" : "click"),
+            theme: 'default',
+            width: 300,
+            icon: '',
+            closeIcon: '',
+            msg: '',
+            lang: {
+                "ok": "ok", "cancel": "cancel"
+            },
+            displayTime: 3000,
+            animateTime: 250,
+            containerPosition: "bottom-left"
+        };
         cfg = this.config;
 
         /**
@@ -265,7 +261,14 @@
                 }
             }, cfg.animateTime);
             return this;
-        }
+        };
+
+        // 클래스 생성자
+        this.main = (function () {
+            if(arguments && U.isObject(arguments[0])) {
+                this.setConfig(arguments[0]);
+            }
+        }).apply(this, arguments);
     };
     //== UI Class