@concretecms/bedrock 1.3.7 → 1.4.1

package/assets/cms/js/edit-mode/style-customizer/inline-toolbar.js

@@ -1,279 +0,0 @@
-/* eslint-disable no-new, no-unused-vars, camelcase, no-irregular-whitespace, new-cap */
-
-/* global bootstrap */
-function ConcreteInlineStyleCustomizer($element, options) {
-    var my = this
-    options = $.extend({}, options)
-
-    my.options = options
-    my.$element = $element
-    my.$toolbar = my.$element.find('>ul')
-
-    my.setupForm()
-    my.setupButtons()
-    my.setupSliders()
-    my.setupDeviceVisibilityComponent()
-    my.setupDropdowns()
-    my.setupSelectBoxes()
-}
-
-ConcreteInlineStyleCustomizer.prototype = {
-
-    refreshStyles: function (resp) {
-        if (resp.oldIssID) {
-            $('head').find('style[data-style-set=' + resp.oldIssID + ']').remove()
-        }
-        if (resp.issID && resp.css) {
-            $('head').append(resp.css)
-        }
-    },
-
-    setupForm: function () {
-        var my = this
-        const tooltipTriggerList = [].slice.call(my.$element.find('.launch-tooltip'))
-        const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-            return new bootstrap.Tooltip(tooltipTriggerEl)
-        })
-        my.$element.concreteAjaxForm({
-            success: function (resp) {
-                my.handleResponse(resp)
-            },
-            error: function (r) {
-                my.$toolbar.prependTo('#ccm-inline-toolbar-container').show()
-            }
-        })
-    },
-
-    setupButtons: function () {
-        var my = this
-        my.$toolbar.on('click.inlineStyleCustomizer', 'input[data-action=cancel-design]', function () {
-            my.$element.hide()
-            ConcreteEvent.fire('EditModeExitInline')
-            return false
-        })
-
-        my.$toolbar.on('click.inlineStyleCustomizer', 'input[data-action=reset-design]', function () {
-            $.concreteAjax({
-                url: $(this).attr('data-reset-action'),
-                success: function (resp) {
-                    my.handleResponse(resp)
-                }
-            })
-            return false
-        })
-
-        my.$toolbar.on('click.inlineStyleCustomizer', 'input[data-action=save-design]', function () {
-            // move the toolbar back into the form so it submits. so great.
-            my.$toolbar.hide().prependTo(my.$element)
-            my.$element.submit()
-            ConcreteEvent.unsubscribe('EditModeExitInlineComplete')
-            return false
-        })
-    },
-
-    setupDropdowns: function () {
-        var my = this
-        my.$toolbar.find('.ccm-inline-toolbar-icon-cell > a').on('click', function () {
-            const $dropdown = $(this).parent().find('.ccm-dropdown-menu')
-            const isActive = $dropdown.hasClass('active')
-            my.$toolbar.find('.ccm-inline-toolbar-icon-selected').removeClass('ccm-inline-toolbar-icon-selected')
-
-            $('.ccm-dropdown-menu').removeClass('active')
-
-            if (!isActive) {
-                $dropdown.addClass('active')
-                $(this).parent().addClass('ccm-inline-toolbar-icon-selected')
-            }
-        })
-    },
-
-    setupDeviceVisibilityComponent: function () {
-        var my = this
-        my.$toolbar.find('button[data-hide-on-device]').on('click', function (e) {
-            e.stopPropagation()
-
-            const input = $(this).attr('data-hide-on-device')
-
-            if ($(this).hasClass('active')) {
-                $(this).removeClass('active')
-                $($('input[data-hide-on-device-input=' + input + ']').val(1))
-            } else {
-                $(this).addClass('active')
-                $($('input[data-hide-on-device-input=' + input + ']').val(0))
-            }
-        })
-    },
-
-    setupSelectBoxes: function () {
-        var my = this
-
-        my.$toolbar.find('.selectpicker').selectpicker()
-
-        var $customClass = my.$toolbar.find('#customClass')
-
-        $customClass.selectpicker({
-            liveSearch: true,
-            allowAdd: true // new option used by our extension of bootstrap-select
-        })
-    },
-
-    setupSliders: function () {
-        var my = this
-        my.$toolbar.find('.ccm-inline-style-sliders').each(function () {
-            var targetInput = $(this).next().children('.ccm-inline-style-slider-value')
-            var targetInputFormat = targetInput.attr('data-value-format')
-            var sliderElement = $(this)
-            var min = parseInt($(this).attr('data-style-slider-min'))
-            var max = parseInt($(this).attr('data-style-slider-max'))
-            var defaultValue = $(this).attr('data-style-slider-default-setting')
-            var currentValue = function () {
-                return parseInt(targetInput.val().replace(/\D-/g, ''))
-            }
-            var disableCheck = function () {
-                if (parseInt(defaultValue) === currentValue() || isNaN(currentValue())) {
-                    targetInput.prop('disabled', true).val(defaultValue + targetInputFormat)
-                }
-            }
-
-            sliderElement.slider({
-                min: min,
-                max: max,
-                value: currentValue(),
-                slide: function (event, ui) {
-                    targetInput.prop('disabled', false)
-                    targetInput.val(ui.value + targetInputFormat)
-                    disableCheck()
-                }
-            })
-
-            targetInput.change(function () {
-                var value = currentValue()
-
-                if (value > max) {
-                    value = max
-                } else if (value < min) {
-                    value = min
-                } else if (isNaN(value)) {
-                    value = defaultValue
-                }
-
-                $(this).val(value + targetInputFormat)
-                sliderElement.slider('value', value)
-                disableCheck()
-            }).blur(function () {
-                disableCheck()
-            }).parent().click(function () {
-                if (targetInput.prop('disabled')) {
-                    targetInput.prop('disabled', false).select()
-                }
-            })
-
-            disableCheck()
-        })
-    }
-
-}
-
-function ConcreteBlockInlineStyleCustomizer($element, options) {
-    var my = this
-    ConcreteInlineStyleCustomizer.call(my, $element, options)
-}
-
-ConcreteBlockInlineStyleCustomizer.prototype = Object.create(ConcreteInlineStyleCustomizer.prototype)
-
-ConcreteBlockInlineStyleCustomizer.prototype.handleResponse = function (resp) {
-    var my = this
-    var editor = new Concrete.getEditMode()
-    var area = editor.getAreaByID(resp.aID)
-    var block = area.getBlockByID(parseInt(resp.originalBlockID))
-    var arEnableGridContainer = area.getEnableGridContainer() ? 1 : 0
-    var action = CCM_DISPATCHER_FILENAME + '/ccm/system/block/render'
-
-    $.get(action, {
-        arHandle: area.getHandle(),
-        cID: resp.cID,
-        bID: resp.bID,
-        arEnableGridContainer: arEnableGridContainer
-    }, function (r) {
-        ConcreteToolbar.disableDirectExit()
-        var newBlock = block.replace(r)
-        ConcreteAlert.notify({
-            message: resp.message
-        })
-
-        my.refreshStyles(resp)
-        ConcreteEvent.fire('EditModeExitInline', {
-            action: 'save_inline',
-            block: newBlock
-        })
-        ConcreteEvent.fire('EditModeExitInlineComplete', {
-            block: newBlock
-        })
-        $.fn.dialog.hideLoader()
-        editor.destroyInlineEditModeToolbars()
-        editor.scanBlocks()
-    })
-}
-
-function ConcreteAreaInlineStyleCustomizer($element, options) {
-    var my = this
-    ConcreteInlineStyleCustomizer.call(my, $element, options)
-}
-
-ConcreteAreaInlineStyleCustomizer.prototype = Object.create(ConcreteInlineStyleCustomizer.prototype)
-
-ConcreteAreaInlineStyleCustomizer.prototype.handleResponse = function (resp) {
-    var my = this
-    var editor = new Concrete.getEditMode()
-    var area = editor.getAreaByID(resp.aID)
-    my.refreshStyles(resp)
-    area.getElem().removeClassExcept('ccm-area ccm-global-area')
-    if (resp.containerClass) {
-        area.getElem().addClass(resp.containerClass)
-    }
-    editor.destroyInlineEditModeToolbars()
-}
-
-// jQuery Plugin
-$.fn.concreteBlockInlineStyleCustomizer = function (options) {
-    return $.each($(this), function (i, obj) {
-        new ConcreteBlockInlineStyleCustomizer($(this), options)
-    })
-}
-
-$.fn.concreteAreaInlineStyleCustomizer = function (options) {
-    return $.each($(this), function (i, obj) {
-        new ConcreteAreaInlineStyleCustomizer($(this), options)
-    })
-}
-
-$.fn.concreteInlineStyleCustomizer = function (options) {
-    return $.each($(this), function (i, obj) {
-        if ($(this).data('targetElement') === 'block') {
-            new ConcreteBlockInlineStyleCustomizer($(this), options)
-        } else {
-            new ConcreteAreaInlineStyleCustomizer($(this), options)
-        }
-    })
-}
-
-$.fn.removeClassExcept = function (val) {
-    return this.each(function (index, el) {
-        var keep = val.split(' ')
-        var reAdd = [] // ones that should be re-added if found
-        var $el = $(el) // element we're working on
-
-        // look for which we re-add (based on them already existing)
-        for (var i = 0; i < keep.length; i++) {
-            if ($el.hasClass(keep[i])) reAdd.push(keep[i])
-        }
-
-        // drop all, and only add those confirmed as existing
-        $el
-            .removeClass() // remove existing classes
-            .addClass(reAdd.join(' '))
-    })
-}
-
-global.ConcreteBlockInlineStyleCustomizer = ConcreteBlockInlineStyleCustomizer
-global.ConcreteAreaInlineStyleCustomizer = ConcreteAreaInlineStyleCustomizer

