workarea-storefront 3.4.12

data/app/views/layouts/workarea/storefront/content_preview.html.haml

@@ -0,0 +1,46 @@
+-# TODO: v4 remove, replaced by empty.html.haml
+
+- add_css(layout_content.css)
+- add_javascript(layout_content.javascript)
+
+- add_css(@content.css)
+- add_javascript(@content.javascript)
+
+!!!
+/
+  Platform: Workarea Ecommerce
+  Web:      http://workarea.com
+  Email:    sales@workarea.com
+  Phone:    215-925-1800
+
+%html{ lang: 'en' }
+  %head
+    %meta{ charset: 'utf-8' }
+    %title= page_title
+    = csrf_meta_tags
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
+    %meta{ property: 'locale', content: I18n.locale }
+    %meta{ property: 'environment', content: Rails.env }
+    %meta{ property: 'analytics', content: 'disable' }
+    = alternate_locales_tags
+    = render 'workarea/storefront/favicons/tags'
+    %link{ rel: 'manifest', href: web_manifest_path }
+    %meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }
+
+    :css
+      @-ms-viewport { width: device-width; }
+      @viewport { width: device-width; }
+    = yield :head
+    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_stylesheet, media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript_head
+
+  %body{ data: { disable_admin_toolbar: '' }, class: ('content-preview-visibility' unless params[:disable_visibility_classes].presence) }
+
+    .clearfix{ data: { content_block: '' } }= yield
+
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
+    = yield :javascript
+    = append_partials('storefront.javascript')

data/app/views/layouts/workarea/storefront/email.html.haml

