isobit-ui 0.1.52 → 0.1.55

package/dist/index.js

@@ -1,10 +1,10 @@
 /*!
- * isobit-ui v0.1.52
+ * isobit-ui v0.1.55
  * (c) Erik Alarcon Pinedo
  * Released under the MIT License.
  */
 import Vue$1 from 'vue';
-import axios$1 from 'axios';
+import axios$2 from 'axios';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 import { unByKey } from 'ol/Observable';
@@ -1765,7 +1765,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\" 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";
+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)\" \n                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();
@@ -2261,7 +2261,8 @@ var script$e = {
       }
     },
     _selectRow: function _selectRow(event, rec, r) {
-      if (_.whichChild(event.target) == 0) return; //se debe tener en cuenta si es 
+      var me = this;
+      if (me.selectable0 && _.whichChild(event.target) == 0) return; //se debe tener en cuenta si es 
       //record, numero fila 
 
       this.rowSelect(rec, r, 1);
@@ -4903,7 +4904,7 @@ var script$3 = {
       map.on('singleclick', function (evt) {
         //var l=[];
         var f = map.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
-          return [feature, layer]; //l.push([feature,layer]);
+          if (layer) return [feature, layer]; //l.push([feature,layer]);
         }); //console.log(l);
 
         if (f) {
@@ -4921,7 +4922,7 @@ var script$3 = {
       });
       map.on('dblclick', function (evt) {
         var f = map.forEachFeatureAtPixel(evt.pixel, function (feature, layer) {
-          return [feature, layer];
+          if (layer) return [feature, layer];
         });
 
         if (f) {
@@ -5146,6 +5147,14 @@ var __vue_component__$2 = /*#__PURE__*/__vue_normalize__({
 //
 //
 //
+//
+//
+//
+//
+//
+var ol$1 = window.ol;
+var _$2 = window._;
+var axios$1 = window.axios;
 var script$1 = {
   props: {
     value: {
@@ -5169,7 +5178,8 @@ var script$1 = {
   created: function created() {
     var me = this;
     me.$parent.$on('beforeBuild', function (m) {
-      me.overlay = new ol.Overlay({
+      console.log(m);
+      me.overlay = new ol$1.Overlay({
         element: me.$el,
         positioning: 'bottom-right'
       });
@@ -5178,6 +5188,37 @@ var script$1 = {
       m.map.addOverlay(me.overlay);
     });
   },
+  mounted: function mounted() {
+    var me = this;
+
+    if (me.header) {
+      var title = me.$el.childNodes[0];
+      title.addEventListener('mousedown', function (evt) {
+        var wi = me.$el.parentElement; // Record where the window started
+
+        var real = window.getComputedStyle(wi),
+            winX = parseFloat(real.left),
+            winY = parseFloat(real.top); // Record where the mouse started
+
+        var mX = evt.clientX,
+            mY = evt.clientY; // When moving anywhere on the page, drag the window
+        // …until the mouse button comes up
+
+        var pm = wi.parentElement;
+        pm.addEventListener('mousemove', drag, false);
+        pm.addEventListener('mouseup', function () {
+          pm.removeEventListener('mousemove', drag, false);
+        }, false); // Every time the mouse moves, we do the following 
+
+        function drag(evt) {
+          // Add difference between where the mouse is now
+          // versus where it was last to the original positions
+          wi.style.left = winX + evt.clientX - mX + 'px';
+          wi.style.top = winY + evt.clientY - mY + 'px';
+        }
+      }, false);
+    }
+  },
   methods: {
     close: function close() {
       if (this.overlay) this.overlay.setPosition();
@@ -5188,7 +5229,7 @@ var script$1 = {
     },
     load: function load() {
       var me = this;
-      axios.get(_.remoteServer + me.src).then(function (r) {
+      axios$1.get(_$2.remoteServer + me.src).then(function (r) {
         me.$emit('input', r.data); //me.$forceUpdate();
       });
     },
@@ -5218,7 +5259,7 @@ var script$1 = {
       var pixel = map.getPixelFromCoordinate(Number(co[0]) ? co : evt.coordinate);
 
       if (this.src) {
-        axios.get(_.remoteServer + this.src).then(function (r) {
+        axios$1.get(_$2.remoteServer + this.src).then(function (r) {
           me.$emit('input', r.data);
           me.c++;
           setTimeout(function () {
@@ -5250,11 +5291,11 @@ var script$1 = {
             overlay.setPosition(map.getCoordinateFromPixel(pixel));
             me.$el.style.opacity = 1;
 
-            if (_.mobil) {
+            if (_$2.mobil) {
               var a = overlay.getElement().querySelectorAll('a:not(._)');
 
               for (var k = 0; k < a.length; k++) {
-                a[k].addEventListener("click", _.open2);
+                a[k].addEventListener("click", _$2.open2);
               }
             }
           }, 400);
@@ -5264,9 +5305,12 @@ var script$1 = {
       } else {
         var mw = map.viewport_.offsetWidth;
         var mvh = map.viewport_.offsetHeight;
-        var body = tp.children[0].children[1];
+        var body = tp.children[0].children[1]; //To show the overlay content from top
+
         body.scrollTop = 0;
         var he = tp.offsetHeight;
+        console.log(tp.offsetHeight); //console.log(tp);
+        //If the height is greater than viewport height 
 
         if (he + 100 >= mvh) {
           body.style.height = mvh - 100 - tp.children[0].children[0].offsetHeight + 'px';
@@ -5288,13 +5332,16 @@ var script$1 = {
         pixel[0] = pixel[0] + nw - 0;
         pixel[1] = pixel[1] - 12;
         overlay.setPosition(map.getCoordinateFromPixel(pixel));
+        me.$el.parentNode.style.opacity = 0;
         me.$el.style.opacity = 1;
+        me.$el.parentNode.style.top = (mvh - me.$el.offsetHeight) / 2 + 'px';
+        me.$el.parentNode.style.opacity = 1;
 
-        if (_.mobil) {
+        if (_$2.mobil) {
           var a = overlay.getElement().querySelectorAll('a:not(._)');
 
-          for (var k = 0; k < a.length; k++) {
-            a[k].addEventListener("click", _.open2);
+          for (k = 0; k < a.length; k++) {
+            a[k].addEventListener("click", _$2.open2);
           }
         }
 
@@ -5357,7 +5404,7 @@ var __vue_staticRenderFns__$1 = [];
 
 var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-7e2ebcd2_0", {
+  inject("data-v-3a91b24e_0", {
     source: ".v-ol-overlay>.v-panel-titlebar{padding:10px}.v-icon-close{cursor:pointer}",
     map: undefined,
     media: undefined
@@ -6182,6 +6229,9 @@ Vue$1.pad = function (num, size) {
   }
 };
 
+Vue$1.filter('upper', function (s) {
+  return s ? s.toUpperCase() : s;
+});
 Vue$1.filter('number', function (s
 /*, type*/
 ) {
@@ -6476,7 +6526,7 @@ window.ui = _$1.ui = function (cfg) {
         return t ? t.selected.length : 0;
       },
       baseURL: function baseURL() {
-        return Vue$1.baseURL ? Vue$1.baseURL : axios$1.defaults.baseURL;
+        return Vue$1.baseURL ? Vue$1.baseURL : axios$2.defaults.baseURL;
       },
       session: {
         get: function get() {
@@ -6558,7 +6608,7 @@ window.ui = _$1.ui = function (cfg) {
         name = name ? name : f.name.replace(/[^\w\s.]/gi, '');
         formData.append('filename', name);
         formData.append('file', f, name);
-        axios$1.post('/api/file/upload', formData, {
+        axios$2.post('/api/file/upload', formData, {
           headers: {
             'Content-Type': 'multipart/form-data',
             filename: name
@@ -6632,7 +6682,7 @@ window.ui = _$1.ui = function (cfg) {
         if (window.app) {
           me.open(action + '/' + id + '/edit');
         } else {
-          axios$1.get((_$1.currentPath = (action + '/' + id + '/edit').replace(/([^:]\/)\/+/g, "$1")) + '?modal').then(me.open)["catch"](me.error);
+          axios$2.get((_$1.currentPath = (action + '/' + id + '/edit').replace(/([^:]\/)\/+/g, "$1")) + '?modal').then(me.open)["catch"](me.error);
         }
       },
       get: function get(part) {
@@ -6695,7 +6745,7 @@ window.ui = _$1.ui = function (cfg) {
               var ele = [];
               console.log(t.selected);
               var k = t.selected.length - 1;
-              axios$1["delete"](src + '/' + id, {
+              axios$2["delete"](src + '/' + id, {
                 params: t.filters
               }).then(function () {
                 console.log(t.selected);
@@ -6794,7 +6844,7 @@ window.ui = _$1.ui = function (cfg) {
               el.style.removeProperty('display');
               return el;
             } else {
-              return axios$1.get((path.path + '/?modal').replace(/([^:]\/)\/+/g, "$1")).then(function (r) {
+              return axios$2.get((path.path + '/?modal').replace(/([^:]\/)\/+/g, "$1")).then(function (r) {
                 r["class"] = path["class"] ? path["class"] : '';
                 r.path = path.path;
                 r.result = path.callback;
@@ -7237,7 +7287,7 @@ window.ui = _$1.ui = function (cfg) {
 
 
             if (sel2.length > 0) {
-              axios$1.post(action + '/bulk' + (e.sufix ? e.sufix : ''), sel3).then(function (r) {
+              axios$2.post(action + '/bulk' + (e.sufix ? e.sufix : ''), sel3).then(function (r) {
                 var d = r.data;
                 console.log(d);
 
@@ -7391,7 +7441,7 @@ window.ui = _$1.ui = function (cfg) {
                     }
                   });
                 } else {
-                  axios$1.post(action, o).then(function (result) {
+                  axios$2.post(action, o).then(function (result) {
                     var data = result.data;
 
                     if (o.tmpId) {
@@ -7516,9 +7566,9 @@ window.ui = _$1.ui = function (cfg) {
           .catch(error => console.log('error', error))
         */
 
-        var a = "" + o ? axios$1.post(url, o, {
+        var a = "" + o ? axios$2.post(url, o, {
           responseType: 'blob'
-        }) : axios$1({
+        }) : axios$2({
           method: "post",
           url: url,
           data: o,
@@ -7708,7 +7758,7 @@ function configureAxios(a) {
     mask = _$1.unmask(mask);
     return response;
   }, function (e) {
-    if (axios$1.error && axios$1.error(e) == false) {
+    if (axios$2.error && axios$2.error(e) == false) {
       mask = _$1.unmask(mask);
     } else {
       var r = e.response,
@@ -7736,16 +7786,16 @@ function configureAxios(a) {
       }
     }
 
-    delete axios$1.error;
+    delete axios$2.error;
     return Promise.reject(e);
   });
 }
 
 window._ = _$1;
 window.Vue = Vue$1;
-window.axios = axios$1;
+window.axios = axios$2;
 Vue$1.configureAxios = configureAxios;
-configureAxios(axios$1);
+configureAxios(axios$2);
 var index = {
   install: function install(Vue, options) {
     Vue.filter("date", _$1.toDate.bind(options));

package/package.json

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