package/assets/cms/js/modifiable-ajax-bootstrap-select.js

@@ -1,78 +0,0 @@
-/* eslint-disable no-new, no-unused-vars, camelcase, eqeqeq */
-
-/* Extend ajax-bootstrap-select */ ;
-;(function (global, $) {
-    // grab a reference to existing functions
-    var _init = window.AjaxBootstrapSelect.prototype.init
-    var _complete = window.AjaxBootstrapSelectRequest.prototype.complete
-    var _setStatus = window.AjaxBootstrapSelectList.prototype.setStatus
-
-    // extend the prototype with own functions
-    $.extend(true, window.AjaxBootstrapSelect.prototype, {
-        init: function () {
-            var that = this
-
-            _init.apply(this, arguments)
-
-            if (this.selectpicker) {
-                if (this.selectpicker.options.liveSearch && this.selectpicker.options.allowAdd) {
-                    // Allow options to override locale specific strings.
-                    this.options.locale.statusNoResults = ccmi18n.selectNoResult
-                    this.locale[this.options.langCode] = $.extend(true, {}, this.locale[this.options.langCode], this.options.locale)
-                }
-            }
-
-            $(document.body).on('click', '.no-results.ccm-ajax-enhanced-select-input-add-new-term', function (ev) {
-                ev.stopPropagation()
-
-                var $searchbox = that.selectpicker.$searchbox
-                if (!$searchbox.length) return
-                var txt = $searchbox.val()
-                if (txt) txt.replace(/[|]/g, '')
-                if ($.trim(txt) == '') return
-                var data = []
-                var newOption = {
-                    preserved: that.options.preserveSelected,
-                    disabled: false,
-                    selected: true,
-                    text: txt,
-                    value: txt,
-                    class: ''
-                }
-                data.push(newOption)
-                that.list.selected.push(newOption)
-                that.list.replaceOptions(data)
-                $searchbox.trigger('focus')
-            })
-        }
-    })
-
-    $.extend(true, window.AjaxBootstrapSelectRequest.prototype, {
-        complete: function () {
-            _complete.apply(this, arguments)
-
-            if (this.plugin.selectpicker.options.liveSearch && this.plugin.selectpicker.options.allowAdd) {
-                this.plugin.list.$status.removeClass('no-results ccm-ajax-enhanced-select-input-add-new-term')
-                if (arguments.status !== 'abort') {
-                    var cache = this.plugin.list.cacheGet(this.plugin.query)
-                    if (cache && !cache.length) {
-                        // no results
-                        this.plugin.list.$status.addClass('no-results ccm-ajax-enhanced-select-input-add-new-term')
-                    }
-                }
-            }
-        }
-    })
-
-    $.extend(true, window.AjaxBootstrapSelectList.prototype, {
-        setStatus: function () {
-            if (this.plugin && this.plugin.selectpicker) {
-                if (arguments[0]) {
-                    // bootstrap-select does this but for some reason ajax-bootstrap-select doesn't so I put it back here
-                    arguments[0] = arguments[0].replace('{0}', '"' + this.plugin.selectpicker.$searchbox.val() + '"')
-                }
-            }
-            _setStatus.apply(this, arguments)
-        }
-    })
-})(window, jQuery); // eslint-disable-line semi

