workarea-admin 3.4.12

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

@@ -0,0 +1,43 @@
+/**
+ * @namespace WORKAREA.toggleFilters
+ */
+WORKAREA.registerModule('toggleFilters', (function () {
+    'use strict';
+
+    var updateButtonText = function($button) {
+            var $browsingControls = $button.closest('.browsing-controls');
+
+            if ($browsingControls.hasClass('browsing-controls--filters-displayed')) {
+                $button.text(I18n.t('workarea.admin.js.toggle_filters.hide_filters'));
+            } else {
+                $button.text(I18n.t('workarea.admin.js.toggle_filters.show_filters'));
+            }
+        },
+
+        toggleFilterDisplay = function($button) {
+            $button.closest('.browsing-controls').toggleClass('browsing-controls--filters-displayed');
+
+            return $button;
+        },
+
+        toggleFilters = _.flow(toggleFilterDisplay, updateButtonText),
+
+        handleClick = function (event) {
+            var $button = $(event.currentTarget);
+
+            toggleFilters($button);
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.toggleFilters
+         */
+        init = function ($scope) {
+            $('[data-toggle-filters]', $scope).on('click', handleClick);
+        };
+
+    return {
+        init: init
+    };
+}()));

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

@@ -0,0 +1,128 @@
+/**
+ * Displays a menu within a tooltip on click
+ *
+ * @namespace WORKAREA.tooltips
+ */
+WORKAREA.registerModule('tooltips', (function () {
+    'use strict';
+
+    /**
+     * Tooltipster repositioning callback
+     * Activated by passing data menu: true to the tooltip data attr
+     *
+     * @param  {Object} instance Tooltipster Instance
+     * @param  {Object} helper   Tooltipster Helper
+     * @param  {Object} position Tooltipster positioning data
+     * @return {Object}          Modified Tooltipster positioning data
+     */
+    var positionTooltip = function (instance, helper, position) {
+            var origin = helper.geo.origin,
+                menuWidth = position.size.width,
+                scrollTop = helper.geo.window.scroll.top,
+                windowWidth = helper.geo.window.size.width;
+
+            position.coord.top = origin.offset.bottom - scrollTop;
+            position.coord.left = origin.offset.left;
+
+            if (origin.offset.left + menuWidth > windowWidth) {
+                position.coord.left = windowWidth - menuWidth;
+            }
+
+            return position;
+        },
+
+        wrapRequestedContent = function(response) {
+            return $(response).wrap("<div class='tooltip-content'></div>").parent();
+        },
+
+        requestContent = function (instance, helper) {
+            var contentURL = $(helper.origin).data('tooltip').content_url;
+
+            $.get(contentURL)
+            .done(function (response) {
+                var $content = wrapRequestedContent(response);
+
+                WORKAREA.initModules($content);
+                instance.content($content);
+            });
+        },
+
+        tooltipState = function($trigger) {
+            return $trigger.tooltipster('status').state;
+        },
+
+        // If the options contains a content_id selector use that
+        // Otherwise If the trigger is a link with href use that to populate tooltip
+        // If neither are present, throw an error.
+        getContent = function(trigger, options) {
+            if (!_.isEmpty(options.content)) {
+                return options.content;
+            } else if (!_.isEmpty(options.content_id)) {
+                return $(options.content_id);
+            } else if(!_.isEmpty($(trigger).attr('href'))) {
+                return $($(trigger).attr('href'));
+            }
+        },
+
+        customTriggerToggle = function ($trigger) {
+            var state = tooltipState($trigger);
+
+            if (state === 'closed') {
+                $trigger.tooltipster('open');
+            } else {
+                $trigger.tooltipster('close');
+            }
+        },
+
+        handleClickEvent = function(event) {
+            var $trigger = $(event.currentTarget),
+                options = $trigger.data('tooltip');
+
+            if (!options.allow_click) {
+                event.preventDefault();
+            }
+
+            if (options.trigger === 'custom') {
+                customTriggerToggle($trigger);
+            }
+        },
+
+        getConfig = function (options) {
+            return _.assign({}, WORKAREA.config.tooltipster, options,{
+                functionPosition: options.menu ? positionTooltip : null,
+                functionBefore: options.content ? requestContent : null
+            });
+        },
+
+        initTooltip = function (index, trigger) {
+            var options = $(trigger).data('tooltip'),
+                config = getConfig(options);
+
+            config.content = getContent(trigger, options);
+
+            $(trigger).tooltipster(config);
+        },
+
+        /**
+         * Expects to find a `data-tooltip` attribute within a given
+         * `$scope`. The attribute's value should be a JSON object
+         * contentId is a required setting and should be a CSS selector representing
+         * an on-page, unique ID. The contents of this selector represents the
+         * menu to display.
+         *
+         * @method
+         * @name init
+         * @memberof WORKAREA.tooltips
+         */
+        init = function ($scope) {
+            $('[data-tooltip]', $scope)
+            .each(initTooltip)
+            .on('click', handleClickEvent);
+        };
+
+    return {
+        init: init,
+        positionTooltip: positionTooltip
+    };
+}()));
+

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

@@ -0,0 +1,56 @@
+/**
+ * @namespace WORKAREA.unsavedChanges
+ */
+WORKAREA.registerModule('unsavedChanges', (function () {
+    'use strict';
+
+    var unsavedChanges = false,
+
+        reset = function() {
+            unsavedChanges = false;
+        },
+
+        set = function () {
+            unsavedChanges = true;
+        },
+
+        testUnsavedChanges = function(event) {
+            if ($(event.target).is('[data-unsaved-changes-ignore]')) { return; }
+            set();
+        },
+
+        promptBeforePageLoad = function(event) {
+            var message = I18n.t('workarea.admin.form.unsaved_changed_message');
+
+            if (unsavedChanges && !window.confirm(message)) {
+                event.preventDefault();
+            }
+        },
+
+        promptBeforeUnload = function(event) {
+            var message = I18n.t('workarea.admin.form.unsaved_changed_message');
+
+            if (! unsavedChanges) { return; }
+
+            event.preventDefault();
+            event.returnValue = message;
+            return message;
+        };
+
+    // Running this in tests can cause browser dialogs for unsaved changes to
+    // remain open and we don't care about that.
+    if (!WORKAREA.environment.isTest) {
+        $(document).on('change.unsavedChanges wysiwygs:input', '[data-unsaved-changes]', testUnsavedChanges);
+        $(document).on('submit.unsavedChanges', '[data-unsaved-changes]', reset);
+
+        document.addEventListener('turbolinks:load', reset);
+        document.addEventListener('turbolinks:before-visit', promptBeforePageLoad);
+
+        window.addEventListener('beforeunload', promptBeforeUnload);
+    }
+
+    return {
+        set: set,
+        reset: reset
+    };
+}()));

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

@@ -0,0 +1,87 @@
+/**
+ * @namespace WORKAREA.wysiwygs
+ */
+WORKAREA.registerModule('wysiwygs', (function () {
+    'use strict';
+
+    var toolbarTemplate = JST['workarea/admin/templates/wysiwyg_toolbar'],
+
+        getEditorConfig = function (toolbarId) {
+            return _.assign({}, WORKAREA.config.wysiwygs.uiOptions, {
+                toolbar: toolbarId,
+                parserRules: WORKAREA.config.wysiwygs.parserRules
+            });
+        },
+
+        announceWysiwygInput = function ($wysiwyg) {
+            $wysiwyg.trigger('wysiwygs:input');
+        },
+
+        setupWysiwygIframe = function ($wysiwyg) {
+            var $iframe = $('iframe', $wysiwyg),
+                iframeBody = $iframe[0].contentDocument.body,
+                announceInput = _.partial(announceWysiwygInput, $wysiwyg);
+
+            $iframe.addClass('wysiwyg__iframe');
+
+            $(iframeBody).on('input', announceInput);
+
+            new window.MutationObserver(function () {
+                announceWysiwygInput($wysiwyg);
+            }).observe(iframeBody, {
+                childList: true,
+                subtree: true
+            });
+        },
+
+        initEditor = function ($wysiwyg, textarea, toolbarId) {
+            var config = getEditorConfig(toolbarId),
+                editor = new wysihtml.Editor(textarea, config);
+
+            editor.on('load', _.partial(setupWysiwygIframe, $wysiwyg));
+
+            $wysiwyg.data('wysiwygEditor', editor);
+        },
+
+        setupWysiwygToolbar = function ($wysiwyg, textarea, toolbarId) {
+            var $toolbar = $(toolbarTemplate({ id: toolbarId }));
+
+            $toolbar.prependTo($wysiwyg);
+        },
+
+        setupWysiwygEditor = function (index, wysiwyg) {
+            var $wysiwyg = $(wysiwyg),
+                textarea = $wysiwyg.find('textarea')[0],
+                toolbarId = textarea.id + '_toolbar_' + index;
+
+            setupWysiwygToolbar($wysiwyg, textarea, toolbarId);
+            initEditor($wysiwyg, textarea, toolbarId);
+        },
+
+        /**
+         * Pseudo Destroy method - prevents turbolinks error
+         * wysihtml does not provide a destroy method in v0.6
+         */
+        destroy = function(index, wysiwyg) {
+            $('iframe', wysiwyg).remove();
+        },
+
+        /**
+         * @method
+         * @name init
+         * @memberof WORKAREA.wysiwygs
+         */
+        init = function ($scope) {
+            $('[data-wysiwyg]', $scope)
+                .addBack('.wysiwyg')
+                .each(setupWysiwygEditor);
+        };
+
+    $(window).on('turbolinks:before-visit', function () {
+        $('[data-wysiwyg]').each(destroy);
+    });
+
+    return {
+        init: init
+    };
+}()));

data/app/assets/javascripts/workarea/admin/routes.js.erb

@@ -0,0 +1,27 @@
+/**
+ * @namespace routes
+ * @memberof WORKAREA
+ */
+
+/**
+ * @namespace admin
+ * @memberof WORKAREA.routes
+ */
+
+/**
+ * @namespace storefront
+ * @memberof WORKAREA.routes
+ */
+
+<%= JsRoutes.generate(namespace: 'WORKAREA.routes.admin', application: Workarea::Admin::Engine.instance) %>
+WORKAREA.routes.admin.options.prefix = '<%= Workarea::Admin::Engine.mount_path %>';
+if (I18n.currentLocale() !== '<%= I18n.default_locale %>') {
+  WORKAREA.routes.admin.options.default_url_options.locale = I18n.currentLocale();
+}
+
+<%= JsRoutes.generate(namespace: 'WORKAREA.routes.storefront', application: Workarea::Storefront::Engine.instance) %>
+WORKAREA.routes.storefront.options.prefix = '<%= Workarea::Storefront::Engine.mount_path %>';
+
+if (I18n.currentLocale() !== '<%= I18n.default_locale %>') {
+    WORKAREA.routes.storefront.options.default_url_options.locale = I18n.currentLocale();
+}

data/app/assets/javascripts/workarea/admin/templates/bookmark_form.jst.ejs

@@ -0,0 +1,5 @@
+<form action="<%= url %>" method="post">
+    <input type="hidden" name="<%= csrfParam %>" value="<%= csrfToken %>" />
+    <input type="hidden" name="bookmark[name]" value="<%= name %>" />
+    <input type="hidden" name="bookmark[path]" value="<%= path %>" />
+</form>

data/app/assets/javascripts/workarea/admin/templates/bulk_action_items_count.jst.ejs

@@ -0,0 +1,4 @@
+<div class='grid__cell'>
+    <strong data-bulk-action-item-count=''><%= count %></strong>
+    <%= I18n.t('workarea.admin.shared.bulk_actions.selected') %>
+</div>

data/app/assets/javascripts/workarea/admin/templates/chart_legend.jst.ejs

@@ -0,0 +1,9 @@
+<!-- TODO remove in v4, not used >= 3.4 -->
+<ul class="chart-legend">
+    <% _.forEach(datasets, function (dataset) { %>
+        <li class="chart-legend__item">
+            <span class="chart-legend__color-dot" style="background: <%= dataset.legendColor %>"></span>
+            <span class="chart-legend__label"><%= dataset.label %></span>
+        </li>
+    <% }); %>
+</ul>

data/app/assets/javascripts/workarea/admin/templates/checkbox_with_label.jst.ejs

@@ -0,0 +1,2 @@
+<input id="<%= label %>" type="checkbox" data-permissions-table-checkbox="">
+<label for="<%= label %>"><%= label %></label>

data/app/assets/javascripts/workarea/admin/templates/content_block_iframe.jst.ejs

@@ -0,0 +1,2 @@
+<iframe class="content-block__iframe" src="<%= src %>" scrolling="no"></iframe>
+<div class="content-block__overlay"></div>

data/app/assets/javascripts/workarea/admin/templates/datetime_picker.jst.ejs

@@ -0,0 +1,37 @@
+<div class="datetimepicker">
+  <div class="datepicker datepicker--inline" id="<%= id + fieldSuffixes.picker %>"></div>
+  <div class="grid grid--middle">
+    <div class="grid__cell grid__cell--50-at-medium">
+      <div class='property'>
+        <label for="<%= name + fieldSuffixes.date %>" class='property__name'><%= I18n.t('workarea.admin.js.datetime_picker.date') %></label>
+        <input type="text" name="<%= name + fieldSuffixes.date %>" id="<%= name  + fieldSuffixes.date %>" class="text-box" data-datetimepicker-field-date-input='' placeholder='YYYY-MM-DD' pattern='^\d{4}-\d{2}-\d{2}$' />
+      </div>
+    </div>
+    <div class="grid__cell grid__cell--50-at-medium">
+      <div class='property'>
+        <label for="<%= name + fieldSuffixes.hours %>" class='property__name'><%= I18n.t('workarea.admin.js.datetime_picker.time') %></label>
+        <select id="<%= name  + fieldSuffixes.hours %>" name="<%= name  + fieldSuffixes.hours %>">
+          <% for ( var i = 1; i <= 12; i++ ) {
+            var selected = ( initialDateTime.hours == i ) ? 'selected' : '';
+          %>
+            <option value="<%= i %>" <%= selected %> ><%= i %></option>
+          <% } %>
+        </select>
+
+        <select id="<%= name  + fieldSuffixes.minutes %>" name="<%= name  + fieldSuffixes.minutes %>">
+          <% for ( var i = 0; i < 60; i++ ) {
+            if (i < 10) { i = '0' + i }
+            var selected = ( initialDateTime.minutes == i ) ? 'selected' : '';
+          %>
+            <option value="<%= i %>" <%=selected %> ><%= i %></option>
+          <% } %>
+        </select>
+
+        <select id="<%= name + fieldSuffixes.ampm %>" name="<%= name + fieldSuffixes.ampm %>">
+          <option value="am" <%= initialDateTime.ampm === 'am' ? 'selected' : '' %> >am</option>
+          <option value="pm" <%= initialDateTime.ampm === 'pm' ? 'selected' : '' %> >pm</option>
+        </select>
+      </div>
+    </div>
+  </div>
+</div>

data/app/assets/javascripts/workarea/admin/templates/direct_upload_processing.jst.ejs

@@ -0,0 +1,25 @@
+<div class='direct-upload__heading'>
+    <div class='loading'></div>
+</div>
+<div class='direct-upload__info'>
+    <%= I18n.t('workarea.admin.direct_uploads.processing_html', {
+        count: 0,
+        total: total
+    }) %>
+</div>
+<div class='direct-upload__table'>
+    <table>
+        <thead>
+            <tr class='direct-upload__table-row'>
+                <th class='direct-upload__table-cell'>
+                    <%= I18n.t('workarea.admin.direct_uploads.file_name') %>
+                </th>
+                <th class='direct-upload__table-cell direct-upload__table-cell--file-status'>
+                    <%= I18n.t('workarea.admin.direct_uploads.file_status') %>
+                </th>
+            </tr>
+        </thead>
+        <tbody data-direct-upload-table-body=''>
+        </tbody>
+    </table>
+</div>

data/app/assets/javascripts/workarea/admin/templates/direct_upload_table_row.jst.ejs

@@ -0,0 +1,10 @@
+<tr class='direct-upload__table-row'>
+    <td class='direct-upload__table-cell direct-upload__table-cell--file-name'>
+        <%= fileName %>
+    </td>
+    <td class='direct-upload__table-cell direct-upload__table-cell--file-status'>
+        <span data-direct-upload-file-status=''>
+            <%= I18n.t('workarea.admin.direct_uploads.pending_status') %>
+        </span>
+    </td>
+</tr>