isobit-ui 0.0.211 → 0.0.215

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.211
+ * isobit-ui v0.0.215
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -1210,49 +1210,6 @@ function _await$1(value, then, direct) {
   return then ? value.then(then) : value;
 }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var template = "\n\t<div v-bind:class={reflow:reflow} v-bind:key=\"'v-table-'+keyBody\" class=\"v-datatable v-resize\" style=\"background-color:#dbdbdb\"><template v-if=\"active\">\n\t\t<div v-if=\"hasSlot('header')\" class=\"v-datatable-header v-widget-header ui-corner-top\"><slot name=\"header\"></slot>\n\t\t</div>\n\t\t<div v-if=\"pagination\" class=\"v-paginator v-paginator-top v-widget-header v-paginator-pages center\">\n\t\t\n\t\t<v-button value=\"|<\" v-bind:disabled=\"page<=1\" v-on:click.prevent=\"to(1)\"/><v-button value=\"<\" v-on:click.prevent=\"to(page-1)\" v-bind:disabled=\"page<=1\"/><div style=\"padding:3px 8px;display:inline-block\">\n\t\t<input type=\"number\" v-on:change=\"to(page,true)\" style=\"width:60px\" min=\"1\" v-bind:max=\"pages\" v-model=\"page\"/> / {{pages}}</div>\n\t\t<v-button value=\">\" v-on:click.prevent=\"to(page+1)\" v-bind:disabled=\"page==pages\"/><v-button v-on:click.prevent=\"to(pages)\" value=\">|\" v-bind:disabled=\"page==pages\"/>\n\t\t\t</div>\n\t\t<div v-if=\"scrollable0\" class=\"v-widget-header v-datatable-scrollable-header\" style=\"position:relative\">\n\t\t<div class=\"v-datatable-scrollable-header-box\" style=\"\"></div></div>\n\t\t<div v-bind:class=\"{'v-datatable-scrollable-body':scrollable0}\">\n\t\t<table class=\"v-table\" v-bind:style=\"{width:width}\" v-if=\"columns\">\n\t\t\t<thead><tr>\n\t\t\t<th v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" >\n\t\t\t<span class=\"v-check\" v-on:click=\"rowSelect(null,-10)\" v-bind:data-icon=\"selected.length?'check-square':'square'\"><i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square':'fa-square'\"></i></span></th>\n\t\t\t<th v-bind:class=\"k['h-class']\" v-for=\"k in columns\" v-bind:width=\"k.width\" v-on:click=\"sortBy(k)\">\n\t\t\t<div v-html=\"k.header\"></div>\n\t\t\t</th>\n\t\t\t</tr></thead>\n\t\t\t<tbody class=\"v-datatable-data\" v-bind:key=\"kc\">\n\t\t\t\t<tr v-for=\"(entry,r) in sortedData\" @row=\"rowCreated(entry)\" @click=\"_selectRow($event,entry,r)\" v-bind:class=\"getRowClass(r,entry)\">\n\t\t\t\t\t<td v-if=\"selectable0\" width=\"18\" >\n\t\t\t\t\t\t<span v-bind:data-index=\"r\" class=\"v-check\" v-on:click=\"rowSelect(entry,r)\"\n\t\t\t\t\t\tv-bind:data-icon=\"isSelected(r)?'check-square':'square'\"><i class=\"far fa-lg\" v-bind:class=\"isSelected(r)?'fa-check-square':'fa-square'\" ></i></span>\n\t\t\t\t\t</td>\n\t\t\t\t\t<slot v-bind:row=\"entry\" v-bind:index=\"r+(page-1)*paginatio_\"></slot>\n\t\t\t\t</tr>\n\t\t\t\t<tr v-if=\"!sortedData||sortedData.length==0\">\n\t\t\t\t\t<td v-bind:colspan=\"columns.length+(selectable0?1:0)\">{{emptyMessage}}</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t\t</div>\n\t\t<div v-if=\"summary||hasSlot('summary')\" class=\"v-table-summary\" v-bind:class=\"{'v-datatable-scrollable-body':scrollable}\">\n\t\t\t<table class=\"v-table v-table-summary\"><tr>\n\t\t\t<td v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" ></td>\n\t\t\t<slot name=\"summary\" v-bind:data=\"sortedData\"></slot>\n\t\t\t</tr></table>\n\t\t</div>\n\t\t<div class=\"hide filters\"><slot name=\"filters\"></slot><slot name=\"columns\"></slot></div></template></div>\n";
 
 function _invoke$1(body, then) {
@@ -1330,27 +1287,37 @@ var script$d = {
   },
   render: function render(createElement) {
     console.log('RENDER TABLE');
-    var columns = this.$slots.columns;
-    var c2 = [];
-
-    if (columns) {
-      columns.forEach(function (e, i) {
-        console.log(e);
-        if (e.children) e.children.filter(function (e) {
+    var me = this,
+        columns = [];
+    console.log(me.$slots);
+    me.$slots["default"].forEach(function (e, i) {
+      console.log(e);
+      var column = e.data.attrs;
+
+      if (e.children) {
+        e.children.filter(function (e) {
           return e.tag == 'v-filter';
         }).forEach(function (e2) {
-          c2.push([e2, i]);
+          column.filter = e2;
           e.children.shift();
         });
-      });
-      console.log(c2);
-    }
+        e.children.filter(function (e) {
+          return e.tag == 'v-footer';
+        }).forEach(function (e2) {
+          column.footer = e2;
+          e.children.shift();
+        });
+      }
+
+      columns.push(column);
+    });
+    console.log(columns);
+    me.columns = columns;
     /*return createElement(
     'h' + this.level,   // nombre de etiqueta
     this.$slots.default // arreglo de hijos
     )*/
 
-
     var el = new DOMParser().parseFromString(template, "text/xml");
     /*
     
@@ -1679,6 +1646,7 @@ var script$d = {
     }
   },
   methods: {
+    buildColumns: function buildColumns() {},
     getRowClass: function getRowClass(r, row) {
       var cls = [];
       var me = this;
@@ -1748,30 +1716,6 @@ var script$d = {
        console.log(this.$parent.$parent.row);
        this.$emit('row',r);*/
     },
-    buildColumns: function buildColumns(c) {
-      var me = this;
-
-      if (!me.columns) {
-        //console.log(_.vtable);
-        //console.log('columns='+me.$el.getAttribute("columns"));
-        if (!c) {
-          if (_.vtable) {
-            c = _.vtable[me.$el.getAttribute("columns")];
-          } else {
-            var cc = me.$slots.columns;
-            c = [];
-            if (!cc) console.log('No columns in table!');
-
-            for (var k = 0; k < cc.length; k++) {
-              c.push(cc[k].data.attrs);
-            }
-          }
-        } //console.log(c);
-
-
-        me.columns = c;
-      }
-    },
     hasSlot: function hasSlot(s) {
       return !!this.$slots[s];
     },
@@ -4539,6 +4483,7 @@ function _invoke(body, then) {
 }
 
 window.isMobile = 1;
+Vue.config.ignoredElements = ['v-filter', 'v-footer'];
 
 Vue.n = function (v) {
   v = v ? v == '' ? null : Number('' + v) : 0;
@@ -5863,82 +5808,6 @@ window.ui = _.ui = function (cfg) {
       }
     }
 
-    _.vtable = {}; //esto es util si se tienen listados
-
-    var ta = el.querySelectorAll("v-table");
-
-    for (i = 0; i < ta.length; i++) {
-      var te = ta[i].querySelectorAll("template");
-
-      for (j = 0; j < te.length; j++) {
-        var att = te[j].attributes,
-            k,
-            atts;
-
-        if ('v-slot:default' in att || 'v-slot' in att) {
-          var columns = [],
-              n;
-          var filterTemplate = document.createElement("template");
-          filterTemplate.setAttribute("v-slot:filters", ""); //var selectable=ta[i].getAttribute("v-bind:selectable");
-
-          ta[i].appendChild(filterTemplate);
-          var td = te[j].content.children;
-          var summary = []; //var hassumary=0;
-
-          for (var l = 0; l < td.length; l++) {
-            var m = {};
-            var su = td[l].querySelector("v-footer");
-            if (su) summary[l] = su;
-            var f = td[l].querySelector("v-filter");
-
-            if (f) {
-              td[l].removeChild(f);
-
-              for (k = 0; k < f.children.length; k++) {
-                f.children[k].setAttribute("index", l);
-                filterTemplate.content.appendChild(f.children[k]);
-              }
-
-              m['filter'] = f;
-            }
-
-            for (k = 0, atts = td[l].attributes, n = atts.length; k < n; k++) {
-              att = atts[k];
-              m[att.nodeName] = att.nodeValue;
-            }
-
-            columns.push(m);
-          }
-
-          if (summary.length) {
-            filterTemplate = document.createElement("template");
-            filterTemplate.setAttribute("v-slot:summary", "");
-            ta[i].appendChild(filterTemplate);
-            td = te[j].content.children;
-
-            for (l = 0; l < td.length; l++) {
-              var ell = summary[l];
-              var t = document.createElement("td");
-
-              if (ell) {
-                t.innerHTML = ell.innerHTML;
-                ell.parentNode.removeChild(ell);
-              } else t.innerHTML = '&nbsp;';
-
-              filterTemplate.content.appendChild(t);
-            }
-          }
-
-          var cid = _.id();
-
-          _.vtable[cid] = columns;
-          ta[i].setAttribute("columns", cid);
-        }
-
-        ta[i].setAttribute("v-bind:filters", "filters");
-      }
-    }
-
     cfg.el = el;
   }
 

package/package.json

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