@signal24/vue-foundation 3.8.1 → 4.1.0

package/src/components/alert.vue

@@ -1,130 +0,0 @@
-<template>
-    <Modal class="vf-alert" :class="classes">
-        <template v-if="!this.isBare" v-slot:header>
-            <h1>{{ title }}</h1>
-        </template>
-
-        <div v-if="isHtml" v-html="message" class="user-message"></div>
-        <div v-else v-user-text="message"></div>
-
-        <template v-if="!this.isBare" v-slot:footer>
-            <template v-if="shouldConfirm">
-                <button class="primary" @click="ok" v-autofocus>Confirm</button>
-                <button class="default" @click="$dismiss()">Cancel</button>
-            </template>
-            <button v-else class="default" @click="ok" v-autofocus>OK</button>
-        </template>
-    </Modal>
-</template>
-
-<script>
-import app from '../app';
-import Modal from './modal.vue';
-
-const classDef = {
-    components: {
-        Modal
-    },
-
-    data() {
-        return {
-            isBare: false,
-            isHtml: false,
-            classes: [],
-            title: null,
-            message: null,
-            shouldConfirm: false
-        };
-    },
-
-    created() {
-        if (typeof this.message == 'object') {
-            if (this.message.html) {
-                this.isHtml = true;
-                this.message = this.message.html;
-            } else if (this.message instanceof Error) {
-                let err = this.message;
-                err.handle();
-
-                this.message = err.userMessage;
-            }
-        }
-    },
-
-    methods: {
-        ok() {
-            this.$dismiss(true);
-        }
-    }
-};
-
-export default classDef;
-
-async function launchModal(context, classDef, ...args) {
-    classDef = { ...classDef, __modalId: Math.random().toString(36).substring(2, 10) };
-    return await context.$modal.apply(context, [classDef, ...args]);
-}
-
-app.config.globalProperties.$alert = async function (title, message) {
-    return await launchModal(this, classDef, { title, message });
-};
-
-app.config.globalProperties.$confirm = async function (title, message, options) {
-    options = options || {};
-    const result = await launchModal(this, classDef, { title, message, shouldConfirm: true, ...options });
-    return !!result;
-};
-
-app.config.globalProperties.$confirmDestroy = function (title, message, options) {
-    options = options || {};
-    options.classes = options.classes || [];
-    options.classes.push('destructive');
-    return this.$confirm(title, message, options);
-};
-
-app.config.globalProperties.$wait = function (title, message) {
-    if (title && !message) {
-        message = title;
-        title = undefined;
-    } else if (!title && !message) {
-        message = 'Please wait...';
-    }
-
-    let resolved = null;
-    let promise = new Promise((resolve, reject) => {
-        launchModal(this, classDef, { title, message, isBare: true, classes: ['wait'] }, resolve);
-    }).then(inResolved => (resolved = inResolved));
-
-    this.$endWait = async () => {
-        delete this.$endWait;
-        if (resolved) await resolved.$dismiss();
-        else await promise.then(() => resolved.$dismiss());
-    };
-
-    return this.$endWait;
-};
-</script>
-
-<style lang="scss">
-.vf-modal-wrap.vf-alert {
-    .vf-modal {
-        max-width: 800px;
-
-        > .vf-modal-content {
-            padding: 12px;
-        }
-    }
-
-    &.wait {
-        .vf-modal-content {
-            text-align: center;
-        }
-    }
-
-    &.destructive {
-        button.primary {
-            color: red;
-        }
-    }
-}
-</style>

package/src/components/index.js

@@ -1,12 +0,0 @@
-import app from '../app';
-import AjaxSelect from './ajax-select.vue';
-app.component('AjaxSelect', AjaxSelect);
-
-import Alert from './alert.vue';
-app.component('Alert', Alert);
-
-import Modal from './modal.vue';
-app.component('Modal', Modal);
-
-import SmartSelect from './smart-select.vue';
-app.component('SmartSelect', SmartSelect);

package/src/config.js

@@ -1,11 +0,0 @@
-let options = {
-    unhandledErrorSupportText: 'please contact support'
-};
-
-function applyConfiguration(inOptions) {
-    Object.assign(options, inOptions);
-}
-
-Object.defineProperty(options, 'set', { value: applyConfiguration, enumerable: false });
-
-export default options;

package/src/directives/autofocus.js

@@ -1,17 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('autofocus', {
-    mounted: fn,
-    updated: fn
-});
-
-function fn(el, binding) {
-    if (binding.value === undefined && el.hasAutoFocused) return;
-    if (binding.value !== undefined && !binding.value) return;
-    if (binding.oldValue !== undefined && binding.value == binding.oldValue) return;
-    el.hasAutoFocused = true;
-    el = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT'].indexOf(el.tagName) > -1 ? el : $(el).find('input:first')[0];
-    setTimeout(() => el.focus(), 10);
-}

package/src/directives/confirm-button.js

@@ -1,40 +0,0 @@
-import app from '../app';
-
-app.directive('confirm-button', {
-    mounted(el) {
-        el.addEventListener('click', e => {
-            let now = Date.now();
-
-            if (el._isConfirming) {
-                if (now - el._confirmInitTime < 300) {
-                    return;
-                }
-
-                el._resetHandler();
-                el.dispatchEvent(new Event('confirm'));
-                return;
-            }
-
-            e.preventDefault();
-            e.stopImmediatePropagation();
-
-            el._resetHandler = () => {
-                el.innerHTML = el._preConfirmHTML;
-                el.blur();
-
-                el.removeEventListener('mouseout', el._resetHandler);
-
-                delete el._isConfirming;
-                delete el._preConfirmHTML;
-                delete el._resetHandler;
-            };
-
-            el._isConfirming = true;
-            el._confirmInitTime = now;
-            el._preConfirmHTML = el.innerHTML;
-            el.innerHTML = 'Confirm';
-
-            el.addEventListener('mouseout', el._resetHandler);
-        });
-    }
-});