@@ -0,0 +1,193 @@
+!!!
+-# From https://github.com/TedGoas/Cerberus/blob/master/cerberus-hybrid.html
+-# Run through html2haml and cleaned up
+%html{ lang: 'en', xmlns: 'http://www.w3.org/1999/xhtml', 'xmlns:o' => 'urn:schemas-microsoft-com:office:office', 'xmlns:v' => 'urn:schemas-microsoft-com:vml' }
+
+  %head
+    %meta{ charset: 'utf-8' }
+    %meta{ name: 'viewport', content: 'width=device-width' }
+    %meta{ 'http-equiv' => 'X-UA-Compatible', content: 'IE=edge' }
+
+    -# Disable auto-scale in iOS 10 Mail entirely
+    %meta{ name: 'x-apple-disable-message-reformatting' }
+
+    -# The title tag shows in email notifications, like Android 4.4.
+    %title= t('workarea.storefront.email.title', host: Workarea.config.host)
+
+
+    -# BEGIN: web font / @font-face
+    -# You're able to load the webfont from your build here, if you so desire.
+    -# This is commented out, by default, since it's something you'll have to
+    -# customize:
+    -#
+      -# Desktop Outlook chokes on web font references and defaults to Times New
+      -# Roman, so we force a safe fallback font.
+      /[if mso]
+        :css
+          * { font-family: 'Helvetica, Arial, sans-serif'; }
+
+      -# All other clients get the webfont reference; some will render the font
+      -# and others will silently fail to the fallbacks. More on that here:
+      -# http://stylecampaign.com/blog/2015/02/webfont-support-in-email/
+      /[if !mso]
+        :css
+          -# You should replace the following with relevant sections from
+          -# `app/assets/stylesheets/workarea/storefront/generic/_fonts.scss`
+          @font-face {
+            font-family: 'Font';
+            src: font-url('workarea/storefront/font.woff2') format('woff2');
+          }
+    -# END: web font / @font-face
+
+
+    -# BEGIN: CSS Reset
+    -# This `style` element carries a `data-premailer='ignore'` attribute, since
+    -# these will work directly from here.
+    %style{ data: { premailer: 'ignore' } }
+      :preserve
+        /* Remove spaces around the email design added by some email clients. */
+        /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
+        html,
+        body {
+            margin: 0 auto !important;
+            padding: 0 !important;
+            height: 100% !important;
+            width: 100% !important;
+        }
+
+        /* Stops email clients resizing small text. */
+        * {
+            -ms-text-size-adjust: 100%;
+            -webkit-text-size-adjust: 100%;
+        }
+
+        /* Centers email on Android 4.4 */
+        div[style*="margin: 16px 0"] {
+            margin: 0 !important;
+        }
+
+        /* Stops Outlook from adding extra spacing to tables. */
+        table,
+        td {
+            mso-table-lspace: 0pt !important;
+            mso-table-rspace: 0pt !important;
+        }
+
+        /* Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
+        table {
+            border-spacing: 0 !important;
+            border-collapse: collapse !important;
+            table-layout: fixed !important;
+            margin-top: 0 !important;
+            margin-right: auto !important;
+            margin-left: auto !important;
+        }
+        table table table {
+            table-layout: auto;
+        }
+
+        /* Uses a better rendering method when resizing images in IE. */
+        img {
+            -ms-interpolation-mode:bicubic;
+        }
+
+        /* A work-around for email clients meddling in triggered links. */
+        *[x-apple-data-detectors],  /* iOS */
+        .x-gmail-data-detectors,    /* Gmail */
+        .x-gmail-data-detectors *,
+        .aBn {
+            border-bottom: 0 !important;
+            cursor: default !important;
+            color: inherit !important;
+            text-decoration: none !important;
+            font-size: inherit !important;
+            font-family: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* Prevents Gmail from displaying an download button on large, non-linked images. */
+        .a6S {
+            display: none !important;
+            opacity: 0.01 !important;
+        }
+        /* If the above doesn't work, add a .g-img class to any image in question. */
+        img.g-img + div {
+            display: none !important;
+        }
+
+        /* Prevents underlining the button text in Windows 10 */
+        .button-link {
+            text-decoration: none !important;
+        }
+
+        /* Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
+        /* Create one of these media queries for each additional viewport size you'd like to fix */
+
+        /* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
+        @media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
+            .email-container {
+                min-width: 320px !important;
+            }
+        }
+        /* iPhone 6, 6S, 7, 8, and X */
+        @media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
+            .email-container {
+                min-width: 375px !important;
+            }
+        }
+        /* iPhone 6+, 7+, and 8+ */
+        @media only screen and (min-device-width: 414px) {
+            .email-container {
+                min-width: 414px !important;
+            }
+        }
+    -# END: CSS Reset
+
+    -# The rest of the styles are loaded from the email manifest and will be
+    -# applied to each element via premailer.
+    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_email_stylesheet
+
+    -# Makes background images in 72ppi Outlook render at correct size.
+    /[if gte mso 9]
+      :preserve
+        <xml>
+        <o:OfficeDocumentSettings>
+        <o:AllowPNG/>
+        <o:PixelsPerInch>96</o:PixelsPerInch>
+        </o:OfficeDocumentSettings>
+        </xml>
+
+  %body{ style: 'mso-line-height-rule: exactly;', width: '100%' }
+    %center
+      /[if mso | IE]
+        <table role="presentation" width="100%"><tr><td>
+
+      -# Preheader Text
+      -# A preheader (otherwise known as a ‘Johnson Box’) is the short summary
+      -# that follows the subject line when an email is viewed in the inbox.
+      - if content_for?(:preheader_text)
+        .preheader-text= yield :preheader_text
+
+      %table.email-container{ role: 'presentation', width: 600 }
+        %tr
+          %td.email-header
+            = link_to "http://#{Workarea.config.host}/", class: 'logo' do
+              = image_tag url_to_image('workarea/storefront/email/banner.png'), alt: t('workarea.storefront.layouts.logo'), class: 'logo__image', border: 0, size: '200x50'
+
+      %table.email-container.email-container--main{ role: 'presentation', width: 600 }
+        = yield
+
+      %table.email-container{ role: 'presentation', width: 600 }
+        %tr
+          %td.email-footer
+            = Workarea.config.site_name
+            %br
+            = link_to t('workarea.storefront.layouts.home'), root_url
+            |
+            = link_to t('workarea.storefront.orders.order_status'), check_orders_url
+            |
+            = link_to t('workarea.storefront.layouts.customer_service'), contact_url
+
+      /[if mso | IE]
+        </td></tr></table>

data/app/views/layouts/workarea/storefront/empty.html.haml

