isobit-ui 0.1.7 → 0.1.10

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.1.7
+ * isobit-ui v0.1.10
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -1758,7 +1758,7 @@ function _await$2(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>\n            <tr>\n                <th v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" >\n                    <span class=\"v-check\" v-on:click=\"rowSelect(null,-10)\" v-bind:data-icon=\"selected.length?'check-square':'square'\">\n                        <i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square':'fa-square'\"></i>\n                    </span>\n                </th>\n                <th v-bind:class=\"k['h-class']\" v-for=\"k in columns\" v-bind:width=\"k.width\" v-on:click=\"sortBy(k)\">\n                    <div v-html=\"k.header\"></div>\n                </th>\n\t\t\t</tr>\n            </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";
+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>\n            <tr>\n                <th v-if=\"selectable0\" v-bind:width=\"getCheckColumnWidth\" >\n                    <span class=\"v-check\" v-on:click=\"rowSelect(null,-10)\" v-bind:data-icon=\"selected.length?'check-square':'square'\">\n                        <i class=\"fa fa-lg\" v-bind:class=\"selected.length?'fa-check-square':'fa-square'\"></i>\n                    </span>\n                </th>\n                <th v-bind:class=\"k['h-class']\" v-for=\"k in columns\" v-bind:width=\"k.width\" v-on:click=\"sortBy(k)\">\n                    <div v-html=\"k.header\"></div>\n                </th>\n\t\t\t</tr>\n            </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\" class=\"center\">\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) {
   var result = body();
@@ -2342,7 +2342,7 @@ var script$e = {
         var me, store;
         me = this;
         store = me.store;
-        return function () {
+        return _invoke$1(function () {
           if (store != null) {
             var datj;
             return _invoke$1(function () {
@@ -2352,14 +2352,11 @@ var script$e = {
             }, function () {
               if (!datj) datj = [];
               me.data = me.data ? datj.concat(me.data) : datj;
-              console.log('loadStore');
-              console.log(me.data);
-              return me.data; //
-              //console.log(me.data);
-              //me.rowSelect(null, -10);
             });
           }
-        }();
+        }, function () {
+          return me.data;
+        });
       } catch (e) {
         return Promise.reject(e);
       }
@@ -2415,11 +2412,10 @@ var script$e = {
           })["catch"](me.error);
         } else {
           me.data = [];
-          me.loadStore().then(function (result) {
+          var result = me.loadStore();
+          if (result.then) result.then(function (result) {
             console.log(me.data = result);
-          }); //console.log('me.data');
-          //console.log(me.data);
-
+          });
           me.$emit('row-select', {
             target: me
           });
@@ -7399,6 +7395,66 @@ var index = {
     Vue.component("v-panel", __vue_component__$5);
     Vue.component("v-popup", __vue_component__);
     Vue.component("v-textarea", __vue_component__$c);
+    Vue.component('v-filter-calendar', {
+      template: '<div><v-button icon="fa-calendar" v-on:click.prevent="open"/>' + '<v-panel style="text-align:left;position:absolute;display:none" v-bind:header="\'Configurar Filtro []\'"><div style="padding:20px"><div class="v-form"><label>Desde:</label><v-calendar v-model="from"/><label>Hasta:</label><v-calendar v-model="to"/></div>' + '<center style="padding-top:20px"><v-button icon="fa-check" value="Aceptar"/><v-button icon="fa-ban" v-on:click.prevent="close" value="Cerrar"/></center></div>' + '</v-panel></div>',
+      data: function data() {
+        return {
+          el: null,
+          mask: null
+        };
+      },
+      methods: {
+        open: function open() {
+          var el = this.el ? this.el : this.el = this.$el.children[1];
+          this.mask = _$1.mask(el, {
+            backgroundColor: 'rgba(0,0,0,0.95)'
+          });
+          el.style.display = 'block';
+        },
+        close: function close() {
+          _$1.unmask(this.mask);
+        }
+      }
+    });
+    Vue.component('v-accordion', {
+      mounted: function mounted() {},
+      methods: {
+        toggle: function toggle(e) {
+          this.$emit('change', e);
+        }
+      },
+      template: '<div class="v-accordion"><slot></slot></div>'
+    });
+    Vue.component('v-tab', {
+      props: ['title', 'expanded'],
+      data: function data() {
+        return {
+          count: 0,
+          expanded_: 0
+        };
+      },
+      update: function update() {
+        this.$el.querySelector('svg').dataset.icon = "chevron-down";
+      },
+      mounted: function mounted() {
+        var me = this;
+        me.expanded_ = me.expanded;
+        setTimeout(function () {
+          me.$el.querySelector('svg').dataset.icon = "chevron-down";
+        }, 100);
+      },
+      methods: {
+        toggle: function toggle() {
+          this.expanded_ = !this.expanded_;
+          this.$el.querySelector('svg').dataset.icon = this.expanded_ ? "chevron-up" : "chevron-down"; //avisa al padre q este hijo se expandera
+
+          if (this.$parent && this.$parent.toggle) {
+            this.$parent.toggle(this);
+          }
+        }
+      },
+      template: '<div><div v-on:click="toggle" v-bind:class="{expanded:expanded_}" style="cursor:pointer;position: relative;padding: 10px 0px;">{{title}}<span style="position:absolute;right:0px" ><i data-icon="chevron-down" class="fa"></i></span></div>' + '<transition name="fade"><div class="v-tab-content" v-if="expanded_"><slot></slot></div></transition></div>'
+    });
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "isobit-ui",
-	"version": "0.1.7",
+	"version": "0.1.10",
 	"type": "module",
 	"description": "Vue component to play videos",
 	"keywords": [