@finqu/cool 1.2.29 → 1.3.0

package/js/src/common.js

@@ -1,296 +0,0 @@
-import 'jquery';
-import PerfectScrollbar from './util/perfect-scrollbar';
-import './util/animate-css';
-
-window.Cool = window.Cool || {};
-window.Cool.settings = window.Cool.settings || {};
-
-class Common {
-
-    static refresh() {
-        $('.form-label-group').each(function(i, formLabelGroup) {
-            const $formLabelGroup = $(formLabelGroup);
-            const val = $formLabelGroup.find('input, select').val();
-
-            if (val) {
-                $(formLabelGroup).addClass('label-on-top');
-            } else {
-                $(formLabelGroup).removeClass('label-on-top');
-            }
-        });
-    }
-
-	static initialize(opts) {
-
-        // There's an error if opts is not defined
-        opts = opts || {};
-
-        // Save settings for later use
-        window.Cool.settings = opts;
-
-        // Init plugins
-        $('[data-toggle="popover"]').coolPopover(opts.popover);
-        $('[data-toggle="select"]').coolSelect(opts.select);
-        $('[data-toggle="dropdown"]').coolDropdown(opts.dropdown);
-        $('[data-toggle="tooltip"]').coolTooltip(opts.tooltip);
-        $('[data-toggle="collapse"]').coolCollapse(opts.collapse);
-        $('[data-toggle="section-tabs"]').coolSectionTabs(opts.sectionTabs);
-        $('body').coolToast(opts.toast);
-        $('body').coolDialog(opts.dialog);
-
-        // Dom ready
-		$('html').addClass('dom-ready');
-
-        // Input group focus in
-		$(document).on('focus', '.form-control', function () {
-
-            if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
-
-                let $inputGroup = $(this).closest('.input-group');
-
-                if (!$inputGroup.hasClass('input-group-focus')) {
-                    $inputGroup.addClass('input-group-focus');
-                }
-            }
-        });
-
-        // Input group focus out
-        $(document).on('blur', '.form-control', function () {
-
-            if (!$(this).hasClass('disabled') && $(this).not(':disabled') && !$(this).attr('readonly')) {
-
-                let $inputGroup = $(this).closest('.input-group');
-
-                if ($inputGroup.hasClass('input-group-focus')) {
-                    $inputGroup.removeClass('input-group-focus');
-                }
-            }
-        });
-
-        $(document).on('blur input change', '.form-label-group', function() {
-            const $formLabelGroup = $(this);
-            const val = $formLabelGroup.find('input, select').val();
-
-            if (val) {
-                $(this).addClass('label-on-top');
-            } else {
-                $(this).removeClass('label-on-top');
-            }
-        });
-
-        $('.form-label-group').each(function(i, formLabelGroup) {
-            const $formLabelGroup = $(formLabelGroup);
-            const val = $formLabelGroup.find('input, select').val();
-
-            if (val) {
-                $(formLabelGroup).addClass('label-on-top');
-            } else {
-                $(formLabelGroup).removeClass('label-on-top');
-            }
-        });
-
-        // Table actions
-        $.each($('.table'), function() {
-
-            if ($(this).find('[data-table-link], [data-table-btn]').length && !$(this).hasClass('table-hover')) {
-                $(this).addClass('table-hover');
-            }
-        });
-
-        $(document).on('click', '[data-table-link] .table-link-exclude, [data-table-link] input, [data-table-link] button, [data-table-link] a, [data-table-link] label, [data-table-link] .td-col-select', function(e) {
-            e.stopPropagation();
-        });
-
-        $(document).on('click', '[data-table-link]', function(e) {
-            const $container = $(this).parents('table, .table');
-            const href = $(this).data('tableLink');
-
-            if ($container.hasClass('bulk-actions-active')) {
-                return;
-            }
-
-            if (e.ctrlKey || e.metaKey) {
-                window.open(href, '_blank');
-            } else {
-                window.location.href = href;
-            }
-        });
-
-        $(document).on('click', '[data-table-btn] .table-btn-exclude, [data-table-btn] input, [data-table-btn] button, [data-table-btn] a, [data-table-btn] label, [data-table-btn] .td-col-select', function(e) {
-            e.stopPropagation();
-        });
-
-        $(document).on('click', '[data-table-btn]', function(e) {
-            const $container = $(this).parents('table, .table');
-            let btn = $(this).data('tableButton');
-
-            if (!btn) {
-                btn = $container.find('button')[0];
-
-                if (!btn) {
-                    return;
-                }
-            }
-
-            if ($container.hasClass('bulk-actions-active')) {
-                return;
-            }
-
-            $(btn).click();
-        });
-
-        // button toggle
-        $(document).on('click', '.btn-group-toggle .btn > input', function(e) {
-            e.stopPropagation();
-        });
-
-        $(document).on('click', '.btn-group-toggle .btn', function() {
-            $(this).find('input').trigger('click');
-            $(this).parent().find('input').trigger('change');
-        });
-
-        $(document).on('change', '.btn-group-toggle .btn > input', function() {
-            if ($(this).is(':checked')) {
-                $(this).parent().addClass('active');
-            } else {
-                $(this).parent().removeClass('active');
-            }
-        });
-
-        // Force select element unfocus after change
-        $('select').on('change', function() {
-            $(this).blur();
-        });
-
-        // Tabs
-        $('.tab-toggler').on('click', function(e) {
-
-            e.stopPropagation();
-
-            $(this).parent().toggleClass('open');
-        });
-
-        $(document).on('click', function() {
-
-            $('.tabs-container').removeClass('open');
-        });
-
-        // Sidebar togglers
-        $('.sidebar-left-toggler').on('click', function(e) {
-
-            e.stopPropagation();
-
-            $(this).toggleClass('open');
-            $('body').toggleClass('sidebar-left-open');
-        });
-
-        $('.sidebar-right-toggler').on('click', function(e) {
-
-            e.stopPropagation();
-
-            $(this).toggleClass('open');
-            $('body').toggleClass('sidebar-right-open');
-        });
-
-        // Sidebar scroll
-        $('.sidebar-content .ps__thumb-y').mousedown(function() {
-            $(this).parent().parent().addClass('ps-mousedown-scroll');
-        });
-
-        $(document).mouseup(function() {
-
-            if ($('.sidebar-content').hasClass('ps-mousedown-scroll')) {
-                $('.sidebar-content').removeClass('ps-mousedown-scroll');
-            }
-        });
-
-        // Sidebar left scroll
-        let $sidebarLeft = $('.sidebar-left');
-        let $sidebarLeftContent = $sidebarLeft.find('.sidebar-content');
-
-        if ($sidebarLeftContent.length) {
-            let sidebarLeftScroll = new PerfectScrollbar($sidebarLeftContent[0], {
-                wheelSpeed: 2,
-                wheelPropagation: true,
-                minScrollbarLength: 20,
-                suppressScrollX: true
-            });
-
-            $sidebarLeftContent.find('[data-toggle="collapse"]').on('click', function(e) {
-                if ($(this).data('breakpoint') && window.matchMedia(`(min-width: ${$(this).data('breakpoint')}px)`).matches) {
-                    const a = $(this).next().find('li').first().children('a').first();
-
-                    if (a) {
-                        window.location.href = a.attr('href');
-                    }
-                } else {
-                    setTimeout(() => {
-                        sidebarLeftScroll.update();
-                    }, 300);
-                }
-            });
-        }
-
-        // Sidebar tabs
-        let $sidebarTabs = $(document).find('.sidebar-tab');
-
-        if ($sidebarTabs.length) {
-
-            $.each($sidebarTabs, function(i, el) {
-
-                let scrollContainer = $(el).find('.tab-content');
-
-                const sidebarTabsScroll = new PerfectScrollbar(scrollContainer[0], {
-                    wheelSpeed: 2,
-                    wheelPropagation: true,
-                    minScrollbarLength: 20,
-                    suppressScrollX: true
-                });
-            });
-
-            $('[name="sidebar-tab-select"]').on('click', function() {
-
-                let val = $(this).val();
-                let $tab = $('#sidebar-tab-'+val);
-
-                $sidebarTabs.not($tab).removeClass('active');
-                $tab.addClass('active');
-
-                $('[name="sidebar-tab-select"]').not($(this)).removeClass('active');
-                $(this).addClass('active');
-
-                if ($tab[0] == $sidebarTabs.first()[0]) {
-
-                    $sidebarTabs.not($tab).find('.tab-content').css({
-                        'transform': 'translate3d(100%, 0px, 0px)'
-                    });
-
-                } else if ($tab[0] == $sidebarTabs.last()[0]) {
-
-                    $sidebarTabs.not($tab).find('.tab-content').css({
-                        'transform': 'translate3d(-100%, 0px, 0px)'
-                    });
-
-                } else {
-
-                    $sidebarTabs.first().not($tab).find('.tab-content').css({
-                        'transform': 'translate3d(-100%, 0px, 0px)'
-                    });
-
-                    $sidebarTabs.last().not($tab).find('.tab-content').css({
-                        'transform': 'translate3d(100%, 0px, 0px)'
-                    });
-                }
-
-                $tab.find('.tab-content').css({
-                    'transform': 'none'
-                });
-            });
-        }
-	}
-}
-
-window.Cool.initialize = Common.initialize;
-window.Cool.refresh = Common.refresh;
-
-export default Common;