@signal24/vue-foundation 3.8.0 → 4.0.0

package/src/directives/tooltip.js

@@ -1,178 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('tip', {
-    mounted: createTip,
-    updated: createTip,
-    unmounted: destroyTip
-});
-
-function createTip(el, binding) {
-    let tipText = el.attributes.tip ? el.attributes.tip.value : binding.value;
-    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;
-        $(el).vfTooltip(config);
-    } else $(el).vfTooltip('destroy');
-}
-
-function destroyTip(el) {
-    $(el).vfTooltip('destroy');
-}
-
-$.fn.vfTooltip = function (option) {
-    return this.each(function (index, el) {
-        var tooltip = $(el).data('vf-tooltip');
-
-        if (typeof option == 'string') {
-            if (!tooltip) return;
-            tooltip[option]();
-        } else if (tooltip) {
-            tooltip.configure(option);
-        } else {
-            var vfTooltip = new VfTooltip(el, option);
-            $(el).data('vf-tooltip', vfTooltip);
-        }
-    });
-};
-
-function VfTooltip(el, configIn) {
-    // exports
-    this.configure = _configure;
-    this.destroy = _destroy;
-
-    // state
-    var $tip,
-        config,
-        lastMoveEvt,
-        checkInterval,
-        shouldShow = false;
-
-    // apply config
-    this.configure(configIn);
-
-    var $target = $(el);
-    $target.on('mouseenter', _handleTargetMouseEnter);
-    $target.on('mouseleave', _handleTargetMouseLeave);
-
-    config.now && _handleTargetMouseEnter(config.now);
-
-    function _configure(configIn) {
-        config = $.extend(
-            {
-                delay: 0
-            },
-            configIn
-        );
-    }
-
-    function _handleTargetMouseEnter(e) {
-        if (shouldShow) return;
-
-        shouldShow = true;
-
-        setTimeout(function () {
-            if (!shouldShow) return;
-
-            _renderTooltip();
-
-            if (config.static) _placeStaticTooltip();
-            else _handleMouseMove(e);
-
-            $tip.show();
-        }, config.delay);
-    }
-
-    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);
-        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.static) {
-            $tip.mouseover(function () {
-                shouldShow = true;
-            }).mouseout(function () {
-                shouldShow = false;
-                _deferredRemoveTooltip();
-            });
-        } else {
-            checkInterval = setInterval(_checkMoveEvent, 250);
-        }
-    }
-
-    function _deferredRemoveTooltip() {
-        if (config.static) setTimeout(_removeTooltip, 50);
-        else _removeTooltip();
-    }
-
-    function _removeTooltip() {
-        if (shouldShow) return;
-        if (!$tip) return;
-
-        $tip.remove();
-        $tip = null;
-
-        clearInterval(checkInterval);
-
-        config.static || $(window).off('mousemove', _handleMouseMove);
-    }
-
-    function _placeStaticTooltip() {
-        var targetPosition = $target.position();
-        var tipHeight = $tip.height();
-        var tipW = $target.outerWidth(true);
-        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');
-    }
-
-    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;
-        $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();
-    }
-
-    function _destroy() {
-        shouldShow = false;
-
-        _removeTooltip();
-
-        $target.off('mouseenter', _handleTargetMouseEnter);
-        $target.off('mouseleave', _handleTargetMouseLeave);
-        $target.removeData('vf-tooltip');
-    }
-}

package/src/directives/user-text.js

@@ -1,11 +0,0 @@
-import app from '../app';
-
-app.directive('user-text', {
-    beforeMount: fn,
-    updated: fn
-});
-
-function fn(el, binding) {
-    if (binding.value == binding.oldValue) return;
-    el.innerHTML = binding.value.escapeHtml().nl2br();
-}

package/src/filters/index.js

@@ -1,82 +0,0 @@
-import app from '../app';
-
-const filterFns = {
-    bytes(value) {
-        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];
-    },
-
-    dash(value) {
-        return value !== null && value !== undefined && String(value).length ? value : '-';
-    },
-
-    dashZeros(value) {
-        return value ? value : '-';
-    },
-
-    grammarcase(value) {
-        return value ? value.grammarcase() : null;
-    },
-
-    lowercase(value) {
-        return value ? value.toLowerCase() : null;
-    },
-
-    number(value) {
-        if (value === null || !/^[0-9]+$/.test(value)) return value;
-        return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-    },
-
-    phone(value) {
-        if (!value) return value;
-        let cleanValue = value.replace(/[^0-9]/g, '').replace(/^1/, '');
-        if (cleanValue.length != 10) return value;
-        return '(' + cleanValue.substr(0, 3) + ') ' + cleanValue.substr(3, 3) + '-' + cleanValue.substr(6);
-    },
-
-    ucfirst(value) {
-        return value ? value.ucfirst() : null;
-    },
-
-    ucwords(value) {
-        return value ? value.ucwords() : null;
-    },
-
-    uppercase(value) {
-        return value ? value.toUpperCase() : null;
-    },
-
-    unsnake(value) {
-        return value ? value.unsnake() : null;
-    },
-
-    usCurrency(value) {
-        return (
-            '$' +
-            Number(value)
-                .toFixed(3)
-                .replace(/0$/, '')
-                .replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-        );
-    }
-};
-
-function registerFilters(filters) {
-    for (let filterName of Object.keys(filters)) {
-        registerFilter(filterName, filters[filterName]);
-    }
-}
-
-function registerFilter(name, fn) {
-    filterFns[name] = fn;
-}
-
-app.config.globalProperties.$filter = (value, ...filters) => {
-    for (let filter of filters) {
-        value = filterFns[filter](value);
-    }
-
-    return value;
-};
-
-export { registerFilter, registerFilters };

