isobit-ui 0.0.251 → 0.0.254

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.251
+ * isobit-ui v0.0.254
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -1342,11 +1342,10 @@ var script$d = {
     };
 
     console.log('compiledTemplate');
-    console.log(compiledTemplate);
     var ct = compiledTemplate.render.call(this, createElement);
     console.log(ct);
     me.columns.forEach(function (e) {
-      ct.children[ct.children.length - 1].push(e.filter);
+      ct.children[ct.children.length - 1].children.push(e.filter);
     });
     return ct;
   },
@@ -1404,6 +1403,7 @@ var script$d = {
   },
   mounted: function mounted() {
     var me = this;
+    console.log('mounted');
     me.columns.forEach(function (e) {
       console.log(e.filter);
     });
@@ -1470,11 +1470,6 @@ var script$d = {
   },
   beforeUpdate: function beforeUpdate() {
     var me = this;
-    /*var e3=;
-    if(e3.elm){
-    
-    console.log(e3.elm.querySelectorAll('.v-datatable-scrollable-header-box th'));
-    }*/
 
     if (me.active) {
       me.buildColumns();
@@ -1500,10 +1495,14 @@ var script$d = {
       var clonedHeader = me.$el.querySelectorAll(".v-cloned-header");
 
       if (clonedHeader.length === 0) {
-        //console.log('generando las cabeceras');
-        var filtersMap = {};
-        var filters = me.$el.querySelector(".filters");
-        var input = filters.querySelectorAll('input');
+        clonedHeader = document.createElement("table");
+        var originalHeader = t[0].querySelectorAll("thead")[0];
+        var tw = 0;
+        var maxLabelHeight = 0;
+        var ca = document.createElement('canvas');
+        var cs = window.getComputedStyle(p);
+        var ctx = ca.getContext("2d");
+        ctx.font = cs.fontSize + " PTSans";
 
         var listener = function listener(event) {
           if (event.keyCode === 13) {
@@ -1512,46 +1511,64 @@ var script$d = {
           }
         };
 
-        for (i = 0; i < input.length; i++) {
-          input[i].addEventListener("keyup", listener);
-        }
-
-        for (var i = 0; i < filters.children.length; i++) {
-          var td = filters.children[i];
-          var m = {};
+        var th = originalHeader.childNodes[0].querySelectorAll("th");
+        me.columns.forEach(function (e) {
+          if (e.filter) {
+            var input = e.filter.elm.querySelectorAll('input');
 
-          for (var att, k = 0, atts = td.attributes, n = atts.length; k < n; k++) {
-            att = atts[k];
-            m[att.nodeName] = att.nodeValue;
+            for (i = 0; i < input.length; i++) {
+              input[i].addEventListener("keyup", listener);
+            }
           }
+        });
+        var filters = me.$el.querySelector(".filters");
+        filters.querySelectorAll('input');
+        /*for (var i = 0; i < filters.children.length; i++) {
+            var td = filters.children[i];
+            var m = {};
+            for (var att, k = 0, atts = td.attributes, n = atts.length; k < n; k++) {
+                att = atts[k];
+                m[att.nodeName] = (att.nodeValue);
+            }
+            
+            td.style.marginTop = '5px';
+            td.onchange=()=>{
+                me.load();
+            };
+            filtersMap[m.index] = td;
+        }*/
+        //se crea la nueva tabla header a clonar
 
-          td.style.marginTop = '5px';
-
-          td.onchange = function () {
-            me.load();
-          };
+        var ht = new _.HTML2Canvas({
+          lineHeight: parseInt(cs.lineHeight),
+          ctx: ctx
+        });
 
-          filtersMap[m.index] = td;
-        } //se crea la nueva tabla header a clonar
+        for (i = 0; i < th.length; i++) {
+          var filter = me.columns[i - (me.selectable0 ? 1 : 0)].filter;
+          var cltd = th[i].cloneNode(true);
+          cltd.setAttribute("ind", '' + (i - (me.selectable0 ? 1 : 0)));
+          cltd.childNodes[0].onclick = sortClick;
 
+          if (i == 0 && me.selectable0) {
+            cltd.innerHTML = "";
+            cltd.appendChild(th[i].childNodes[0]);
+          }
 
-        clonedHeader = document.createElement("table");
-        var originalHeader = t[0].querySelectorAll("thead")[0]; //console.log(originalHeader);
-        //console.log(originalHeader.clientHeight);
+          if (filter && filter.elm) {
+            filter.elm.children.forEach(function (e) {
+              return cltd.appendChild(e);
+            });
+          }
 
-        var th = originalHeader.childNodes[0].querySelectorAll("th"); //originalHeader.style.height = 0;
-        // originalHeader.style.overflow = 'hidden';
+          cltd.style.height = maxLabelHeight + 'px';
+          clonedHeader.appendChild(cltd);
+          th[i].style.height = 0;
 
-        var tw = 0;
-        var maxLabelHeight = 0;
-        var ca = document.createElement('canvas');
-        var cs = window.getComputedStyle(p);
-        var ctx = ca.getContext("2d");
-        ctx.font = cs.fontSize + " PTSans";
-        var ht = new _.HTML2Canvas({
-          lineHeight: parseInt(cs.lineHeight),
-          ctx: ctx
-        });
+          if (th[i].childNodes[0]) {
+            th[i].childNodes[0].style.display = 'none';
+          }
+        }
 
         for (i = 1; i < th.length; i++) {
           tw += parseInt(th[i].width);
@@ -1602,30 +1619,6 @@ var script$d = {
           me.sorter = sort;
         };
 
-        for (i = 0; i < th.length; i++) {
-          var filter = filtersMap['' + (i - (me.selectable0 ? 1 : 0))];
-          var cltd = th[i].cloneNode(true);
-          cltd.setAttribute("ind", '' + (i - (me.selectable0 ? 1 : 0)));
-          cltd.childNodes[0].onclick = sortClick;
-
-          if (i == 0 && me.selectable0) {
-            cltd.innerHTML = "";
-            cltd.appendChild(th[i].childNodes[0]);
-          }
-
-          if (filter) {
-            cltd.appendChild(filter);
-          }
-
-          cltd.style.height = maxLabelHeight + 'px';
-          clonedHeader.appendChild(cltd);
-          th[i].style.height = 0;
-
-          if (th[i].childNodes[0]) {
-            th[i].childNodes[0].style.display = 'none';
-          }
-        }
-
         clonedHeader.className = "v-cloned-header v-table";
         p.appendChild(clonedHeader);
         p.appendChild(p.firstChild);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "isobit-ui",
-	"version": "0.0.251",
+	"version": "0.0.254",
 	"description": "Vue component to play videos",
 	"keywords": [
 		"ui",