@signal24/vue-foundation 3.3.2 → 3.6.0

package/src/directives/disabled.js

@@ -1,6 +1,7 @@
-import app from '../app';
 import $ from 'jquery';
 
+import app from '../app';
+
 app.directive('disabled', {
     beforeMount: fn,
     updated: fn,
@@ -13,10 +14,8 @@ function fn(el, binding) {
         el = $(el).find('input')[0];
     }
 
-    if (binding.value)
-        $(el).attr('disabled', 'disabled')
-    else
-        $(el).removeAttr('disabled');
+    if (binding.value) $(el).attr('disabled', 'disabled');
+    else $(el).removeAttr('disabled');
 }
 
 function unmounted(el) {

package/src/directives/duration.js

@@ -1,6 +1,7 @@
-import app from '../app';
 import moment from 'moment';
 
+import app from '../app';
+
 let durationEls = [];
 
 function updateDurations() {
@@ -19,13 +20,12 @@ function applyDuration(el, binding) {
     if (binding.value == binding.oldValue) return;
     if (!binding.value) return removeDuration(el);
 
-    el.$includeSeconds = typeof(el.attributes['no-seconds']) === 'undefined';
+    el.$includeSeconds = typeof el.attributes['no-seconds'] === 'undefined';
 
     let baseTimeAttr = el.attributes['base-time'];
     if (baseTimeAttr) {
-        el.$startTs = moment(baseTimeAttr.value).valueOf() - (binding.value * 1000);
-    }
-    else {
+        el.$startTs = moment(baseTimeAttr.value).valueOf() - binding.value * 1000;
+    } else {
         el.$startTs = moment(binding.value).valueOf();
     }
 
@@ -65,9 +65,8 @@ function secondsToString(seconds, shouldSkipSeconds) {
     if (!shouldSkipSeconds) {
         seconds -= minutes * 60;
         result.push(seconds + 's');
-    }
-    else if (!result.length) {
+    } else if (!result.length) {
         result.push('0m');
     }
     return result.join(' ');
-}
+}

package/src/directives/index.js

@@ -7,4 +7,4 @@ import './duration';
 import './infinite-scroll';
 import './readonly';
 import './tooltip';
-import './user-text';
+import './user-text';

package/src/directives/infinite-scroll.js

@@ -14,4 +14,4 @@ app.directive('infinite-scroll', {
             el._infiniteScrollHook.uninstall();
         }
     }
-});
+});

package/src/directives/readonly.js

@@ -1,6 +1,7 @@
-import app from '../app';
 import $ from 'jquery';
 
+import app from '../app';
+
 app.directive('readonly', {
     beforeMount: fn,
     updated: fn
@@ -11,8 +12,6 @@ function fn(el, binding) {
         el = $(el).find('input')[0];
     }
 
-    if (binding.value)
-        $(el).attr('readonly', 'readonly')
-    else
-        $(el).removeAttr('readonly');
-}
+    if (binding.value) $(el).attr('readonly', 'readonly');
+    else $(el).removeAttr('readonly');
+}

package/src/directives/tooltip.js

@@ -1,48 +1,43 @@
-import app from '../app';
 import $ from 'jquery';
 
+import app from '../app';
+
 app.directive('tip', {
     mounted: createTip,
     updated: createTip,
     unmounted: destroyTip
 });
 
-function createTip(el, binding, vnode, oldVnode) {
+function createTip(el, binding) {
     let tipText = el.attributes.tip ? el.attributes.tip.value : binding.value;
-    if (binding.value === false)
-        tipText = null;
+    if (binding.value === false) tipText = null;
     if (tipText) {
         let config = {};
         config[binding.modifiers.html ? 'html' : 'text'] = tipText;
-        if (el.attributes['tip-class'])
-            config.class = el.attributes['tip-class'].value;
+        if (el.attributes['tip-class']) config.class = el.attributes['tip-class'].value;
         $(el).vfTooltip(config);
-    }
-    else
-        $(el).vfTooltip('destroy');
+    } else $(el).vfTooltip('destroy');
 }
 
 function destroyTip(el) {
     $(el).vfTooltip('destroy');
 }
 