@@ -0,0 +1,48 @@
+- add_css(layout_content.css)
+- add_javascript(layout_content.javascript)
+
+- if @content.present?
+  - add_css(@content.css)
+  - add_javascript(@content.javascript)
+
+!!!
+/
+  Platform: Workarea Ecommerce
+  Web:      http://workarea.com
+  Email:    sales@workarea.com
+  Phone:    215-925-1800
+
+%html{ lang: 'en' }
+  %head
+    %meta{ charset: 'utf-8' }
+    %title= page_title
+    = csrf_meta_tags
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
+    %meta{ property: 'locale', content: I18n.locale }
+    %meta{ property: 'environment', content: Rails.env }
+    %meta{ property: 'analytics', content: 'disable' }
+    = alternate_locales_tags
+    = render 'workarea/storefront/favicons/tags'
+    %link{ rel: 'manifest', href: web_manifest_path }
+    %meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }
+
+    :css
+      @-ms-viewport { width: device-width; }
+      @viewport { width: device-width; }
+    = yield :head
+    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_stylesheet, media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript_head
+
+  %body{ data: { disable_admin_toolbar: '' }, class: ('content-preview-visibility' unless params[:disable_visibility_classes].presence) }
+
+    - if @content.present?
+      .clearfix{ data: { content_block: '' } }= yield
+    - else
+      = yield
+
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
+    = yield :javascript
+    = append_partials('storefront.javascript')

data/app/views/layouts/workarea/storefront/navigation.html.haml

@@ -0,0 +1,48 @@
+- add_css(layout_content.css)
+- add_javascript(layout_content.javascript)
+
+!!!
+/
+  Platform: Workarea Ecommerce
+  Web:      http://workarea.com
+  Email:    sales@workarea.com
+  Phone:    215-925-1800
+
+%html{ lang: 'en' }
+  %head
+    %meta{ charset: 'utf-8' }
+    %title= page_title
+    %meta{ name: 'robots', content: 'noodp' }
+    = csrf_meta_tags
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
+    %meta{ property: 'locale', content: I18n.locale }
+    %meta{ property: 'environment', content: Rails.env }
+    = alternate_locales_tags
+    = render 'workarea/storefront/favicons/tags'
+    %link{ rel: 'manifest', href: web_manifest_path }
+    %meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }
+
+    :css
+      @-ms-viewport { width: device-width; }
+      @viewport { width: device-width; }
+    = yield :head
+    = stylesheet_link_tag Workarea.config.asset_manifests.storefront_stylesheet, media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript_head
+
+  %body{ itemscope: true, itemtype: 'http://schema.org/WebPage' }
+
+    %ul.accessibility-nav.visually-hidden
+      %li= link_to t('workarea.storefront.layouts.accessibility_info'), accessibility_path
+      %li= link_to t('workarea.storefront.layouts.primary_navigation'), '#navigation', accesskey: 'M'
+
+    .page-messages
+      = flash_messages if flash.present?
+
+    #navigation= yield
+
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
+    = yield :javascript
+    = append_partials('storefront.javascript')

data/app/views/workarea/storefront/account_mailer/creation.html.haml

@@ -0,0 +1,15 @@
+= append_partials('storefront.account_creation_mailer.top')
+
+- content_for :preheader_text do
+  = @content
+
+%tr
+  %td
+    = @content
+    %p= t('workarea.storefront.email.account_created.thanks_html', email: @user.email)
+    %p
+      = t('workarea.storefront.email.account_created.info_html')
+      = link_to users_account_url, users_account_url
+    %p= t('workarea.storefront.email.account_created.closing_html')
+
+= append_partials('storefront.account_creation_mailer.bottom')

data/app/views/workarea/storefront/account_mailer/password_reset.html.haml

@@ -0,0 +1,12 @@
+= append_partials('storefront.password_reset_mailer.top')
+
+- content_for :preheader_text do
+  = @content
+
+%tr
+  %td
+    = @content
+    %p= t('workarea.storefront.email.password_reset.info_html')
+    %p= link_to reset_password_url(@reset.token), reset_password_url(@reset.token)
+
+= append_partials('storefront.password_reset_mailer.bottom')

data/app/views/workarea/storefront/cart_items/create.html.haml

