workarea-storefront 3.4.12

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

@@ -0,0 +1,42 @@
+/**
+ * @namespace WORKAREA.popupButtons
+ */
+WORKAREA.registerModule('popupButtons', (function () {
+    'use strict';
+
+    var getConfig = function (anchor) {
+            return _.assign({}, WORKAREA.config.popupButtons,
+                $(anchor).data('popupButton')
+            );
+        },
+
+        getOptionString = function (anchor) {
+            return _.map(getConfig(anchor), function (val, key) {
+                return key + '=' + val;
+            }).join(',');
+        },
+
+        openPopup = function (anchor) {
+            window.open(anchor.href, '', getOptionString(anchor));
+        },
+
+        handleButtonClick = function (event) {
+            event.preventDefault();
+
+            openPopup(event.currentTarget);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.popupButtons
+         */
+        init = function ($scope) {
+            $('[data-popup-button]', $scope).on('click', handleButtonClick);
+        };
+
+    return {
+        init: init,
+        getOptionString: getOptionString
+    };
+}()));

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

@@ -0,0 +1,77 @@
+/**
+ * @namespace WORKAREA.primaryNavContent
+ */
+WORKAREA.registerModule('primaryNavContent', (function () {
+    'use strict';
+
+    var insertContent = function ($container, content) {
+            var $content = $(content);
+
+            WORKAREA.initModules($content);
+
+            $container.append($content);
+        },
+
+        clearNavHoverState = function () {
+            $('.primary-nav__item--hover').removeClass('primary-nav__item--hover');
+        },
+
+        hoverContainer = function ($container) {
+            $container.addClass('primary-nav__item--hover');
+        },
+
+        containerShouldHover = function ($container) {
+            return !$container.hasClass('primary-nav__item--hover');
+        },
+
+        fetchContent = function (event) {
+            var $container = $(event.delegateTarget),
+                url = WORKAREA.routes.storefront.menuPath({
+                    id: $container.data('primaryNavContent')
+                });
+
+            $.ajax({
+                url: url,
+                cache: !WORKAREA.currentUser.admin,
+                success: _.partial(insertContent, $container)
+            });
+        },
+
+        handleTouch = function(event) {
+            var $container = $(event.delegateTarget);
+
+            if (containerShouldHover($container)) {
+                event.preventDefault();
+                clearNavHoverState();
+                hoverContainer($container);
+            }
+        },
+
+        testBodyTouch = function (event) {
+            var $target = $(event.target),
+                $primaryNav = $('#navigation'),
+                navHasHoverState = !_.isEmpty($('.primary-nav__item--hover', $primaryNav)),
+                clickIsOutsideNav = _.isEmpty($target.closest($primaryNav).addBack($primaryNav));
+
+            if (clickIsOutsideNav && navHasHoverState) {
+                clearNavHoverState();
+            }
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.primaryNavContent
+         */
+        init = function ($scope) {
+            $('[data-primary-nav-content]', $scope)
+            .one('mouseenter touchstart', fetchContent)
+            .on('touchstart', handleTouch);
+        };
+
+        $('body').on('touchstart.primaryNavContent', testBodyTouch);
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,94 @@
+/**
+ * @namespace WORKAREA.productDetailsSkuSelects
+ */
+WORKAREA.registerModule('productDetailsSkuSelects', (function () {
+    'use strict';
+
+    var getNewURL = function (optionParams) {
+            var urlParams = WORKAREA.url.parse(window.location.href).queryKey,
+                params = _.omitBy(urlParams, function (value, key) { return key === 'sku'; }),
+                queryString;
+
+            optionParams = WORKAREA.url.parse('/?' + optionParams).queryKey;
+
+            params = _.omitBy(
+                _.merge(params, optionParams),
+                function (value) { return _.isEmpty(value); }
+            );
+
+            // decode params so they do not get double-encoded
+            _.forEach(params, function(value, key) {
+                params[key] = decodeURIComponent(value);
+            });
+
+            queryString = _.isEmpty(params) ? '' : '?' + $.param(params);
+            return window.location.pathname + queryString;
+        },
+
+        replaceProductDetails = function ($container, optionParams, newDetails) {
+            var $newDetails = $(newDetails)
+                                  .find('.product-details')
+                                      .addBack('.product-details'),
+                $allDetails = $('.product-details'),
+                $parentDialog = WORKAREA.dialog.closest($container);
+
+            $container.replaceWith($newDetails);
+
+            if ($allDetails.length <= 1 && _.isEmpty($parentDialog)) {
+                window.history.replaceState(null, null, getNewURL(optionParams));
+            }
+
+            WORKAREA.initModules($newDetails);
+        },
+
+        disableAddToCart = function ($form) {
+            $form.find(':input').attr('disabled', 'disabled');
+        },
+
+        enableAddToCart = function ($form) {
+            $form.find(':input').removeAttr('disabled');
+        },
+
+        getDetailParams = function($form) {
+            return $form.find(':input').not(':hidden').add('input[name=via]', $form).serialize();
+        },
+
+        handleSkuSelection = function (event) {
+            var $select = $(event.currentTarget),
+                $productDetailContainer = $select.closest('.product-details'),
+                $form = $select.closest('form'),
+                slug = $select.data('productDetailsSkuSelect'),
+                endpoint = WORKAREA.routes.storefront.detailsProductPath(slug),
+                detailParams = getDetailParams($form),
+                promise;
+
+            event.preventDefault();
+            disableAddToCart($form);
+
+            promise = $.get(endpoint, detailParams).done(function (html) {
+                replaceProductDetails(
+                    $productDetailContainer,
+                    detailParams,
+                    html
+                );
+
+                enableAddToCart($form);
+            });
+
+            WORKAREA.loading.createLoadingDialog(promise);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.productDetailsSkuSelects
+         */
+        init = function ($scope) {
+            $('[data-product-details-sku-select]', $scope)
+            .on('change', handleSkuSelection);
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,25 @@
+/**
+ * @namespace WORKAREA.recentViews
+ */
+WORKAREA.registerModule('recentViews', (function () {
+    'use strict';
+
+    var updateRecentViews = function (index, element) {
+            var data = JSON.parse($(element).attr('content'));
+
+            $.post(WORKAREA.routes.storefront.recentViewsPath(), data);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.recentViews
+         */
+        init = function ($scope) {
+            $('meta[property="recent-view"]', $scope).each(updateRecentViews);
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,33 @@
+/**
+ * @namespace WORKAREA.recommendationsPlaceholders
+ */
+WORKAREA.registerModule('recommendationsPlaceholders', (function () {
+    'use strict';
+
+    var replacePlaceholder = function (placeholder, content) {
+            var $content = $(content);
+
+            $(placeholder).replaceWith($content);
+
+            WORKAREA.initModules($content);
+        },
+
+        getContent = function (index, placeholder) {
+            var url = $(placeholder).data('recommendationsPlaceholder');
+
+            $.get(url).done(_.partial(replacePlaceholder, placeholder));
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.recommendationsPlaceholders
+         */
+        init = function ($scope) {
+            $('[data-recommendations-placeholder]', $scope).each(getContent);
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,37 @@
+/**
+ * @namespace WORKAREA.scrollToButtons
+ */
+WORKAREA.registerModule('scrollToButtons', (function () {
+    'use strict';
+
+    var scrollToElement = function ($element) {
+            $('html, body').animate({
+                scrollTop: $element.offset().top - WORKAREA.config.scrollToButtons.topOffset
+            }, WORKAREA.config.scrollToButtons.animationSpeed);
+        },
+
+        testElement = function (event) {
+            var $view = $(event.currentTarget).closest('.view'),
+                $targetElement = $view.find(event.currentTarget.hash);
+
+            if (_.isEmpty($targetElement)) { return; }
+
+            event.preventDefault();
+
+            WORKAREA.scrollToButtons.scrollToElement($targetElement);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.scrollToButtons
+         */
+        init = function ($scope) {
+            $('[data-scroll-to-button]', $scope).on('click', testElement);
+        };
+
+    return {
+        init: init,
+        scrollToElement: scrollToElement
+    };
+}()));

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

@@ -0,0 +1,59 @@
+/**
+ * @namespace WORKAREA.searchFields
+ */
+WORKAREA.registerModule('searchFields', (function () {
+    'use strict';
+
+    var getSource = function (request, response) {
+            var endpoint = WORKAREA.routes.storefront.searchesPath();
+
+            $.getJSON(endpoint, { q: request.term }, function (data) {
+                response(data.results);
+            });
+        },
+
+        openSelected = function (event, ui) {
+            if (ui.item.type === "Products") {
+                WORKAREA.analytics.fireCallback(
+                    'productClick',
+                    ui.item.analytics
+                );
+            }
+
+            if (WORKAREA.analytics.domEventsDisabled()) { return; }
+            window.location = ui.item.url;
+        },
+
+        /**
+         * iOS touch devices treat touch events as mouseenter unless there is no
+         * change in the UI, like a menu-selected state. By unbinding the
+         * mouseenter event we force those devices to treat the touch event as a
+         * click. This prevents the user having to tap twice to open a search
+         * autocomplete result.
+         */
+        openOnTouchDevices = function () {
+            $('.ui-autocomplete').off('mouseenter');
+        },
+
+        getConfig = function () {
+            return _.assign({}, WORKAREA.config.searchFieldsAutocomplete, {
+                source: getSource,
+                select: openSelected,
+                open: openOnTouchDevices
+            });
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.searchFields
+         */
+        init = function ($scope) {
+            $('[data-search-field]', $scope)
+            .categorizedAutocomplete(getConfig());
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,35 @@
+// TODO: v4 deprecate in favor of jQuery UJS
+/**
+ * @namespace WORKAREA.singleSubmitForms
+ */
+WORKAREA.registerModule('singleSubmitForms', (function () {
+    'use strict';
+
+    var preventSubmission = function (event) {
+            event.preventDefault();
+        },
+
+        preventFurtherSubmissionsIfValid = function (event) {
+            var $form = $(event.currentTarget);
+
+            if ($form.valid()) {
+                $form
+                .off('submit.singleSubmitForms')
+                .on('submit', preventSubmission);
+            }
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.singleSubmitForms
+         */
+        init = function ($scope) {
+            $('[data-single-submit-form]', $scope)
+            .on('submit.singleSubmitForms', preventFurtherSubmissionsIfValid);
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,33 @@
+/**
+ * @namespace WORKAREA.trafficReferrer
+ */
+WORKAREA.registerModule('trafficReferrer', (function () {
+    'use strict';
+
+    var referrer = document.referrer,
+
+        setReferrer = function (url) {
+            referrer = url;
+        },
+
+        isSameHost = function(referrer) {
+            var currentUrl = WORKAREA.url.parse(document.URL),
+                referrerUrl = WORKAREA.url.parse(referrer);
+
+            return currentUrl.host === referrerUrl.host;
+        },
+
+        setCookie = function() {
+            var currentCookie = WORKAREA.cookie.read('workarea_referrer');
+
+            if (!referrer || currentCookie || isSameHost(referrer)) { return; }
+
+            WORKAREA.cookie.create('workarea_referrer', referrer, 7);
+        };
+
+    return {
+        setReferrer: setReferrer,
+        setCookie: setCookie,
+        init: _.once(setCookie)
+    };
+}()));

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

@@ -0,0 +1,54 @@
+/**
+ * @method
+ * @name registerAdapter
+ * @memberof WORKAREA.analytics
+ */
+WORKAREA.analytics.registerAdapter('workarea', function () {
+    'use strict';
+
+    var productsViewed = {},
+
+        saveProductView = function (payload) {
+            if (payload.id && !productsViewed[payload.id]) {
+                $.ajax({
+                    type: 'POST',
+                    url: WORKAREA.routes.storefront.analyticsProductViewPath(
+                        { product_id: payload.id }
+                    ),
+                    success: function () {
+                        productsViewed[payload.id] = true;
+                    }
+                });
+            }
+        };
+
+    return {
+        'categoryView': function (payload) {
+            if (payload.id && _.isEmpty(payload.filters) && payload.page === 1) {
+                $.ajax({
+                    type: 'POST',
+                    url: WORKAREA.routes.storefront.analyticsCategoryViewPath(
+                        { category_id: payload.id }
+                    ),
+                });
+            }
+        },
+
+        'productView': saveProductView,
+        'productQuickView': saveProductView,
+
+        'searchResultsView': function (payload) {
+            if (_.isEmpty(payload.filters) && payload.page === 1) {
+                $.ajax({
+                    type: 'POST',
+                    url: WORKAREA.routes.storefront.analyticsSearchPath(
+                        {
+                            q: payload.terms,
+                            total_results: payload.totalResults
+                        }
+                    )
+                });
+            }
+        }
+    };
+});