package/src/directives/date-input.js

@@ -1,18 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-app.directive('date-input', {
-    beforeMount: fn
-});
-
-function fn(el) {
-    el.addEventListener('blur', () => {
-        let val = el.value;
-        if (/^[0-9]{1,2}\/[0-9]{1,2}$/.test(val)) val += '/' + moment().format('YY');
-        let ts = Date.parse(val);
-        if (isNaN(ts)) el.value = '';
-        else el.value = moment(ts).format('MM/DD/YYYY');
-        el.dispatchEvent(new Event('input'));
-    });
-}

package/src/directives/datetime.js

@@ -1,46 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-app.directive('datetime', {
-    beforeMount: applyDateTime,
-    updated: applyDateTime
-});
-
-function applyDateTime(el, binding) {
-    if (binding.value == binding.oldValue && el.innerHTML.length) return;
-    el.innerText = getDateTimeValue(el, binding);
-}
-
-function getDateTimeValue(el, binding) {
-    if (!binding.value) {
-        return el.attributes.placeholder ? el.attributes.placeholder.value : '';
-    }
-
-    let prefix = '';
-    let thatMoment = el.attributes.local ? moment(binding.value) : moment.utc(binding.value);
-
-    if (!el.attributes['display-utc']) thatMoment.local();
-
-    let format = el.attributes.format ? el.attributes.format.value : null;
-
-    if (!format && el.attributes['relative-date']) {
-        let thisMoment = moment();
-        if (
-            thisMoment.year() == thatMoment.year() &&
-            thisMoment.month() == thatMoment.month() &&
-            thisMoment.date() == thatMoment.date()
-        ) {
-            prefix = 'at';
-            format = 'HH:mm';
-        }
-    }
-
-    if (!format) format = 'MM/DD/YY HH:mm';
-
-    let result = thatMoment.format(format);
-
-    if (prefix) result = prefix + ' ' + result;
-
-    return result;
-}

package/src/directives/disabled.js

@@ -1,28 +0,0 @@
-import $ from 'jquery';
-
-import app from '../app';
-
-app.directive('disabled', {
-    beforeMount: fn,
-    updated: fn,
-    unmounted
-});
-
-function fn(el, binding) {
-    if (el.tagName == 'LABEL') {
-        $(el).toggleClass('disabled', !!binding.value);
-        el = $(el).find('input')[0];
-    }
-
-    if (binding.value) $(el).attr('disabled', 'disabled');
-    else $(el).removeAttr('disabled');
-}
-
-function unmounted(el) {
-    if (el.tagName == 'LABEL') {
-        $(el).removeClass('disabled');
-        el = $(el).find('input')[0];
-    }
-
-    $(el).removeAttr('disabled');
-}

package/src/directives/duration.js

@@ -1,72 +0,0 @@
-import moment from 'moment';
-
-import app from '../app';
-
-let durationEls = [];
-
-function updateDurations() {
-    durationEls.forEach(updateDuration);
-}
-
-setInterval(updateDurations, 1000);
-
-app.directive('duration', {
-    beforeMount: applyDuration,
-    updated: applyDuration,
-    unmounted: removeDuration
-});
-
-function applyDuration(el, binding) {
-    if (binding.value == binding.oldValue) return;
-    if (!binding.value) return removeDuration(el);
-
-    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(binding.value).valueOf();
-    }
-
-    if (!el.$isConfigured) {
-        el.$isConfigured = true;
-        durationEls.push(el);
-    }
-
-    updateDuration(el);
-}
-
-function updateDuration(el) {
-    let ts = el.$startTs;
-    let diff = Math.round((Date.now() - ts) / 1000);
-    el.innerText = secondsToString(diff, el.$includeSeconds === false);
-}
-
-function removeDuration(el) {
-    if (el.$isConfigured) {
-        durationEls.remove(el);
-        el.$isConfigured = false;
-    }
-
-    el.innerText = '-';
-}
-
-function secondsToString(seconds, shouldSkipSeconds) {
-    let result = [];
-    let days = Math.floor(seconds / 86400);
-    days && result.push(days + 'd');
-    seconds -= days * 86400;
-    let hours = Math.floor(seconds / 3600);
-    (days || hours) && result.push(hours + 'h');
-    seconds -= hours * 3600;
-    let minutes = Math.floor(seconds / 60);
-    (days || hours || minutes) && result.push(minutes + 'm');
-    if (!shouldSkipSeconds) {
-        seconds -= minutes * 60;
-        result.push(seconds + 's');
-    } else if (!result.length) {
-        result.push('0m');
-    }
-    return result.join(' ');
-}

package/src/directives/index.js

@@ -1,10 +0,0 @@
-import './autofocus';
-import './confirm-button';
-import './datetime';
-import './date-input';
-import './disabled';
-import './duration';
-import './infinite-scroll';
-import './readonly';
-import './tooltip';
-import './user-text';

package/src/directives/infinite-scroll.js

@@ -1,17 +0,0 @@
-import app from '../app';
-import InfiniteScrollHook from '../plugins/infinite-scroll/hook';
-
-app.directive('infinite-scroll', {
-    beforeMount(el, binding) {
-        if (binding.value) {
-            el._infiniteScrollHook = new InfiniteScrollHook(el, binding.value);
-            el._infiniteScrollHook.install();
-        }
-    },
-
-    unmounted(el) {
-        if (el._infiniteScrollHook) {
-            el._infiniteScrollHook.uninstall();
-        }
-    }
-});

package/src/directives/readonly.js

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

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();
-}