isobit-ui 0.1.46 → 0.1.49

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * isobit-ui v0.1.46
+ * isobit-ui v0.1.49
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
@@ -3985,20 +3985,20 @@ var script$6 = {
 
         el = el.children[1].children[0];
         el.style.height = h + 'px';
-        console.log(el);
         var el2; //,style2;
 
         el.children.forEach(function (ee) {
           if (!el2) {
             //style2 = window.getComputedStyle(ee);
-            if (!ee.classList.contains('v-scrollable') && ee.classList.contains('v-resize')) {
+            if (!ee.classList.contains('v-scrollable') && !ee.classList.contains('v-resize')) {
               h -= ee.offsetHeight + 2;
             } else {
               el2 = ee;
             }
           }
         });
-        el = el2; //Se espera el sea una tabla
+        el = el2; //          console.log(el);
+        //Se espera el sea una tabla
       } else {
         el = el.children[0];
         el.style.height = h + 'px';
@@ -5667,8 +5667,8 @@ var resize = function resize() {
       h = h - ph.offsetHeight - 0;
       p.style.height = h + 'px';
       p.style.overflowY = 'auto';
-      if (!p.classList.contains('ui-panel')) p = p.children[0];
-      console.log(p);
+      if (!p.classList.contains('ui-panel')) p = p.children[0]; //console.log(p);
+
       var event = new Event("parentResize", {
         bubbles: true
       });
@@ -6717,7 +6717,7 @@ window.ui = _$1.ui = function (cfg) {
         return str.replace(_$1.contextPath, _$1.contextPath + '/api');
       },
       open: function open(response, path, o) {
-        {
+        if (!(response instanceof HTMLElement)) {
           var e = response;
           var t = e.target;
           var me = this;
@@ -6742,17 +6742,320 @@ window.ui = _$1.ui = function (cfg) {
 
           return;
         }
-        var me = this;
 
-        var dialog;
+        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$1.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$1.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$1.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$1.resize();
+        };
+
+        if (for_ && for_.classList.contains('panel')) {
+          //Si elemto tiene declarado el id se debe considerar que es 
+          if (for_.id) {
+            window.currentEl = '#' + for_.id;
+          } else {
+            var clsId = 'cls-id-' + Vue$1.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]);
+          }
+
+          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);
+              }
+            }
+          }
+
+          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);
+
+              var h = dialog.querySelector('.v-panel-titlebar'); //console.log(h.clientHeight);
+
+              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$1.resize();
+        document.documentElement.style.overflow = 'hidden'; // firefox, chrome
+
+        document.body.scroll = "no"; // ie only
       },
       close: function close(ok) {
         if (ok.$el) ok = ok.$el;

package/package.json

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