@@ -0,0 +1,71 @@
+.view
+  - if @item.blank?
+    = render_message 'error', data: { message_show_dismiss: 'false' } do
+      = t('workarea.storefront.flash_messages.cart_item_error')
+
+  - else
+    = render_message 'success', data: { message_show_dismiss: 'false' } do
+      = t('workarea.storefront.flash_messages.cart_item_added')
+
+    .product-list__item{ data: { cart_count: current_order.quantity, analytics: add_to_cart_confirmation_analytics_data(@item).to_json } }
+      .product-list__item-cell
+        .product-list__summary
+          %p.product-list__media= link_to image_tag(product_image_url(@item.image, :small_thumb), alt: @item.product_name, class: 'product-list__media-image'), product_url(@item.product, sku: @item.sku), class: 'product-list__media-link'
+          .product-list__info
+            %p.product-list__name= link_to @item.product_name, product_path(@item.product, sku: @item.sku)
+            %p.product-list__id= @item.sku_name
+            - if @item.has_options?
+              .product-list__option-group
+                - @item.details.each do |name, value|
+                  %p.product-list__option #{name.titleize}: #{value}
+            - @item.customizations.each do |name, value|
+              %p.product-list__customization #{name.titleize}: #{value}
+            = append_partials('storefront.cart_item_details', item: @item, index: 0)
+      .product-list__item-cell
+        %table.table
+          %thead
+            %tr
+              %th.table__prices= t('workarea.storefront.orders.price')
+              %th#aria_cart_item_quantity.table__quantity= t('workarea.storefront.orders.quantity')
+              %th.table__prices= t('workarea.storefront.orders.total')
+          %tbody
+            %tr
+              %td.table__prices
+                = render 'workarea/storefront/carts/pricing', item: @item, css_block: 'table'
+              %td.table__quantity
+                = form_tag cart_item_path(@item), method: :patch, class: 'inline-form', data: { analytics: update_cart_item_analytics_data(@item).to_json } do
+                  .inline-form__cell
+                    .value= number_field_tag :quantity, @item.quantity, min: 1, required: true, class: 'text-box text-box--x-small', data: { form_submitting_control: '' }, title: t('workarea.storefront.orders.quantity'), id: dom_id(@item, 'cart_item'), aria: { labelledby: 'aria_cart_item_quantity' }
+                  %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+              %td.table__prices
+                - @item.total_adjustments.each do |adjustment|
+                  %p.table__price
+                    - if @item.total_adjustments.many?
+                      %span.table__price-label= adjustment.description
+
+                    - if adjustment.discount?
+                      %strong.table__price-discount= number_to_currency(adjustment.amount)
+                    - else
+                      %span= number_to_currency(adjustment.amount)
+
+                - if @item.total_adjustments.many?
+                  %p.table__price
+                    %span.table__price-label= t('workarea.storefront.orders.item_total')
+                    %span= number_to_currency(@item.total_price)
+
+  .grid.grid--auto.grid--center
+    .grid__cell= link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'button button--large', data: { dialog_close_button: true }
+    .grid__cell= link_to t('workarea.storefront.carts.view_cart'), cart_path, class: 'button button--large'
+    .grid__cell= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'
+
+  - if @cart.recommendations.any?
+    .hidden.hidden--for-small-only
+      .recommendations
+        %h2.recommendations__heading= t('workarea.storefront.recommendations.you_may_also_like')
+
+        .recommendations__products
+          .grid
+            - @cart.recommendations.each do |product|
+              .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
+                .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+                  = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/carts/_pricing.html.haml

@@ -0,0 +1,14 @@
+- if item.on_sale?
+  %p{class: "#{css_block}__price"}
+    %span{class: "#{css_block}__label"} #{t('workarea.storefront.orders.price_now')}:
+    %strong= number_to_currency(item.original_unit_price)
+  %p{class: "#{css_block}__price"}
+    %span{class: "#{css_block}__label"} #{t('workarea.storefront.orders.price_was')}:
+    %s= number_to_currency(item.original_price)
+- else
+  %p{class:"#{css_block}__price"}
+    %span= number_to_currency(item.original_unit_price)
+- if item.customized?
+  %p{class:"#{css_block}__price"}
+    %span{class: "#{css_block}__label"} #{t('workarea.storefront.orders.customizations')}:
+    %span= number_to_currency(item.customizations_unit_price)