package/assets/cms/js/modifiable-bootstrap-select.js

@@ -1,112 +0,0 @@
-/* eslint-disable no-new, no-unused-vars, camelcase, eqeqeq */
-
-/* Extend bootstrap-select */
-; (function (global, $) {
-    // grab a reference to existing functions
-    var _init = $.fn.selectpicker.Constructor.prototype.init
-    var _destroy = $.fn.selectpicker.Constructor.prototype.destroy
-
-    // extend the prototype with own functions
-    $.extend(true, $.fn.selectpicker.Constructor.prototype, {
-        // this will replace the original $.fn.selectpicker.Constructor.prototype.init function
-        init: function () {
-            var that = this
-            var addNoResultClassName = function (addedNode) {
-                var $addedNode = $(addedNode)
-                var $addedNodeBsSelect = $addedNode.closest('.bootstrap-select')
-                if (
-                    $addedNode.hasClass('no-results') &&
-                    $addedNodeBsSelect.length &&
-                    $addedNodeBsSelect.find('select').selectpicker('liveSearch') == true
-                ) {
-                    $addedNode.addClass('ccm-enhanced-select-input-add-new-term')
-                }
-            }
-
-            // always add the required selectize-input class name if not present
-            if (this.options.styleBase.indexOf('ccm-enhanced-select') == -1) {
-                this.options.styleBase += ' ccm-enhanced-select'
-            }
-
-            // call the original init function
-            _init.apply(this, arguments)
-
-            if (this.options.liveSearch && this.options.allowAdd) {
-                this.options.noneResultsText = ccmi18n.selectNoResult
-
-                if ('MutationObserver' in window) {
-                    this.allowAddMutationObserver = new MutationObserver(function (mutations) {
-                        mutations.forEach(function (mutation) {
-                            if (mutation.type == 'childList') {
-                                if (mutation.addedNodes.length > 0) {
-                                    mutation.addedNodes.forEach(function (addedNode) {
-                                        addNoResultClassName(addedNode)
-                                    })
-                                }
-                            }
-                        })
-                    })
-
-                    this.allowAddMutationObserver.observe(this.$element.closest('.bootstrap-select').get(0), {
-                        childList: true,
-                        subtree: true
-                    })
-                } else {
-                    $('html').addEventListener('DOMNodeInserted', function (event) {
-                        event.stopImmediatePropagation()
-                        addNoResultClassName(event.target)
-                    }, true)
-                }
-
-                $(document.body).on('click', '.no-results.ccm-enhanced-select-input-add-new-term', function (ev) {
-                    ev.stopPropagation()
-
-                    // the .no-results element is removed and added to the DOM when needed
-                    // So let's turn off the click handler every time
-                    $(this).off('click')
-
-                    var $searchbox = that.$searchbox
-                    if (!$searchbox.length) return
-                    var txt = $searchbox.val()
-                    if (txt) txt.replace(/[|]/g, '')
-                    if ($.trim(txt) == '') return
-                    var select = that.$element
-                    var newOption = $('<option>', {
-                        selected: true,
-                        text: txt,
-                        value: txt // [NOUR check what happens with this]
-                    })
-                    var firstOption = $('option', select).eq(1)
-                    if (firstOption.length) {
-                        firstOption.before(newOption)
-                    } else {
-                        select.append(newOption)
-                    }
-
-                    select.selectpicker('refresh')
-                    var event = new Event('change', { detail: txt })
-                    select[0].dispatchEvent(event)
-                    $searchbox.trigger('focus')
-                })
-            }
-        },
-
-        // this will replace the original $.fn.selectpicker.Constructor.prototype.destroy function
-        destroy: function () {
-            // call the original destroy function
-            _destroy.apply(this, arguments)
-
-            if (
-                this.options.liveSearch &&
-                this.options.allowAdd &&
-                this.allowAddMutationObserver &&
-                typeof this.allowAddMutationObserver != 'undefined'
-            ) {
-                // free up memory if possible
-                this.allowAddMutationObserver.disconnect()
-                this.allowAddMutationObserver = null
-            }
-        }
-    })
-    // }
-})(window, jQuery); // eslint-disable-line semi