package/src/helpers/array.js

@@ -1,99 +0,0 @@
-Object.defineProperty(Array.prototype, 'diff', {
-    enumerable: false,
-    value: function (...args) {
-        return this.filter(val => {
-            for (let i = 0; i < args.length; i++) {
-                if (args[i].includes(val)) {
-                    return false;
-                }
-            }
-
-            return true;
-        });
-    }
-});
-
-Object.defineProperty(Array.prototype, 'first', {
-    enumerable: false,
-    value: function () {
-        return this[0] || undefined;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'intersect', {
-    enumerable: false,
-    value: function (...args) {
-        return this.filter(val => {
-            for (let i = 0; i < args.length; i++) {
-                if (args[i].includes(val)) {
-                    return true;
-                }
-            }
-
-            return false;
-        });
-    }
-});
-
-Object.defineProperty(Array.prototype, 'keyBy', {
-    enumerable: false,
-    value: function (keyProp) {
-        let result = {};
-        this.forEach(elem => {
-            result[elem[keyProp]] = elem;
-        });
-        return result;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'last', {
-    enumerable: false,
-    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]);
-
-        let result = {};
-        this.forEach(elem => {
-            result[elem[keyProp]] = elem[prop];
-        });
-        return result;
-    }
-});
-
-Object.defineProperty(Array.prototype, 'remove', {
-    enumerable: false,
-    value: function (element) {
-        const index = this.indexOf(element);
-        index > -1 && this.splice(index, 1);
-    }
-});
-
-Object.defineProperty(Array.prototype, 'replace', {
-    enumerable: false,
-    value: function (element, replacement) {
-        const index = this.indexOf(element);
-        index > -1 && this.splice(index, 1, replacement);
-    }
-});
-
-Object.defineProperty(Array.prototype, 'sortBy', {
-    enumerable: false,
-    value: function (key) {
-        this.sort((a, b) => {
-            return String(a[key]).toLowerCase().localeCompare(String(b[key]).toLowerCase());
-        });
-    }
-});
-
-Object.defineProperty(Array.prototype, 'unique', {
-    enumerable: false,
-    value: function () {
-        return [...new Set(this)];
-    }
-});

package/src/helpers/context-menu.js

@@ -1,66 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-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);
-
-    var $target = $(e.currentTarget);
-    $target.css('user-select', 'none');
-
-    $target.addClass('context-menu-active');
-
-    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);
-        });
-
-    const dx = window.innerWidth - e.clientX;
-    const dy = window.innerHeight - e.clientY;
-    const menuHeight = $menu.outerHeight();
-    const menuWidth = $menu.outerWidth();
-
-    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('top', top + 'px');
-
-    config.onCreate && config.onCreate($menu[0]);
-
-    setTimeout(() => {
-        $menu.css('width', $menu.outerWidth() + 'px');
-    }, 50);
-
-    function _closeMenu() {
-        config.targetClass && $target.removeClass(config.targetClass);
-        $target.removeClass('context-menu-active');
-        $target.css('user-select', '');
-        $wrapper.remove();
-    }
-
-    function _confirmAction(e) {
-        var $item = $(e.currentTarget);
-        if ($item.hasClass('pending-confirm')) {
-            var handler = $item.data('handler');
-            handler && handler();
-        } else {
-            var originalContent = $item.html();
-            $item.addClass('pending-confirm').text('Confirm');
-            $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

package/src/helpers/delay.js

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

package/src/helpers/error.js

@@ -1,36 +0,0 @@
-import app from '../app';
-import vfConfig from '../config';
-
-app.config.globalProperties.$reportError = err => {
-    if (!(err instanceof Error)) {
-        err = new Error(err);
-    }
-
-    if (vfConfig.reportErrorHandler) {
-        vfConfig.reportErrorHandler(err);
-    } else {
-        console.error(err);
-    }
-};
-
-app.config.globalProperties.$throwUserError = msg => {
-    let err = new Error(msg);
-    err.code = 'USERERR';
-    throw err;
-};
-
-Object.defineProperty(Error.prototype, 'userMessage', {
-    get() {
-        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 () {
-    if (this.code != 'USERERR') {
-        app.config.globalProperties.$reportError(this);
-    }
-
-    return this;
-};

package/src/helpers/http.js

@@ -1,44 +0,0 @@
-import axios from 'axios';
-
-import app from '../app';
-app.config.globalProperties.$http = axios;
-
-axios.postOrPut = (baseUrl, id, ...args) => {
-    const method = id ? 'put' : 'post';
-    const url = id ? `${baseUrl}/${id}` : baseUrl;
-    return axios[method](url, ...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');
-        }
-
-        return 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 (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;
-    }
-);

package/src/helpers/index.js

@@ -1,9 +0,0 @@
-import './array';
-import './context-menu';
-import './delay';
-import './error';
-import './http';
-import './mask';
-import './number';
-import './string';
-import './vue';

package/src/helpers/mask.js

@@ -1,90 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-/*///////////////////////////////////////////////
-Masking
-//////////////////////////////////////////////*/
-app.config.globalProperties.$mask = function (message) {
-    let $el = $(this.$el);
-    this.$maskEl($el.hasClass('vf-overlay') ? $el.find('.vf-modal')[0] : this.$el, message);
-};
-
-app.config.globalProperties.$maskEl = function (el, message) {
-    if (this._currentMask) return;
-    this._currentMask = $('<div class="mask">')
-        .text(message || 'Please wait...')
-        .appendTo(el);
-};
-
-app.config.globalProperties.$unmask = function () {
-    if (!this._currentMask) return;
-    $(this._currentMask).remove();
-    delete this._currentMask;
-};
-
-app.config.globalProperties.$maskForm = function (waitButton, waitText) {
-    let el = this.$el;
-
-    if (waitButton !== undefined && waitButton.tagName == 'FORM') {
-        el = waitButton;
-        waitButton = undefined;
-    }
-
-    let $form = el.tagName == 'FORM' ? $(el) : $(el).find('form');
-    let $inputs = $form.find('input, select, textarea, button').not('[disabled]');
-    $form.addClass('masked');
-    $form.data('vf-masked-inputs', $inputs);
-    $inputs.attr('disabled', 'disabled');
-
-    if (waitButton === undefined) {
-        waitButton = $form.find('button:first');
-    }
-
-    if (waitButton) {
-        let $waitButton = $form.find(waitButton);
-        $waitButton.disable(waitText || 'Please wait...');
-        $form.data('vf-masked-wait-btn', $waitButton);
-    }
-};
-
-app.config.globalProperties.$unmaskForm = function () {
-    let $form = this.$el.tagName == 'FORM' ? $(this.$el) : $(this.$el).find('form.masked');
-    if (!$form.length) return;
-    let $inputs = $form.data('vf-masked-inputs');
-    $inputs.removeAttr('disabled');
-    $form.removeData('vf-masked-inputs');
-    let $waitButton = $form.data('vf-masked-wait-btn');
-    if ($waitButton) {
-        $form.removeData('vf-masked-wait-btn');
-        $waitButton.enable();
-    }
-    $form.removeClass('masked');
-};
-
-/*///////////////////////////////////////////////
-Button Enable/Disable
-//////////////////////////////////////////////*/
-$.fn.disable = function (newText) {
-    this.each(function (index, item) {
-        var $item = $(item);
-        var isInput = item.tagName == 'INPUT';
-        newText &&
-            $item.data('originalValue', isInput ? $item.val() : $item.html()) &&
-            $item[isInput ? 'val' : 'text'](newText);
-        $item.attr('disabled', 'disabled');
-    });
-    return this;
-};
-
-$.fn.enable = function () {
-    this.each(function (index, item) {
-        var $item = $(item);
-        $item.removeAttr('disabled');
-        var originalValue = $item.data('originalValue');
-        originalValue != undefined &&
-            $item[item.tagName == 'INPUT' ? 'val' : 'html'](originalValue) &&
-            $item.removeData('originalValue');
-    });
-    return this;
-};

package/src/helpers/number.js

@@ -1,6 +0,0 @@
-/*///////////////////////////////////////////////
-Number Prototype Functions
-///////////////////////////////////////////////*/
-Number.prototype.format = function () {
-    return this.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-};

package/src/helpers/string.js

@@ -1,36 +0,0 @@
-String.prototype.escapeHtml = function () {
-    return this.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-};
-
-String.prototype.nl2br = function () {
-    return this.replace(/\n/g, '<br>');
-};
-
-// this isn't implemented in Vue filters because why would you ever turn something _into_ kebab case for user display?
-String.prototype.kebab = function () {
-    return this.replace(/ /g, '-');
-};
-
-// TODO: what would this be used for?
-String.prototype.lcfirst = function () {
-    return this.substr(0, 1).toLowerCase() + this.substr(1);
-};
-
-// this isn't implemented in Vue filters because why would you ever turn something _into_ Snake case for user display?
-String.prototype.snake = function () {
-    return this.replace(/ /g, '_');
-};
-
-String.prototype.ucfirst = function () {
-    return this.substr(0, 1).toUpperCase() + this.substr(1);
-};
-
-String.prototype.ucwords = function () {
-    return this.replace(/^[a-z]| [a-z]/gi, function (value) {
-        return value.toUpperCase();
-    });
-};
-
-String.prototype.unsnake = function () {
-    return this.replace(/_/g, ' ');
-};

package/src/helpers/vue.js

@@ -1,5 +0,0 @@
-import app from '../app';
-
-app.config.globalProperties.$isPropTruthy = function (value) {
-    return value !== undefined && (value === '' || value);
-};