workarea-storefront 3.4.12

data/app/assets/javascripts/workarea/storefront/modules/checkout_shipping_services.js

@@ -0,0 +1,53 @@
+/**
+ * @namespace WORKAREA.checkoutShippingServices
+ */
+WORKAREA.registerModule('checkoutShippingServices', (function () {
+    'use strict';
+
+    var updateCheckoutStepSummary = function (response, $container) {
+            var $response = $(response);
+            $('.checkout-step-summary', $container).replaceWith($response);
+            WORKAREA.initModules($response);
+        },
+
+        enableSubmit = function ($form) {
+            $('button[type=submit]', $form).prop('disabled', false);
+            $('input[type=radio]', $form).prop('disabled', false);
+        },
+
+        disableSubmit = function ($form) {
+            $('button[type=submit]', $form).prop('disabled', 'disabled');
+            $('input[type=radio]', $form).prop('disabled', 'disabled');
+        },
+
+        handleShippingChange = _.debounce(function (event) {
+            var $shippingForm = $(event.currentTarget).closest('form'),
+                $container = $shippingForm.closest('.page-content'),
+                url = $shippingForm.attr('action'),
+                data = $shippingForm.serialize(),
+                updatingShipping = $.post(url, data);
+
+            disableSubmit($shippingForm);
+
+            updatingShipping.done(function (response) {
+                updateCheckoutStepSummary(response, $container);
+                enableSubmit($shippingForm);
+            });
+        }, WORKAREA.config.checkoutShippingServices.requestTimeout),
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.checkoutShippingServices
+         */
+        init = function ($scope) {
+            $('[data-checkout-shipping-service]', $scope).on('change', [
+                '[name=shipping_service]', // TODO: v4 use only data attr
+                '[data-checkout-shipping-service-option]'
+            ].join(','), handleShippingChange);
+        };
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/current_user.js

@@ -0,0 +1,28 @@
+// TODO v4 rewrite to not assign directly to currentUser. Use closure instead.
+/**
+ * @namespace WORKAREA.currentUser
+ */
+WORKAREA.registerModule('currentUser', (function () {
+    'use strict';
+
+    var refresh = function() {
+        return $.getJSON(
+            WORKAREA.routes.storefront.currentUserPath({ format: 'json' }),
+            function (result) { _.assign(WORKAREA.currentUser, result); }
+        );
+    };
+
+    /**
+     * @method
+     * @name gettingUserData
+     * @memberof WORKAREA.currentUser
+     */
+
+    return {
+        refresh: refresh,
+        gettingUserData: $.getJSON(
+            WORKAREA.routes.storefront.currentUserPath({ format: 'json' }),
+            function (result) { _.assign(WORKAREA.currentUser, result); }
+        )
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/dialog.js

@@ -0,0 +1,284 @@
+/**
+ * @namespace WORKAREA.dialog
+ */
+WORKAREA.registerModule('dialog', (function () {
+    'use strict';
+
+    var
+
+        /**
+         * Private
+         */
+
+        close = function ($dialogs) {
+            if (_.isEmpty($dialogs)) { return; }
+
+            $dialogs.dialog('close');
+        },
+
+        destroy = function (event) {
+            $(event.target).dialog('destroy');
+        },
+
+        adjustWidth = function ($dialog) {
+            var buffer = WORKAREA.config.dialog.viewportBuffer * 2,
+                maxWidth = $(window).width() - buffer;
+
+            if ($dialog.outerWidth() > maxWidth) {
+                $dialog.dialog('option', 'width', maxWidth);
+            }
+        },
+
+        getZIndex = function (index, element) {
+            return _.parseInt($(element).dialog('widget').css('z-index'));
+        },
+
+        matchesZIndex = function (index, element, zIndex) {
+            return getZIndex(index, element) === zIndex;
+        },
+
+
+        /**
+         * Public Utility Methods
+         */
+
+        /**
+         * @method
+         * @name all
+         * @memberof WORKAREA.dialog
+         */
+        all = function () {
+            return $('.ui-dialog-content');
+        },
+
+        /**
+         * @method
+         * @name closest
+         * @memberof WORKAREA.dialog
+         */
+        closest = function (element) {
+            return $(element).closest('.ui-dialog-content');
+        },
+
+        /**
+         * @method
+         * @name top
+         * @memberof WORKAREA.dialog
+         */
+        top = function () {
+            var $allDialogs = all(),
+                zIndexes = _.toArray($allDialogs.map(getZIndex)),
+                maxZIndex = Math.max.apply(null, zIndexes);
+
+            return $allDialogs.filter(_.partialRight(matchesZIndex, maxZIndex));
+        },
+
+        /**
+         * @method
+         * @name current
+         * @memberof WORKAREA.dialog
+         */
+        current = function (element) {
+            var $closest = closest(element);
+
+            if (!_.isEmpty($closest)) { return $closest; }
+
+            return top();
+        },
+
+        /**
+         * @method
+         * @name closeAll
+         * @memberof WORKAREA.dialog
+         */
+        closeAll = _.flowRight(close, all),
+
+        /**
+         * @method
+         * @name closeClosest
+         * @memberof WORKAREA.dialog
+         */
+        closeClosest = _.flowRight(close, closest),
+
+        /**
+         * @method
+         * @name closeTop
+         * @memberof WORKAREA.dialog
+         */
+        closeTop = _.flowRight(close, top),
+
+        /**
+         * @method
+         * @name closeCurrent
+         * @memberof WORKAREA.dialog
+         */
+        closeCurrent = _.flowRight(close, current),
+
+        /**
+         * @method
+         * @name withinDialog
+         * @memberof WORKAREA.dialog
+         */
+        withinDialog = function ($collection) {
+            return !_.isEmpty($collection.closest('.ui-dialog-content'));
+        },
+
+
+        /**
+         * Public Create Methods
+         */
+
+        /**
+         * @method
+         * @name create
+         * @memberof WORKAREA.dialog
+         */
+        create = function (html, options) {
+            var $dialog = $(html).wrap('<div>').parent(),
+                $current,
+                currentOrigElement;
+
+            options = _.merge({}, WORKAREA.config.dialog.options, options);
+
+            if (options.closeAll) { closeAll(); }
+
+            if (options.replace) {
+                $current = current(options.originatingElement);
+                currentOrigElement = $current.data('dialog').originatingElement;
+                options.originatingElement = currentOrigElement;
+                $current.dialog('close');
+            }
+
+            $dialog
+            .dialog(options.uiDialogOptions)
+            .attr('role', 'complementary')
+            .on('dialogclose', destroy)
+            .data('dialog', { originatingElement: options.originatingElement })
+                .dialog('widget').focus();
+
+            adjustWidth($dialog);
+
+            if (options.initModules) { WORKAREA.initModules($dialog); }
+
+            return $dialog;
+        },
+
+        /**
+         * @method
+         * @name createFromTemplate
+         * @memberof WORKAREA.dialog
+         */
+        createFromTemplate = function (template, options) {
+            var html = JST[template.path](template.data);
+
+            create(html, options);
+        },
+
+        /**
+         * @method
+         * @name createFromFragmentId
+         * @memberof WORKAREA.dialog
+         */
+        createFromFragmentId = function (fragmentId, options) {
+            var promise = $.ajax({
+                    url: WORKAREA.url.current(),
+                    xhr: WORKAREA.jQuery.createXhrWithoutXhrHeader
+                });
+
+            WORKAREA.loading.createLoadingDialog(promise);
+
+            promise
+            .done(function (html) {
+                var $html = $('#' + fragmentId, html);
+                $html.removeClass('hidden-if-js-enabled');
+                $html = $html.uniqueClone(true, true, '-dialog-clone');
+                create($html, options);
+            })
+            .fail(_.partial(
+                createFromTemplate,
+                WORKAREA.config.dialog.errorTemplate
+            ));
+        },
+
+        /**
+         * @method
+         * @name createFromPromise
+         * @memberof WORKAREA.dialog
+         */
+        createFromPromise = function (promise, options) {
+            WORKAREA.loading.createLoadingDialog(promise);
+
+            promise
+            .done(function (html) {
+                create(html, options);
+            })
+            .fail(_.partial(
+                createFromTemplate,
+                WORKAREA.config.dialog.errorTemplate
+            ));
+        },
+
+        /**
+         * @method
+         * @name createFromSrc
+         * @memberof WORKAREA.dialog
+         */
+        createFromSrc = function (src, options) {
+            var imageDialogOptions = {
+                    uiDialogOptions: { dialogClass: 'ui-dialog-image' }
+                },
+                promise = WORKAREA.image.get(src);
+
+            options = _.merge({}, imageDialogOptions, options);
+
+            createFromPromise(promise, options);
+        },
+
+        /**
+         * @method
+         * @name createFromUrl
+         * @memberof WORKAREA.dialog
+         */
+        createFromUrl = function (url, options) {
+            var promise = $.get(url);
+
+            createFromPromise(promise, options);
+        },
+
+        /**
+         * @method
+         * @name createFromForm
+         * @memberof WORKAREA.dialog
+         */
+        createFromForm = function ($form, options) {
+            var promise = $.ajax({
+                url: $form.attr('action'),
+                method: $form.attr('method'),
+                data: $form.serialize()
+            });
+
+            createFromPromise(promise, options);
+        };
+
+    return {
+        all: all,
+        closest: closest,
+        top: top,
+        current: current,
+
+        closeAll: closeAll,
+        closeClosest: closeClosest,
+        closeTop: closeTop,
+        closeCurrent: closeCurrent,
+
+        withinDialog: withinDialog,
+
+        create: create,
+        createFromTemplate: createFromTemplate,
+        createFromFragmentId: createFromFragmentId,
+        createFromPromise: createFromPromise,
+        createFromSrc: createFromSrc,
+        createFromUrl: createFromUrl,
+        createFromForm: createFromForm
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/dialog_buttons.js

@@ -0,0 +1,78 @@
+/**
+ * @namespace WORKAREA.dialogButtons
+ */
+WORKAREA.registerModule('dialogButtons', (function () {
+    'use strict';
+
+    var isSrc = function (fileName) {
+            var extension = fileName.split('.')[1];
+
+            return _.includes(WORKAREA.config.imageFileExtensions, extension);
+        },
+
+        createDialog = function (event, options) {
+            var element = event.currentTarget,
+                url = element.href,
+                parsedUrl = WORKAREA.url.parse(url),
+                fileName = parsedUrl.file,
+                data = $(element).data('dialogButton') || {},
+                template = data.template,
+                fragmentId = parsedUrl.anchor;
+
+            event.preventDefault();
+
+            options = options || data.dialogOptions || {};
+            options.originatingElement = element;
+
+            if (template) {
+                WORKAREA.dialog.createFromTemplate(template, options);
+                return;
+            }
+
+            if (fragmentId) {
+                WORKAREA.dialog.createFromFragmentId(fragmentId, options);
+                return;
+            }
+
+            if (fileName && isSrc(fileName)) {
+                WORKAREA.dialog.createFromSrc(url, options);
+                return;
+            }
+
+            WORKAREA.dialog.createFromUrl(url, options);
+        },
+
+        /**
+         * @method
+         * @name initDialogButton
+         * @memberof WORKAREA.dialogButtons
+         */
+        initDialogButton = function (index, element, options) {
+            $(element).on('click', _.partialRight(createDialog, options));
+        },
+
+        /**
+         * Module behavior can be augmented by supplying a JSON object as the
+         * value of `[data-dialog-button]` :
+         *
+         * {
+         * 		dialogOptions: {
+         * 			uiDialogOptions: {
+         * 				modal: true // example
+         * 			}
+         * 		}
+         * }
+         *
+         * @method
+         * @name init
+         * @memberof WORKAREA.dialogButtons
+         */
+        init = function ($scope) {
+            $('[data-dialog-button]', $scope).each(initDialogButton);
+        };
+
+    return {
+        init: init,
+        initDialogButton: initDialogButton
+    };
+}()));

data/app/assets/javascripts/workarea/storefront/modules/dialog_close_buttons.js

@@ -0,0 +1,29 @@
+/**
+ * @namespace WORKAREA.dialogCloseButtons
+ */
+WORKAREA.registerModule('dialogCloseButtons', (function () {
+    'use strict';
+
+    var closeDialog = function (event) {
+            var $closestDialog = WORKAREA.dialog.closest(event.currentTarget);
+
+            if (_.isEmpty($closestDialog)) { return; }
+
+            event.preventDefault();
+
+            $closestDialog.dialog('close');
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.dialogCloseButtons
+         */
+        init = function ($scope) {
+            $('[data-dialog-close-button]', $scope).on('click', closeDialog);
+        };
+
+    return {
+        init: init
+    };
+}()));