simple-ui-builder - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

package.json

 {
   "name": "simple-ui-builder",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Build user interface like Lego bricks. UI.input(), UI.button(cb), UI.select(arr) etc. For lazy guys as I am.",
@@ -5,0 +5,0 @@ "main": "ui.js",

ui.js

@@ -487,10 +487,4 @@ /**
 
-  UI.TB = function(cb, params) {
+  UI.textarea = function(params) {
 
-    if ((typeof params == "function") && (typeof cb == "object")) {
-      var temp = params;
-      params = cb;
-      cb = temp;
-    }
-
     params = params || {};
@@ -505,4 +499,2 @@ params.id = params.id || "textarea";
 
-    cb = cb || console.log;
-
     var textarea = document.createElement("textarea");
@@ -521,31 +513,59 @@ textarea.cols = params.cols;
 
-    function saveContents() {
-      localStorage[params.id] = textarea.value.trim();
+    function saveContents(e) {
+      localStorage["textarea#" + params.id] = textarea.value.trim();
     }
+  };
 
+
+  UI.TB = function(cb, params) {
+
+    if ((typeof params == "function") && (typeof cb == "object")) {
+      var temp = params;
+      params = cb;
+      cb = temp;
+    }
+
+    cb = cb || console.log;
+
+    params = params || {};
+
+    if (typeof params.parent == "string") params.parent = document.querySelector(params.parent);
+    else params.parent = params.parent || document.querySelector("#ui") || document.body;
+
+    UI.textarea(params);
+
     params.parent.appendChild(document.createElement("br"));
 
-    var actionButton = document.createElement("button");
-    actionButton.id = params.id + "Action";
-    actionButton.innerHTML = params.buttonText || "Action";
+    var textareaId = params.id;
+    var textareaNode = document.querySelector("textarea#" + params.id);
+
     if (!params.noAction) {
-      params.parent.appendChild(actionButton);
+
+      var actionParams = params;
+      actionParams.id = params.id + "Action";
+      actionParams.innerHTML = params.buttonText || "Action";
+      actionParams.className = "";
+      actionParams.style = {margin: "0px"};
+
+      UI.button(actionParams, function() {
+        var textareaArr = textareaNode.value.trim().split(/\n\r?/).filter(function(a) {
+          return a;
+        });
+        cb(textareaArr);
+      });
     }
-    actionButton.onclick = function() {
-      var textareaArr = textarea.value.trim().split(/\n\r?/).filter(function(a) {
-        return a;
-      });
-      cb(textareaArr);
-    };
 
-    var clearButton = document.createElement("button");
-    clearButton.innerHTML = "Clear";
-    params.parent.appendChild(clearButton);
+    var clearParams = params;
+    clearParams.id = params.id + "Clear";
+    clearParams.innerHTML = "Clear";
+    clearParams.className = "";
+    clearParams.style = {margin: "0px", marginLeft: "5px"};
 
-    clearButton.onclick = function() {
-      textarea.value = "";
-      localStorage[params.id] = "";
-    };
+    UI.button(clearParams, function() {
+      textareaNode.value = "";
+      localStorage[textareaId] = "";
+    });
   };
 
+
   UI.table = function(arr, params) {
@@ -704,3 +724,2 @@
 
-
 })();

No alert changes

Improved metrics

Total package byte prevSize

23566

increased by2.28%

Lines of code

541

increased by2.08%

No dependency changes