isobit-ui 0.0.340 → 0.0.343

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.0.340
+ * isobit-ui v0.0.343
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -5676,28 +5676,6 @@ window.ui = _$1.ui = function (cfg) {
           }
         }
       },
-      o: function o(e) {
-        var t = e.target;
-        var me = this;
-
-        if (typeof e == 'string') {
-          t = e;
-        } else if (t.tagName == "ION-ITEM" && t.href) {
-          e.preventDefault();
-          t = t.href;
-        } else {
-          e.preventDefault();
-          if (!t.pathname) t = t.parentNode;
-          if (!t.pathname) t = t.parentNode;
-          if (!t.pathname) t = t.parentNode;
-          t = t.pathname;
-        }
-
-        if (me.$route.path !== t) {
-          console.log('path=' + t);
-          me.$router.push(t);
-        }
-      },
       MsgBox: _$1.MsgBox,
       changeRoute: function changeRoute() {
         /*console.log(v)*/
@@ -5762,8 +5740,8 @@ window.ui = _$1.ui = function (cfg) {
         if (!action) action = window.location.pathname;
         action = _$1.processURL(action);
 
-        if (window.o) {
-          window.o(action + '/create');
+        if (window.app) {
+          me.open(action + '/create');
         } else {
           instance.get(_$1.currentPath = (action + '/create').replace(/([^:]\/)\/+/g, "$1") + '?modal').then(_$1.open)["catch"](me.error);
         }
@@ -5778,8 +5756,8 @@ window.ui = _$1.ui = function (cfg) {
         if (t.data[t.selected[0]].tmpId) id = -t.data[t.selected[0]].tmpId;
         if (me.getSelectedId) id = me.getSelectedId(t.data[t.selected[0]]);
 
-        if (window.o) {
-          window.o(action + '/' + id + '/edit');
+        if (window.app) {
+          me.open(action + '/' + id + '/edit');
         } else {
           axios__default['default'].get((_$1.currentPath = (action + '/' + id + '/edit').replace(/([^:]\/)\/+/g, "$1")) + '?modal').then(me.open)["catch"](me.error);
         }
@@ -5859,319 +5837,42 @@ window.ui = _$1.ui = function (cfg) {
         return str.replace(_$1.contextPath, _$1.contextPath + '/api');
       },
       open: function open(response, path, o) {
-        var me = this,
-            el;
-
-        if (response.$el) {
-          response = response.$el;
-          path = {};
-        } else if (response instanceof HTMLElement) {
-          path = {};
-        } else if (response.target) {
-          el = response.target;
-          return me.open(el.pathname ? el.pathname : el.href);
-        } else if (response === 'GET') {
-          if (typeof path == 'string') {
-            var cfg = {
-              path: _$1.currentPath = path + (typeof o == 'string' ? '/' + o : '')
-            };
-
-            if (typeof o == 'function') {
-              cfg.result = o;
-            } else if (_typeof(o) == 'object') {
-              cfg = Vue__default['default'].mergeDeep(cfg, o);
-            }
-
-            return me.open(response, cfg);
-          } else if (!path.data) {
-            //Tiene q buscarse el elemt si existe
-            //console.log('path='+path.path);
-            el = document.querySelector('[path=\'' + path.path + '\']'); //console.log(el);
-
-            if (el) {
-              var dd = document.querySelector('#layoutUnit-center > .ui-layout-unit-content,#page-content'); //console.log(dd);
-
-              for (var i = 0; i < dd.children.length; i++) {
-                //Se ocultan todas las demas paginas
-                if (dd.children[i].style) {
-                  if (dd.children[i].className == 'ui-panel' && dd.children[i].style.display != 'none') {
-                    backPanel = dd.children[i];
-                  }
-
-                  dd.children[i].style.display = 'none';
-                }
-              }
-
-              el.style.removeProperty('display');
-              return el;
-            } else {
-              return axios__default['default'].get((path.path + '/?modal').replace(/([^:]\/)\/+/g, "$1")).then(function (r) {
-                r["class"] = path["class"] ? path["class"] : '';
-                r.path = path.path;
-                r.result = path.callback;
-                r = Object.assign(r, path);
-                me.open(response, r);
-              })["catch"](me.error);
-            }
-          }
-        } else if (!response.data) {
-          return me.open('GET', response, path);
-        } else if (response.data) {
-          path = response;
-        }
-
-        var dialog,
-            nid = Vue__default['default'].id(),
-            scriptDom = [],
-            for_,
-            ifor = 0;
-
-        if (response instanceof HTMLElement) {
-          dialog = response;
-          dialog.classList.add("v-dialog");
-        } else {
-          dialog = document.createElement("div");
-          dialog.classList.add("v-dialog");
-          dialog.innerHTML = path.data;
-          var s = dialog.getElementsByTagName('script'); //console.log('patttt=' + _.currentPath);
-
-          dialog.setAttribute("path", _$1.currentPath);
-          var ld = dialog.children; //console.log(s);
-
-          for (var k = 0; k < s.length; k++) {
-            scriptDom.push(s[k]);
-          }
-
-          for (k = 0; k < ld.length; k++) {
-            //console.log(ld[k].tagName);
-            if (ld[k].tagName == 'V-FORM' || ld[k].tagName == 'V-PANEL') {
-              for_ = ld[k];
-              ifor = k;
-            }
-          }
-        }
-
-        var backPanel;
-
-        var close = function close() {
-          dialog.style.display = "none";
-          overlay = dialog.parentNode;
-
-          if (overlay.classList.contains('v-overlay')) {
-            //para los dialog
-            overlay.style.display = "none";
-            dialog.parentNode.removeChild(dialog);
-            overlay.parentNode.removeChild(overlay);
-          }
-
-          if (backPanel) {
-            dialog.parentNode.removeChild(dialog);
-            backPanel.style.display = 'block';
-          }
-
-          Vue__default['default'].resize();
-        };
+        {
+          var e = response;
+          var t = e.target;
+          var me = this;
 
-        if (for_ && for_.classList.contains('panel')) {
-          //Si elemto tiene declarado el id se debe considerar que es 
-          if (for_.id) {
-            window.currentEl = '#' + for_.id;
+          if (typeof e == 'string') {
+            t = e;
+          } else if (t.tagName == "ION-ITEM" && t.href) {
+            e.preventDefault();
+            t = t.href;
           } else {
-            var clsId = 'cls-id-' + Vue__default['default'].id();
-            for_.classList.add(clsId);
-            window.currentEl = '.' + clsId;
-          }
-
-          dd = document.querySelector('#layoutUnit-center > .ui-layout-unit-content,#page-content');
-
-          for (i = 0; i < dd.children.length; i++) {
-            //Se ocultan todas las demas paginas
-            if (dd.children[i].style) {
-              if (dd.children[i].className == 'ui-panel' && dd.children[i].style.display != 'none') {
-                backPanel = dd.children[i];
-              }
-
-              dd.children[i].style.display = 'none';
-            }
-          } //se agrega el dialog recuperado y se genera
-
-
-          dd.appendChild(dialog); //console.log(scriptDom);
-
-          for (var l2 = 0; scriptDom.length > l2; l2++) {
-            //console.log(s[l2]);
-            try {
-              eval(scriptDom[l2].innerHTML);
-            } catch (e) {
-              console.error(e);
-            }
-          }
-
-          dialog.style.display = 'none';
-          var td;
-          var aux = dialog.children[ifor]; //todo los elementos del dialog son agregados al panel
-
-          while (dialog.children.length > 0) {
-            if (!td) td = dialog.children[0];
-            dd.appendChild(dialog.children[0]);
+            e.preventDefault();
+            if (!t.pathname) t = t.parentNode;
+            if (!t.pathname) t = t.parentNode;
+            if (!t.pathname) t = t.parentNode;
+            t = t.pathname;
           }
 
-          dialog.parentNode.removeChild(dialog);
-          dialog = aux; //console.log(path);
-
-          dialog.setAttribute("path", path.path);
-        } else {
-          var overlay = document.createElement("div"); //console.log('create overlay');
-
-          overlay.classList.add("v-overlay");
-          overlay.style.padding = "40px";
-          document.body.appendChild(overlay);
-          overlay.appendChild(dialog);
-
-          if (!(response instanceof HTMLElement)) {
-            for (l2 = 0; s.length > l2; l2++) {
-              //console.log(s[l2]);
-              try {
-                eval(s[l2].innerHTML);
-              } catch (e) {
-                console.error(e);
-              }
-            }
+          if (me.$route.path !== t) {
+            console.log('path=' + t);
+            me.$router.push(t);
           }
 
-          overlay.style.visibility = "unset";
-          overlay.style.opacity = "unset";
-          overlay.style.overflow = "auto";
-          dialog.style.margin = "0 auto";
-          dialog.style.position = "unset"; //console.log(dialog);
-
-          var resize = function resize(e) {
-            dialog.style.left = (window.innerWidth - dialog.offsetWidth) / 2 + 'px';
-
-            if (window.innerWidth < 600) {
-              //console.log(333333);
-              var dc = dialog.querySelector('.v-dialog-content'); //console.log(dc);
+          return;
+        }
+        var me = this;
 
-              var h = dialog.querySelector('.v-panel-titlebar'); //console.log(h.clientHeight);
+        var dialog;
 
-              var ih = window.innerHeight - 94 - h.clientHeight;
-              dc.style.height = ih + "px";
-            }
-          };
-
-          window.addEventListener('resize', resize);
+        {
 
           if (path["class"] === 'v-search') {
             var d = dialog;
-            d.className = d.className + ' ' + path["class"];
-            d.style.width = "100%";
-            d.style.height = "calc(100% - 2px)";
-            var children = d.querySelector('div');
-            var f = d.querySelector('form');
             var t = d.querySelector('.v-datatable');
-            var tb = d.querySelector('.v-datatable-scrollable-body');
-            children.style.height = 'calc(100% - 2px)';
-            children.style.overflowY = 'auto';
-            children.children[1].style.padding = '0px';
-            children.children[1].style.height = 'calc(100% - 33px)';
-            f.style.height = '100%';
-            f.style.overflowY = 'auto';
-            t.style.height = 'calc(100% - 52px)';
-            tb.style.height = 'calc(100% - 72px)';
-            tb.style.overflowY = 'auto';
-            var pag = d.querySelector('.v-paginator');
-            pag.style.display = 'inline-block';
-            f.appendChild(pag);
-            tb = document.createElement("button");
-            tb.innerHTML = 'Recuperar';
-            tb.style.padding = '4px 16px';
-            tb.className = "_ ui-widget v-state-default ui-corner-all v-button ui-button-text-only";
-
-            var vue = _$1.varMap[children.getAttribute("vueid")];
-
-            tb.onclick = function (e) {
-              e.preventDefault();
-              vue.refresh();
-            };
-
-            f.appendChild(tb);
-            tb = document.createElement("button");
-            tb.innerHTML = 'Seleccionar';
-            tb.style.padding = '4px 16px';
-            tb.className = "_ ui-widget v-state-default ui-corner-all v-button ui-button-text-only";
-            vue = _$1.varMap[children.getAttribute("vueid")];
-
-            tb.onclick = function (e) {
-              e.preventDefault();
-              var d = [];
-              var t = vue.$children[0].$children[0];
-
-              for (i = 0; i < t.selected.length; i++) {
-                d.push(t.filteredData[t.selected[i]]);
-              }
-
-              path.result(d);
-              delete path.result;
-              vue.close(e);
-            };
-
-            f.appendChild(tb);
-          }
-
-          resize();
-        }
-
-        _$1.storeFunction['PROPS=' + nid] = path;
-
-        _$1.storeFunction[nid] = function (o) {
-          if (path.result) {
-            path.result(o);
-          }
-
-          if (o === true) me.refresh();
-        };
-
-        var _vue_ = dialog.querySelector('[vueid]');
-
-        if (_vue_) {
-          path.__vue__ = _vue_.__vue__;
-
-          _vue_.__vue__.$emit('opened', path);
-        }
-
-        dialog.setAttribute("callback", nid);
-        var h = dialog.querySelector('.v-panel-titlebar');
-
-        if (h) {
-          var acl = h.querySelector('.ui-js-close');
-
-          window.onkeyup = function (event) {
-            if (event.keyCode == 27) {
-              close();
-            }
-          };
-
-          if (!acl) {
-            var span = document.createElement("i");
-            span.style.top = "6px";
-            span.style.right = "6px";
-            h.style.position = "relative";
-            span.style.position = "absolute";
-            span.style.color = "white";
-            span.className = "fa fa-window-close v-dialog-close";
-            acl = document.createElement("a");
-            acl.className = "ui-js-close v-dialog-titlebar-icon v-dialog-titlebar-close ui-corner-all";
-            acl.appendChild(span);
-            h.appendChild(acl);
-            acl.addEventListener("click", close);
           }
         }
-
-        dialog.style.display = 'block';
-        Vue__default['default'].resize();
-        document.documentElement.style.overflow = 'hidden'; // firefox, chrome
-
-        document.body.scroll = "no"; // ie only
       },
       close: function close(ok) {
         if (ok.$el) ok = ok.$el;
@@ -6382,7 +6083,6 @@ window.ui = _$1.ui = function (cfg) {
       save: function save() {
         try {
           var _exit2 = false;
-          var objectStore;
 
           var _this4 = this;
 
@@ -6431,7 +6131,7 @@ window.ui = _$1.ui = function (cfg) {
                     }
 
                     var db = window._.db;
-                    objectStore = db.transaction([storage], "readwrite").objectStore(storage);
+                    var objectStore = db.transaction([storage], "readwrite").objectStore(storage);
 
                     if (!o.id) {
                       o.id = -new Date();
@@ -6477,9 +6177,12 @@ window.ui = _$1.ui = function (cfg) {
                 if (_exit2) return _result;
                 axios__default['default'].post(action, o).then(function (result) {
                   var data = result.data;
-                  console.log(11);
 
                   if (o.tmpId) {
+                    var storage = me.$children[0].storage;
+
+                    var objectStore = window._.db.transaction([storage], "readwrite").objectStore(storage);
+
                     var item = objectStore.get(o.tmpId);
                     o.tmpSynchronized = 1;
                     if (data.id) o.id = data.id;
@@ -6499,7 +6202,6 @@ window.ui = _$1.ui = function (cfg) {
                     };
                   }
 
-                  console.log(22);
                   me.MsgBox('El registro fue grabado exitosamente!', function () {
                     me.close({
                       success: true,

package/package.json

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