-$.fn.vfTooltip = function(option) {
-    return this.each(function(index, el) {
+$.fn.vfTooltip = function (option) {
+    return this.each(function (index, el) {
         var tooltip = $(el).data('vf-tooltip');
 
-        if (typeof(option) == 'string') {
+        if (typeof option == 'string') {
             if (!tooltip) return;
             tooltip[option]();
-        }
-        else if (tooltip) {
+        } else if (tooltip) {
             tooltip.configure(option);
-        }
-        else {
-            var tooltip = new VfTooltip(el, option);
-            $(el).data('vf-tooltip', tooltip);
+        } else {
+            var vfTooltip = new VfTooltip(el, option);
+            $(el).data('vf-tooltip', vfTooltip);
         }
     });
-}
+};
 
 function VfTooltip(el, configIn) {
     // exports
@@ -50,7 +45,11 @@ function VfTooltip(el, configIn) {
     this.destroy = _destroy;
 
     // state
-    var $tip, config, lastMoveEvt, checkInterval, shouldShow = false;
+    var $tip,
+        config,
+        lastMoveEvt,
+        checkInterval,
+        shouldShow = false;
 
     // apply config
     this.configure(configIn);
@@ -62,9 +61,12 @@ function VfTooltip(el, configIn) {
     config.now && _handleTargetMouseEnter(config.now);
 
     function _configure(configIn) {
-        config = $.extend({
-            delay: 0
-        }, configIn);
+        config = $.extend(
+            {
+                delay: 0
+            },
+            configIn
+        );
     }
 
     function _handleTargetMouseEnter(e) {
@@ -72,61 +74,54 @@ function VfTooltip(el, configIn) {
 
         shouldShow = true;
 
-        setTimeout(function() {
+        setTimeout(function () {
             if (!shouldShow) return;
 
             _renderTooltip();
 
-            if (config.static)
-                _placeStaticTooltip();
-            else
-                _handleMouseMove(e);
+            if (config.static) _placeStaticTooltip();
+            else _handleMouseMove(e);
 
             $tip.show();
         }, config.delay);
     }
 
-    function _handleTargetMouseLeave(e) {
+    function _handleTargetMouseLeave() {
         shouldShow = false;
         _deferredRemoveTooltip();
     }
 
     function _renderTooltip() {
-        if (!$tip)
-            config.static || $(window).on('mousemove', _handleMouseMove);
-        else
-            $tip.remove();
-
-        $tip = $('<div class="vf-tooltip">').css('position', 'absolute').css('z-index', '1000000').addClass(config.class).appendTo(document.body);
+        if (!$tip) config.static || $(window).on('mousemove', _handleMouseMove);
+        else $tip.remove();
+
+        $tip = $('<div class="vf-tooltip">')
+            .css('position', 'absolute')
+            .css('z-index', '1000000')
+            .addClass(config.class)
+            .appendTo(document.body);
         config.title && $('<div class="title">').text(config.title).appendTo($tip);
         var $content = $('<div class="content">').appendTo($tip);
 
-        if (config.callback)
-            config.callback($content[0]);
-        else if (config.text)
-            $content.text(config.text).html($content.html().replace(/\n/g, '<br>'));
-        else if (config.html)
-            $content.html(config.html);
+        if (config.callback) config.callback($content[0]);
+        else if (config.text) $content.text(config.text).html($content.html().replace(/\n/g, '<br>'));
+        else if (config.html) $content.html(config.html);
 
         if (config.static) {
-            $tip.mouseover(function() {
+            $tip.mouseover(function () {
                 shouldShow = true;
-            }).mouseout(function() {
+            }).mouseout(function () {
                 shouldShow = false;
                 _deferredRemoveTooltip();
             });
-        }
-
-        else {
+        } else {
             checkInterval = setInterval(_checkMoveEvent, 250);
         }
     }
 
     function _deferredRemoveTooltip() {
-        if (config.static)
-            setTimeout(_removeTooltip, 50);
-        else
-            _removeTooltip();
+        if (config.static) setTimeout(_removeTooltip, 50);
+        else _removeTooltip();
     }
 
     function _removeTooltip() {
@@ -148,25 +143,27 @@ function VfTooltip(el, configIn) {
         var tipX = targetPosition.left;
         var tipY = targetPosition.top - tipHeight - 1;
         if (tipY - 2 < 0) tipY = targetPosition.top + $target.outerHeight(true) + 1;
-        $tip.css('min-width', tipW + 'px').css('left', tipX + 'px').css('top', tipY + 'px');
+        $tip.css('min-width', tipW + 'px')
+            .css('left', tipX + 'px')
+            .css('top', tipY + 'px');
     }
 
     function _handleMouseMove(e) {
-        var tipWidth = $tip.outerWidth(), tipHeight = $tip.outerHeight();
-        var viewWidth = window.innerWidth, viewHeight = window.innerHeight;
-        var tipX = e.pageX + 10, tipY = e.pageY + 20;
-        if (tipX + tipWidth > viewWidth)
-            tipX = e.pageX - 5 - tipWidth;
-        if (tipY + tipHeight > viewHeight)
-            tipY = e.pageY - 5 - tipHeight;
+        var tipWidth = $tip.outerWidth(),
+            tipHeight = $tip.outerHeight();
+        var viewWidth = window.innerWidth,
+            viewHeight = window.innerHeight;
+        var tipX = e.pageX + 10,
+            tipY = e.pageY + 20;
+        if (tipX + tipWidth > viewWidth) tipX = e.pageX - 5 - tipWidth;
+        if (tipY + tipHeight > viewHeight) tipY = e.pageY - 5 - tipHeight;
         $tip.css('left', tipX + 'px').css('top', tipY + 'px');
         lastMoveEvt = e;
     }
 
     function _checkMoveEvent() {
         if (!lastMoveEvt) return;
-        if (el != lastMoveEvt.target && !$.contains(el, lastMoveEvt.target))
-            _handleTargetMouseLeave();
+        if (el != lastMoveEvt.target && !$.contains(el, lastMoveEvt.target)) _handleTargetMouseLeave();
     }
 
     function _destroy() {
@@ -178,4 +175,4 @@ function VfTooltip(el, configIn) {
         $target.off('mouseleave', _handleTargetMouseLeave);
         $target.removeData('vf-tooltip');
     }
-}
+}

package/src/directives/user-text.js

@@ -8,4 +8,4 @@ app.directive('user-text', {
 function fn(el, binding) {
     if (binding.value == binding.oldValue) return;
     el.innerHTML = binding.value.escapeHtml().nl2br();
-}
+}

package/src/filters/index.js

@@ -2,7 +2,7 @@ import app from '../app';
 
 const filterFns = {
     bytes(value) {
-        var i = Math.floor( Math.log(value) / Math.log(1024) );
+        var i = Math.floor(Math.log(value) / Math.log(1024));
         return (value / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'KB', 'MB', 'GB', 'TB'][i];
     },
 
@@ -51,7 +51,13 @@ const filterFns = {
     },
 
     usCurrency(value) {
-        return '$' + Number(value).toFixed(3).replace(/0$/, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        return (
+            '$' +
+            Number(value)
+                .toFixed(3)
+                .replace(/0$/, '')
+                .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+        );
     }
 };
 
@@ -73,7 +79,4 @@ app.config.globalProperties.$filter = (value, ...filters) => {
     return value;
 };
 
-export {
-    registerFilter,
-    registerFilters
-};
+export { registerFilter, registerFilters };

package/src/helpers/array.js

@@ -1,6 +1,6 @@
 Object.defineProperty(Array.prototype, 'diff', {
     enumerable: false,
-    value: function(...args) {
+    value: function (...args) {
         return this.filter(val => {
             for (let i = 0; i < args.length; i++) {
                 if (args[i].includes(val)) {
@@ -15,14 +15,14 @@ Object.defineProperty(Array.prototype, 'diff', {
 
 Object.defineProperty(Array.prototype, 'first', {
     enumerable: false,
-    value: function() {
+    value: function () {
         return this[0] || undefined;
     }
 });
 
 Object.defineProperty(Array.prototype, 'intersect', {
     enumerable: false,
-    value: function(...args) {
+    value: function (...args) {
         return this.filter(val => {
             for (let i = 0; i < args.length; i++) {
                 if (args[i].includes(val)) {
@@ -37,7 +37,7 @@ Object.defineProperty(Array.prototype, 'intersect', {
 
 Object.defineProperty(Array.prototype, 'keyBy', {
     enumerable: false,
-    value: function(keyProp) {
+    value: function (keyProp) {
         let result = {};
         this.forEach(elem => {
             result[elem[keyProp]] = elem;
@@ -48,16 +48,15 @@ Object.defineProperty(Array.prototype, 'keyBy', {
 
 Object.defineProperty(Array.prototype, 'last', {
     enumerable: false,
-    value: function() {
+    value: function () {
         return this.length ? this[this.length - 1] : undefined;
     }
 });
 
 Object.defineProperty(Array.prototype, 'pluck', {
     enumerable: false,
-    value: function(prop, keyProp) {
-        if (typeof keyProp === 'undefined')
-            return this.map(elem => elem[prop]);
+    value: function (prop, keyProp) {
+        if (typeof keyProp === 'undefined') return this.map(elem => elem[prop]);
 
         let result = {};
         this.forEach(elem => {
@@ -69,7 +68,7 @@ Object.defineProperty(Array.prototype, 'pluck', {
 
 Object.defineProperty(Array.prototype, 'remove', {
     enumerable: false,
-    value: function(element) {
+    value: function (element) {
         const index = this.indexOf(element);
         index > -1 && this.splice(index, 1);
     }
@@ -77,7 +76,7 @@ Object.defineProperty(Array.prototype, 'remove', {
 
 Object.defineProperty(Array.prototype, 'replace', {
     enumerable: false,
-    value: function(element, replacement) {
+    value: function (element, replacement) {
         const index = this.indexOf(element);
         index > -1 && this.splice(index, 1, replacement);
     }
@@ -85,7 +84,7 @@ Object.defineProperty(Array.prototype, 'replace', {
 
 Object.defineProperty(Array.prototype, 'sortBy', {
     enumerable: false,
-    value: function(key) {
+    value: function (key) {
         this.sort((a, b) => {
             return String(a[key]).toLowerCase().localeCompare(String(b[key]).toLowerCase());
         });
@@ -94,7 +93,7 @@ Object.defineProperty(Array.prototype, 'sortBy', {
 
 Object.defineProperty(Array.prototype, 'unique', {
     enumerable: false,
-    value: function() {
-        return [...new Set(this)]
+    value: function () {
+        return [...new Set(this)];
     }
-});
+});

package/src/helpers/context-menu.js

@@ -1,7 +1,8 @@
+import $ from 'jquery';
+
 import app from '../app';
-import $ from 'jquery'
 
-app.config.globalProperties.$contextMenu = function(e, config) {
+app.config.globalProperties.$contextMenu = function (e, config) {
     var $wrapper = $('<div class="vf-overlay">').click(_closeMenu).appendTo(document.body);
     var $menu = $('<div class="vf-context-menu">').css('position', 'absolute').appendTo($wrapper);
 
@@ -13,16 +14,14 @@ app.config.globalProperties.$contextMenu = function(e, config) {
     config.targetClass && $target.addClass(config.targetClass);
     config.class && $menu.addClass(config.class);
 
-    config.items && config.items.forEach(item => {
-        if (item == '-')
-            return $('<div class="separator">').appendTo($menu);
-        var $item = $('<div class="item">').css('user-select', 'none').text(item.title).appendTo($menu);
-        item.class && $item.addClass(item.class);
-        if (item.shouldConfirm)
-            $item.data('handler', item.handler).click(_confirmAction);
-        else if (item.handler)
-            $item.click(item.handler);
-    });
+    config.items &&
+        config.items.forEach(item => {
+            if (item == '-') return $('<div class="separator">').appendTo($menu);
+            var $item = $('<div class="item">').css('user-select', 'none').text(item.title).appendTo($menu);
+            item.class && $item.addClass(item.class);
+            if (item.shouldConfirm) $item.data('handler', item.handler).click(_confirmAction);
+            else if (item.handler) $item.click(item.handler);
+        });
 
     const dx = window.innerWidth - e.clientX;
     const dy = window.innerHeight - e.clientY;
@@ -32,7 +31,7 @@ app.config.globalProperties.$contextMenu = function(e, config) {
     const left = dx < menuWidth ? e.clientX - menuWidth - 1 : e.clientX + 1;
     const top = dy < menuHeight ? e.clientY - menuHeight - 1 : e.clientY + 1;
 
-    $menu.css('left', left + 'px')
+    $menu.css('left', left + 'px');
     $menu.css('top', top + 'px');
 
     config.onCreate && config.onCreate($menu[0]);
@@ -53,16 +52,15 @@ app.config.globalProperties.$contextMenu = function(e, config) {
         if ($item.hasClass('pending-confirm')) {
             var handler = $item.data('handler');
             handler && handler();
-        }
-        else {
+        } else {
             var originalContent = $item.html();
             $item.addClass('pending-confirm').text('Confirm');
-            $item.one('mouseleave', function() {
+            $item.one('mouseleave', function () {
                 $item.removeClass('pending-confirm').html(originalContent);
             });
             e.stopPropagation();
         }
     }
-}
+};
 
-// TODO: actually de-select text rather than just using CSS to hide its selection
+// TODO: actually de-select text rather than just using CSS to hide its selection

package/src/helpers/delay.js

@@ -1,3 +1,3 @@
 import app from '../app';
 
-app.config.globalProperties.$delay = ms => new Promise(resolve => setTimeout(resolve, ms));
+app.config.globalProperties.$delay = ms => new Promise(resolve => setTimeout(resolve, ms));

package/src/helpers/error.js

@@ -1,5 +1,5 @@
 import app from '../app';
-import vfConfig from '../config'
+import vfConfig from '../config';
 
 app.config.globalProperties.$reportError = err => {
     if (!(err instanceof Error)) {
@@ -8,12 +8,10 @@ app.config.globalProperties.$reportError = err => {
 
     if (vfConfig.reportErrorHandler) {
         vfConfig.reportErrorHandler(err);
-    }
-
-    else {
+    } else {
         console.error(err);
     }
-}
+};
 
 app.config.globalProperties.$throwUserError = msg => {
     let err = new Error(msg);
@@ -23,17 +21,16 @@ app.config.globalProperties.$throwUserError = msg => {
 
 Object.defineProperty(Error.prototype, 'userMessage', {
     get() {
-        if (this.code == 'USERERR')
-            return this.message;
+        if (this.code == 'USERERR') return this.message;
         else
             return `An application error has occurred:\n\n${this.message}\n\nPlease refresh the page and try again. If this error persists, ${vfConfig.unhandledErrorSupportText}.`;
     }
 });
 
-Error.prototype.handle = function() {
+Error.prototype.handle = function () {
     if (this.code != 'USERERR') {
         app.config.globalProperties.$reportError(this);
     }
 
     return this;
-};
+};

package/src/helpers/http.js

@@ -1,6 +1,6 @@
-import app from '../app';
-
 import axios from 'axios';
+
+import app from '../app';
 app.config.globalProperties.$http = axios;
 
 axios.postOrPut = (baseUrl, id, ...args) => {
@@ -11,32 +11,34 @@ axios.postOrPut = (baseUrl, id, ...args) => {
 
 import vfConfig from '../config';
 
-axios.interceptors.response.use(response => {
-    // TODO: will Axios auto-reject non-JSON?
-    if (response.data && typeof response.data != 'object') {
-        throw new Error('response was not JSON');
-    }
+axios.interceptors.response.use(
+    response => {
+        // TODO: will Axios auto-reject non-JSON?
+        if (response.data && typeof response.data != 'object') {
+            throw new Error('response was not JSON');
+        }
 
-    return response;
-},
+        return response;
+    },
 
-err => {
-    if (err.response && err.response.status == 401) {
-        if (vfConfig.unauthorizedHttpResponseHandler) {
-            const result = vfConfig.unauthorizedHttpResponseHandler(err.response);
+    err => {
+        if (err.response && err.response.status == 401) {
+            if (vfConfig.unauthorizedHttpResponseHandler) {
+                const result = vfConfig.unauthorizedHttpResponseHandler(err.response);
 
-            // if the handler said "ok, handled", then we're going to
-            // return a promise that never resolves to prevent the userland code
-            // from ever proceeding
-            if (result) return new Promise(() => {});
+                // if the handler said "ok, handled", then we're going to
+                // return a promise that never resolves to prevent the userland code
+                // from ever proceeding
+                if (result) return new Promise(() => {});
+            }
         }
-    }
 
-    if (err.response && err.response.data && err.response.data.error) {
-        err.code = err.response.status == 422 ? 'USERERR' : 'APIERR';
-        err.message = err.response.data.error;
-        err.field = err.response.data.errorField;
-    }
+        if (err.response && err.response.data && err.response.data.error) {
+            err.code = err.response.status == 422 ? 'USERERR' : 'APIERR';
+            err.message = err.response.data.error;
+            err.field = err.response.data.errorField;
+        }
 
-    throw err;
-});
+        throw err;
+    }
+);

package/src/helpers/index.js

@@ -6,4 +6,4 @@ import './http';
 import './mask';
 import './number';
 import './string';
-import './vue';
+import './vue';