workarea-admin 3.4.12

data/app/assets/javascripts/workarea/admin/modules/new_navigation_taxons.js

@@ -0,0 +1,58 @@
+/**
+ * @namespace WORKAREA.newNavigationTaxons
+ */
+WORKAREA.registerModule('newNavigationTaxons', (function () {
+    'use strict';
+
+    var getConfig = function ($select) {
+            var $option = $('option:selected', $select);
+
+            return _.merge(WORKAREA.config.remoteSelects, {
+                ajax: {
+                    url: $option.data('newNavigationTaxonEndpoint')
+                },
+                placeholder: '',
+                allowClear: true
+              });
+        },
+
+        destroyRemoteSelect = function ($select) {
+            $select.val(null).trigger('change').select2('destroy');
+        },
+
+        createRemoteSelect = function (event) {
+            var $typeSelect = $(event.currentTarget),
+                $idSelect = $('[name=navigable_id]', event.delegateTarget),
+                settings = getConfig($typeSelect),
+                selected = $typeSelect.data('newNavigationTaxon');
+
+            if ($idSelect.is('.select2-hidden-accessible') && _.isUndefined(selected)) {
+                destroyRemoteSelect($idSelect);
+            }
+
+            $idSelect.select2(settings).val(selected);
+        },
+
+        changeRemoteSelect = function (index, element) {
+            var $navigationLink = $(element);
+
+            $navigationLink
+            .on('change', '[name=navigable_type]', createRemoteSelect)
+                .find('[name=navigable_type]')
+                .trigger('change');
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.newNavigationTaxons
+         */
+        init = function ($scope) {
+            $('[data-new-navigation-taxon]', $scope)
+            .each(changeRemoteSelect);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/pricing_overrides.js

@@ -0,0 +1,36 @@
+/**
+ * Handles the disabling of fields when inputting values for pricing overrides.
+ *
+ * @namespace WORKAREA.pricingOverrides
+ */
+WORKAREA.registerModule('pricingOverrides', (function () {
+    'use strict';
+
+    var updateForm = function($form, fieldId, response) {
+            var $html = $(response),
+                $newForm = $html.find('#' + $form.attr('id'));
+
+            $form.replaceWith($newForm);
+            WORKAREA.initModules($newForm);
+            $('#' + fieldId).trigger('focus');
+        },
+
+        postFormData = _.debounce(function (event) {
+            var $field = $(event.target),
+                $form = $field.closest('form');
+
+            $.post($form.attr('action'), $form.serialize())
+            .done(_.partial(updateForm, $form, $field.attr('id')));
+        }, WORKAREA.config.formSubmittingControls.inputDelay),
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.pricingOverrides
+         */
+        init = function ($scope) {
+            $('[data-pricing-overrides]', $scope).on('change', 'input', postFormData);
+        };
+
+    return { init: init };
+}()));

data/app/assets/javascripts/workarea/admin/modules/primary_nav.js

@@ -0,0 +1,37 @@
+/**
+ * @namespace WORKAREA.primaryNav
+ */
+WORKAREA.registerModule('primaryNav', (function () {
+    'use strict';
+
+    var focusSearchForm = function ($takeover) {
+            $('.search-form__input', $takeover).trigger('focus');
+        },
+
+        getNavContent = function (event) {
+            event.preventDefault();
+            return $(event.currentTarget.hash).prop('innerHTML');
+        },
+
+        open = function(event) {
+            var takeover = WORKAREA.takeover.open(
+                getNavContent(event),
+                { 'takeoverClass': 'takeover--from-top' }
+            );
+
+            focusSearchForm(takeover);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.primaryNav
+         */
+        init = function ($scope) {
+            $('[data-primary-nav]', $scope).on('click', open);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/product_copy_ids.js

@@ -0,0 +1,47 @@
+/**
+ * @namespace WORKAREA.productCopyIds
+ */
+WORKAREA.registerModule('productCopyIds', (function () {
+    'use strict';
+
+    var randomizeID = function (event) {
+            var form = event.delegateTarget,
+                $target = $('[name="product[id]"]', form),
+                hash = Math.random().toString(32).slice(2).toUpperCase();
+
+            $target.val(hash);
+        },
+
+        copyOriginalID = function (event) {
+            var form = event.delegateTarget,
+                id = $('[name=source_product_id]', form).val(),
+                $target = $('[name="product[id]"]', form);
+
+            $target.val(id + '-copy');
+        },
+
+        setProductId = function(event) {
+            var form = event.delegateTarget,
+                $target = $('[name=original_id]', form),
+                $containers = $('.property.hidden', form);
+
+            $target.val(event.target.value);
+            $containers.removeClass('hidden');
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.productCopyIds
+         */
+        init = function ($scope) {
+            $('[data-product-copy-ids]', $scope)
+            .on('change', 'select[name=source_product_id]', setProductId)
+            .on('click', 'button[value=copy_original]', copyOriginalID)
+            .on('click', 'button[value=randomize]', randomizeID);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/product_images_sortables.js

@@ -0,0 +1,59 @@
+/**
+ * @namespace WORKAREA.productImagesSortables
+ */
+WORKAREA.registerModule('productImagesSortables', (function () {
+    'use strict';
+
+    var onUpdate = function () {
+            var $group = $(this).closest(
+                    '[data-product-images-sortable-group]'
+                ),
+
+                positions = $('[name$="position]"]', $group).map(function () {
+                    return $(this).closest('[data-image-id]').data('imageId');
+                }),
+
+                data = _.map(positions, function (position) {
+                    return 'order[]=' + position;
+                }),
+
+                url = $group.data('productImagesSortableGroup').url;
+
+            $.ajax({
+                url: url,
+                method: 'POST',
+                data: data.join('&'),
+                success: function () {
+                    WORKAREA.messages.insertMessage(
+                        I18n.t('workarea.admin.js.product_images_sortables.success_message'),
+                        'success'
+                    );
+                },
+                error: function () {
+                    WORKAREA.messages.insertMessage(
+                        I18n.t('workarea.admin.js.product_images_sortables.error_message'),
+                        'error'
+                    );
+                }
+            });
+        },
+
+        getConfig = function () {
+            return _.assign({}, WORKAREA.config.productImagesSortable, {
+                update: onUpdate
+            });
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.productImagesSortables
+         */
+        init = function ($scope) {
+            $('[data-product-images-sortable]', $scope).sortable(getConfig());
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/product_rules_preview.js

@@ -0,0 +1,51 @@
+/**
+ * @namespace WORKAREA.productRulesPreview
+ */
+WORKAREA.registerModule('productRulesPreview', (function () {
+    'use strict';
+
+    var $previewDisplay = null,
+
+        replaceResults = function (input) {
+            var $form = $(input).closest('form'),
+                url = WORKAREA.routes.admin.previewProductListProductRulePath({
+                    product_list_id: $form.data('productListId'),
+                    id: $form.data('ruleId'),
+                    _options: true
+                });
+
+            $.ajax({
+                url: url,
+                data: $form.serialize(),
+                method: 'GET',
+                success: function (result) {
+                    $previewDisplay.parent().addClass('product-rules-preview--flash');
+                    $previewDisplay.html(result);
+
+                    _.delay(function () {
+                        $previewDisplay.parent().removeClass('product-rules-preview--flash');
+                    }, 50);
+                }
+            });
+        },
+
+        updatePreview = _.debounce(function (event) {
+            replaceResults(event.target);
+        }, 300),
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.productRulesPreview
+         */
+        init = function ($scope) {
+            $previewDisplay = $('#product-rules-preview');
+
+            $('[data-product-rules-preview]', $scope)
+            .on('keyup blur change select2:select select2:unselect', updatePreview);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/property_toggles.js

@@ -0,0 +1,88 @@
+/**
+ * @namespace WORKAREA.propertyToggles
+ */
+WORKAREA.registerModule('propertyToggles', (function () {
+    'use strict';
+
+    var disableBlankInputs = function (event) {
+            $(':input', event.currentTarget).each(function (index, input) {
+                if (_.isEmpty($(input).val()) &&
+                    _.isUndefined($(input).data('propertyToggleAllowBlank'))) {
+                    $(input).prop('disabled', true);
+                }
+            });
+        },
+
+        enableCheckbox = function ($component) {
+            $('.property-toggle__checkbox :input', $component)
+            .prop('checked', true);
+        },
+
+        disableProperty = function ($property) {
+            var $input = $(':input', $property);
+
+            $property.removeClass('property-toggle__property--active');
+
+            $input.prop('disabled', true);
+        },
+
+        enableProperty = function ($property, focusInput) {
+            var $input = $(':input', $property);
+
+            if ($property.hasClass('property-toggle__property--active')) {
+                return;
+            }
+
+            $property.addClass('property-toggle__property--active');
+
+            $input.prop('disabled', false);
+
+            if (focusInput) {
+                $input.eq(0).trigger('focus');
+            }
+        },
+
+        preserveToggleState = function (index, component) {
+            var $checkbox = $('.property-toggle__checkbox :input', component),
+                $property = $('.property-toggle__property', component);
+
+            if ($checkbox.prop('checked')) {
+                enableProperty($property);
+            }
+        },
+
+        toggleProperty = function (event) {
+            var $component = $(event.delegateTarget),
+                $property = $('.property-toggle__property', $component),
+                $trigger = $(event.currentTarget);
+
+            if ($trigger.is($property)) {
+                enableProperty($property, true);
+                enableCheckbox($component);
+            } else {
+                if ($trigger.prop('checked')) {
+                    enableProperty($property, true);
+                } else {
+                    disableProperty($property);
+                }
+            }
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.propertyToggles
+         */
+        init = function ($scope) {
+            $('.property-toggle', $scope)
+            .on('change', '.property-toggle__checkbox :input', toggleProperty)
+            .on('click', '.property-toggle__property', toggleProperty)
+            .each(preserveToggleState)
+                .closest('form')
+                .on('submit', disableBlankInputs);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/publish_create_release.js

@@ -0,0 +1,40 @@
+/**
+ * @namespace WORKAREA.publishCreateRelease
+ */
+WORKAREA.registerModule('publishCreateRelease', (function () {
+    'use strict';
+
+    var showReleaseUI = function($context) {
+            $('.publish-create-release__fields', $context).removeClass('hidden');
+            $('.publish-create-release__fields .text-box', $context).attr('required', 'required');
+        },
+
+        hideReleaseUI = function($context) {
+            $('.publish-create-release__fields', $context).addClass('hidden');
+            $('.publish-create-release__fields .text-box', $context).removeAttr('required');
+        },
+
+        handleChangeEvent = function(event) {
+            var $input = $(event.currentTarget),
+                $context = $input.closest('[data-publish-create-release]');
+
+            if ($input.val() === 'new_release' ) {
+                showReleaseUI($context);
+            } else {
+                hideReleaseUI($context);
+            }
+        },
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.publishCreateRelease
+         */
+        init = function ($scope) {
+            $('[data-publish-create-release]', $scope)
+            .on('change', 'input:radio', handleChangeEvent);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/modules/publish_with_release_menus.js

@@ -0,0 +1,132 @@
+// TODO: v4 refactor
+/**
+ * @namespace WORKAREA.publishWithReleaseMenus
+ */
+WORKAREA.registerModule('publishWithReleaseMenus', (function () {
+    'use strict';
+
+    var newReleaseOptionTemplate = JST['workarea/admin/templates/new_release_option'],
+
+        updateTitleAttribute = function (select) {
+            var title = $('option:selected', select).text();
+            $(select).attr('title', title);
+        },
+
+        switchRelease = function (select) {
+            $.post(WORKAREA.routes.admin.releaseSessionPath(), {
+                release_id: $(select).val()
+            }).done(function () {
+                $(select).tooltipster('close');
+
+                if ($(select).data('publishWithReleaseMenu') !== 'async') {
+                    window.location.reload();
+                }
+            });
+        },
+
+        removeNewReleaseOption = function (select) {
+            $('[data-new-release-option]', select).remove();
+        },
+
+        updateSelect = function (select, newRelease) {
+            $(select).append(function () {
+                return $('<option>').val(newRelease._id).text(newRelease.name);
+            }).val(newRelease._id);
+        },
+
+        addNewRelease = function (select, event) {
+            var endpoint = event.currentTarget.action,
+                data = $(event.currentTarget).serialize();
+
+            event.preventDefault();
+
+            $.post(
+                endpoint,
+                data,
+                function (response) {
+                    updateSelect(select, response.release);
+                    removeNewReleaseOption(select);
+                    switchRelease(select);
+                }
+            );
+        },
+
+        handleFormSubmit = function (select, event) {
+            addNewRelease(select, event);
+        },
+
+        requestNewReleaseForm = function (instance, helper) {
+            $.get(WORKAREA.routes.admin.newReleasePath())
+            .done(function (response) {
+                var $content = $(response),
+                    $form = $('form', $content),
+                    $input = $('[name="release[name]"]', $form),
+                    select = helper.origin;
+
+                WORKAREA.initModules($content);
+
+                $form.on('submit', _.partial(handleFormSubmit, select));
+
+                instance.content($content);
+
+                $input.trigger('focus');
+            });
+        },
+
+        testNewReleaseOption = function (event) {
+            var $select = $(event.currentTarget),
+                $selectedOption = $('option:selected', $select);
+
+            if ($selectedOption.data('newReleaseOption')) {
+                $(event.currentTarget).tooltipster('open');
+            } else {
+                $(event.currentTarget).tooltipster('close');
+                switchRelease($select);
+                updateTitleAttribute($select);
+            }
+        },
+
+        appendNewReleaseOption = function (index, menu) {
+            var $option = $(newReleaseOptionTemplate());
+
+            $option.data('newReleaseOption', true);
+
+            $(menu).append($option);
+        },
+
+        destroy = function() {
+            $('[data-new-release-option]').remove();
+        },
+
+        setup = function (index, select) {
+            appendNewReleaseOption(index, select);
+            updateTitleAttribute(select);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.publishWithReleaseMenus
+         */
+        init = function ($scope) {
+            $scope
+                .find('[data-publish-with-release-menu]')
+                    .addBack('[data-publish-with-release-menu]')
+                    .each(setup)
+                    .on('change', testNewReleaseOption)
+                    .tooltipster(_.assign({}, WORKAREA.config.tooltipster, {
+                        interactive: true,
+                        contentAsHTML: true,
+                        content: I18n.t('workarea.admin.js.publish_with_release_menus.loading'),
+                        functionBefore: requestNewReleaseForm,
+                        trigger: 'custom',
+                        side: 'bottom'
+                    }));
+        };
+
+        $(document).on('turbolinks:before-cache', destroy);
+
+    return {
+        init: init
+    };
+}()));