workarea-storefront 3.4.12

data/app/views/workarea/storefront/content_blocks/_text.html.haml

@@ -0,0 +1 @@
+.text-content-block!= text

data/app/views/workarea/storefront/content_blocks/_three_column_taxonomy.html.haml

@@ -0,0 +1,28 @@
+.taxonomy-content-block.taxonomy-content-block--three-column
+
+  - if view_model.left_image?
+    .taxonomy-content-block__container
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)
+
+  - view_model.series.each do |taxonomy|
+    .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-image' unless image.present? )}
+      - if taxonomy.data[:header].present?
+        %span.taxonomy-content-block__menu-heading= taxonomy.data[:header]
+
+      %ul.taxonomy-content-block__menu
+        - if taxonomy.show_starting_taxon?
+          %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+            - if taxonomy.starting_taxon.placeholder?
+              = taxonomy.starting_taxon.name
+            - else
+              = link_to taxonomy.starting_taxon.name, storefront_path_for(taxonomy.starting_taxon), data: { analytics: primary_navigation_analytics_data(taxonomy.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+        - taxonomy.taxons.each do |taxon|
+          %li.taxonomy-content-block__menu-item
+            - if taxon.placeholder?
+              = taxon.name
+            - else
+              = link_to taxon.name, storefront_path_for(taxon), data: { analytics: primary_navigation_analytics_data(taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+
+  - if view_model.right_image?
+    .taxonomy-content-block__container
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)

data/app/views/workarea/storefront/content_blocks/_two_column_taxonomy.html.haml

@@ -0,0 +1,28 @@
+.taxonomy-content-block.taxonomy-content-block--two-column
+
+  - if view_model.left_image?
+    .taxonomy-content-block__container
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)
+
+  - view_model.series.each do |taxonomy|
+    .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-image' unless image.present? )}
+      - if taxonomy.data[:header].present?
+        %span.taxonomy-content-block__menu-heading= taxonomy.data[:header]
+
+      %ul.taxonomy-content-block__menu
+        - if taxonomy.show_starting_taxon?
+          %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+            - if taxonomy.starting_taxon.placeholder?
+              = taxonomy.starting_taxon.name
+            - else
+              = link_to taxonomy.starting_taxon.name, storefront_path_for(taxonomy.starting_taxon), data: { analytics: primary_navigation_analytics_data(taxonomy.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+        - taxonomy.taxons.each do |taxon|
+          %li.taxonomy-content-block__menu-item
+            - if taxon.placeholder?
+              = taxon.name
+            - else
+              = link_to taxon.name, storefront_path_for(taxon), data: { analytics: primary_navigation_analytics_data(taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+
+  - if view_model.right_image?
+    .taxonomy-content-block__container
+      = render_image_with_link(view_model.find_asset(image).url, image_alt, 'taxonomy-content-block', image_link)

data/app/views/workarea/storefront/content_blocks/_video.html.haml

@@ -0,0 +1,2 @@
+.video-content-block
+  .video-content-block__responsive-frame{ style: frame_styles }!= embed unless Rails.env.test?

data/app/views/workarea/storefront/content_blocks/_video_and_text.html.haml

@@ -0,0 +1,4 @@
+.video-and-text-content-block
+  .video-and-text-content-block__video-container{ class: "video-and-text-content-block__video-container--#{video_position.downcase}" }
+    .video-and-text-content-block__video!= embed unless Rails.env.test?
+  .video-and-text-content-block__text{ style: "text-align: #{text_alignment.downcase}" }!= text

data/app/views/workarea/storefront/content_blocks/show.html.haml

@@ -0,0 +1 @@
+= render_content_block(@block)

data/app/views/workarea/storefront/email_signups/show.html.haml

@@ -0,0 +1,12 @@
+.email-signup
+
+  %h1= @content.title
+
+  - if @content.content_blocks.present?
+    .email-signup__content= render_content_blocks(@content.content_blocks)
+
+  .email-signup__form
+    = form_tag email_signup_path, method: 'post', id: 'dialog_email_signup_form', class: 'inline-form', data: { analytics: email_signup_analytics_data.to_json } do
+      .inline-form__cell
+        .value= email_field_tag :email, nil, id: 'dialog_email_signup_field', class: 'text-box', placeholder: t('workarea.storefront.forms.email_placeholder'), title: t('workarea.storefront.users.email'), required: true, autocomplete: 'email', autocapitalize: 'off', aria: { label: t('workarea.storefront.users.email') }
+      %p.inline-form__cell= button_tag t('workarea.storefront.users.join'), value: 'sign_up', class: 'button'

data/app/views/workarea/storefront/errors/show.html.haml

@@ -0,0 +1,12 @@
+- @title = @content.browser_title
+
+- add_css(@content.css)
+- add_javascript(@content.javascript)
+
+- content_for :head do
+  %meta{ property: 'global-id', content: @content.to_global_id.to_param }
+  %meta{ name: 'robots', content: 'noindex' }
+
+.view
+  %h1= @content.name
+  = render_content_blocks(@content.content_blocks)

data/app/views/workarea/storefront/facets/_range.html.haml

@@ -0,0 +1,11 @@
+.result-filters__section.result-filters__section--price
+  %h2= t('workarea.storefront.products.filter_title', name: t('workarea.storefront.products.price'))
+  %ul.result-filters__group
+    - facet.results.each do |range, count|
+      %li.result-filters__filter{ class: ('result-filters__filter--selected' if facet.selected?(range)) }
+        = link_to facet_path(facet, range), rel: 'nofollow', class: 'result-filters__link' do
+          = price_range_facet_text(range)
+          - if facet.selected?(range)
+            %strong.result-filters__remove= t('workarea.storefront.products.remove_filter')
+          - else
+            %span.result-filters__count (#{count})

data/app/views/workarea/storefront/facets/_terms.html.haml

@@ -0,0 +1,11 @@
+.result-filters__section{ class: "result-filters__section--#{facet.system_name}" }
+  %h2= t('workarea.storefront.products.filter_title', name: facet.display_name)
+  %ul.result-filters__group
+    - facet.results.each do |value_name, count|
+      %li.result-filters__filter{ class: ('result-filters__filter--selected' if facet.selected?(value_name)) }
+        = link_to facet_path(facet, value_name), rel: 'nofollow', class: 'result-filters__link' do
+          = value_name.titleize
+          - if facet.selected?(value_name)
+            %strong.result-filters__remove= t('workarea.storefront.products.remove_filter')
+          - else
+            %span.result-filters__count (#{count})

data/app/views/workarea/storefront/favicons/_tags.html.haml

@@ -0,0 +1,8 @@
+= favicon_link_tag favicons_path('180x180'), rel: 'apple-touch-icon', sizes: '180x180'
+= favicon_link_tag favicons_path('32x32'), rel: 'icon', sizes: '32x32', type: 'image/png'
+= favicon_link_tag favicons_path('16x16'), rel: 'icon', sizes: '16x16', type: 'image/png'
+%meta{ name: 'msapplication-TileColor', content: Workarea.config.web_manifest.tile_color }
+%meta{ name: 'msapplication-config', content: browser_config_path }
+%meta{ name: 'theme-color', content: Workarea.config.web_manifest.theme_color }
+%meta{ name: 'msapplication-navbar-color', content: Workarea.config.web_manifest.theme_color }
+%meta{ name: 'apple-mobile-web-app-status-bar-style', content: Workarea.config.web_manifest.theme_color }

data/app/views/workarea/storefront/fulfillment_mailer/canceled.html.haml

@@ -0,0 +1,34 @@
+= append_partials('storefront.fulfillment_cancelled_mailer.top')
+
+- content_for :preheader_text do
+  = t('workarea.storefront.email.order_cancellation.heading', order_id: @order.id)
+
+%tr
+  %td
+    %h1= t('workarea.storefront.email.order_cancellation.heading', order_id: @order.id)
+    %p= t('workarea.storefront.email.order_cancellation.info_html')
+
+    %h2= t('workarea.storefront.orders.items')
+    %table.product-grid
+      - @canceled_items.each_slice(4) do |item_row|
+        %tr
+          - item_row.each do |item|
+            %td.stack-column-center
+              %table.product-grid__product{ role: 'presentation', width: '100%' }
+                %tr
+                  %td.product-grid__image
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      = image_tag(product_image_url(item.product.primary_image, :medium_thumb), alt: item.product_name)
+                %tr
+                  %td.product-grid__info
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      .product-grid__name= item.product_name
+                    = item.sku
+                %tr
+                  %td.product-grid__info
+                    %strong= t('workarea.storefront.orders.quantity')
+                    = item.quantity
+
+= render 'workarea/storefront/mailers/recommendations', recommendations: @recommendations
+
+= append_partials('storefront.fulfillment_cancelled_mailer.bottom')

data/app/views/workarea/storefront/fulfillment_mailer/shipped.html.haml

@@ -0,0 +1,92 @@
+= append_partials('storefront.fulfillment_shipped_mailer.top')
+
+- content_for :preheader_text do
+  = t('workarea.storefront.email.order_cancellation.heading', order_id: @order.id)
+
+%tr
+  %td
+    %h1= t('workarea.storefront.email.order_shipped.heading', order_id: @order.id)
+
+%tr
+  %td
+    %table{ role: 'presentation', width: '100%' }
+      %tr
+        %td.stack-column-center
+          .align-center
+            %h2= t('workarea.storefront.orders.shipping')
+            %p
+              = @order.shipping_address.first_name
+              = @order.shipping_address.last_name
+              %br
+              - if @order.shipping_address.company.present?
+                = @order.shipping_address.company
+                %br
+              = @order.shipping_address.street
+              %br
+              - if @order.shipping_address.street_2.present?
+                = @order.shipping_address.street_2
+                %br
+              = "#{@order.shipping_address.city},"
+              = @order.shipping_address.region
+              = @order.shipping_address.postal_code
+              %br
+              = number_to_phone @order.shipping_address.phone_number, extension: @order.shipping_address.phone_extension
+
+        %td.stack-column-center
+          .align-center
+            %h2= t('workarea.storefront.orders.billing')
+            %p
+              = @order.billing_address.first_name
+              = @order.billing_address.last_name
+              %br
+              - if @order.billing_address.company.present?
+                = @order.billing_address.company
+                %br
+              = @order.billing_address.street
+              %br
+              - if @order.billing_address.street_2.present?
+                = @order.billing_address.street_2
+                %br
+              = "#{@order.billing_address.city},"
+              = @order.billing_address.region
+              = @order.billing_address.postal_code
+              %br
+              = number_to_phone @order.billing_address.phone_number, extension: @order.billing_address.phone_extension
+
+
+%tr
+  %td
+    %h2= t('workarea.storefront.orders.package')
+    %p
+      %strong= "#{t('workarea.storefront.orders.carrier')}:"
+      = @package.carrier
+    %p
+      %strong= "#{t('workarea.storefront.orders.tracking_number')}:"
+      = @package.tracking_number
+    %p
+      = link_to t('workarea.storefront.orders.track_package'), @package.tracking_link
+
+    %h2= t('workarea.storefront.orders.items')
+    %table.product-grid
+      - @package.items.each_slice(4) do |item_row|
+        %tr
+          - item_row.each do |item|
+            %td.stack-column-center
+              %table.product-grid__product{ role: 'presentation', width: '100%' }
+                %tr
+                  %td.product-grid__image
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      = image_tag(product_image_url(item.product.primary_image, :medium_thumb), alt: item.product_name)
+                %tr
+                  %td.product-grid__info
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      .product-grid__name= item.product_name
+                    = item.sku
+                %tr
+                  %td.product-grid__info
+                    %strong= t('workarea.storefront.orders.quantity')
+                    = item.quantity
+
+= render 'workarea/storefront/mailers/recommendations', recommendations: @recommendations
+
+= append_partials('storefront.fulfillment_shipped_mailer.bottom')

data/app/views/workarea/storefront/inquiry_mailer/created.html.haml

@@ -0,0 +1,27 @@
+= append_partials('storefront.inquiry_mailer.top')
+
+- content_for :preheader_text do
+  = t('workarea.storefront.email.inquiry.heading', subject: @inquiry.full_subject)
+
+%tr
+  %td
+    %h1= t('workarea.storefront.email.inquiry.heading', subject: @inquiry.full_subject)
+    .align-left
+      %p
+        %strong= "#{t('workarea.storefront.email.inquiry.name')}:"
+        = @inquiry.name
+      %p
+        %strong= "#{t('workarea.storefront.email.inquiry.email')}:"
+        = @inquiry.email
+      - if @inquiry.order_id.present?
+        %p
+          %strong= "#{t('workarea.storefront.email.inquiry.order_id')}:"
+          = @inquiry.order_id
+      %p
+        %strong= "#{t('workarea.storefront.email.inquiry.subject')}:"
+        = @inquiry.full_subject
+      %p
+        %strong= "#{t('workarea.storefront.email.inquiry.message')}:"
+        = @inquiry.message
+
+= append_partials('storefront.inquiry_mailer.bottom')

data/app/views/workarea/storefront/mailers/_recommendations.html.haml

@@ -0,0 +1,22 @@
+%tr
+  %td
+    %h2= t('workarea.storefront.email.recommendations')
+    %table.product-grid{ role: 'presentation', width: '100%' }
+      - recommendations.each_slice(4) do |product_row|
+        %tr
+          - product_row.each do |product|
+            %td.stack-column-center
+              %table.product-grid__product{ role: 'presentation', width: '100%' }
+                %tr
+                  %td.product-grid__image
+                    = link_to product_url(product), class: 'product-grid__link' do
+                      = image_tag(product_image_url(product.primary_image, :medium_thumb), alt: product.name)
+                %tr
+                  %td.product-grid__info
+                    = link_to product_url(product), class: 'product-grid__link' do
+                      .product-grid__name= product.name
+                      .product-grid__price
+                        - if product.one_price?
+                          = number_to_currency product.sell_min_price
+                        - else
+                          = "#{number_to_currency product.sell_min_price} - #{number_to_currency product.sell_max_price}"

data/app/views/workarea/storefront/menus/index.html.haml

@@ -0,0 +1,12 @@
+= link_to 'X', mobile_nav_return_path, class: 'mobile-nav__close-button'
+
+%ul.mobile-nav__menu{ role: 'navigation' }
+  - @menus.each do |menu|
+    - styles = link_selected?(menu.taxon) ? 'mobile-nav__link mobile-nav__link--selected' : 'mobile-nav__link'
+    %li.mobile-nav__item{ class: ('mobile-nav__item--has-children' if menu.content_blocks.present?)}
+      - if menu.content_blocks.present?
+        = link_to menu.name, menu_path(menu, return_to: mobile_nav_return_path, mobile_nav: true), class: styles
+      - elsif menu.taxon.present?
+        = link_to menu.taxon.name, storefront_path_for(menu.taxon), class: styles
+      - else
+        %span{ class: styles }= menu.name

data/app/views/workarea/storefront/menus/show.html.haml

@@ -0,0 +1,6 @@
+- if params[:mobile_nav]
+  = link_to '←', menus_path(return_to: mobile_nav_return_path), class: 'mobile-nav__back-button'
+
+%div{ class: params[:mobile_nav] ? 'mobile-nav__content' : 'primary-nav__content' }
+  = render_content_blocks(@menu.content_blocks)
+

data/app/views/workarea/storefront/order_mailer/_summary.html.haml

@@ -0,0 +1,209 @@
+%tr
+  %td
+    %p
+      %strong= "#{t('workarea.storefront.orders.id')}:"
+      = order.id
+    %p
+      %strong= "#{t('workarea.storefront.orders.status')}:"
+      = order.fulfillment_status
+
+= append_partials('storefront.order_mailer_summary_top', order: order)
+
+%tr
+  %td
+    %table{ role: 'presentation', width: '100%' }
+      %tr
+        %td.stack-column-center
+          .align-center
+            %h2 #{t('workarea.storefront.orders.billing')} #{t('workarea.storefront.orders.address')}
+            %p
+              = order.billing_address.first_name
+              = order.billing_address.last_name
+              %br
+              - if order.billing_address.company.present?
+                = order.billing_address.company
+                %br
+              = order.billing_address.street
+              %br
+              - if order.billing_address.street_2.present?
+                = order.billing_address.street_2
+                %br
+              = "#{order.billing_address.city},"
+              = order.billing_address.region
+              = order.billing_address.postal_code
+              %br
+              = order.billing_address.country
+              %br
+              = number_to_phone order.billing_address.phone_number, extension: order.billing_address.phone_extension
+
+            %h2= t('workarea.storefront.orders.payment_method')
+            - order.tenders.each do |tender|
+              = render "workarea/storefront/order_mailer/tenders/#{tender.slug}", tender: tender
+
+        - if order.requires_shipping?
+          %td.stack-column-center
+            .align-center
+              %h2 #{t('workarea.storefront.orders.shipping')} #{t('workarea.storefront.orders.address')}
+              - order.shippings.each do |shipping|
+                %p
+                  = shipping.address.first_name
+                  = shipping.address.last_name
+                  %br
+                  - if shipping.address.company.present?
+                    = shipping.address.company
+                    %br
+                  = shipping.address.street
+                  %br
+                  - if shipping.address.street_2.present?
+                    = shipping.address.street_2
+                    %br
+                  = "#{shipping.address.city},"
+                  = shipping.address.region
+                  = shipping.address.postal_code
+                  %br
+                  = shipping.address.country
+                  %br
+                  = number_to_phone shipping.address.phone_number, extension: shipping.address.phone_extension
+
+- if order.requires_shipping?
+  %tr
+    %td
+      %h2= t('workarea.storefront.orders.shipping')
+
+      - order.shippings.each do |shipping|
+
+        %h3= t('workarea.storefront.orders.shipping_service')
+        %p
+          = shipping.try(:shipping_service).try(:name) || t('workarea.storefront.checkouts.not_applicable')
+          = append_partials('storefront.order_mailer_summary_shipping', shipping: shipping)
+        - if shipping.instructions.present?
+          %p
+            %strong= t('workarea.storefront.orders.shipping_instructions')
+            %br
+            = shipping.instructions
+
+        - if shipping.partial?
+          %table.product-grid
+            - shipping.items.each_slice(4) do |item_row|
+              %tr
+                - item_row.each do |item|
+                  %td.stack-column-center
+                    %table.product-grid__product{ role: 'presentation', width: '100%' }
+                      %tr
+                        %td.product-grid__image
+                          = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                            = image_tag(product_image_url(item.product.primary_image, :medium_thumb), alt: item.product_name)
+                      %tr
+                        %td.product-grid__info
+                          = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                            .product-grid__name= item.product_name
+                          = item.sku
+
+                      %tr
+                        %td
+                          %table
+                            - item.details.each do |name, value|
+                              %tr
+                                %td.align-left
+                                  %strong= "#{name.titleize}:"
+                                %td.align-right= value
+
+                            - item.customizations.each do |name, value|
+                              %tr
+                                %td.align-left
+                                  %strong= "#{name.titleize}:"
+                                %td.align-right= value
+
+                      %tr
+                        %td
+                          %strong= t('workarea.storefront.orders.quantity')
+                          = item.quantity
+
+                      = append_partials('storefront.order_mailer_summary_order_details', item: item)
+
+%tr
+  %td
+    %h3= t('workarea.storefront.checkouts.items')
+    %table.product-grid
+      - order.items.each_slice(4) do |item_row|
+        %tr
+          - item_row.each do |item|
+            %td.stack-column-center
+              %table.product-grid__product{ role: 'presentation', width: '100%' }
+                %tr
+                  %td.product-grid__image
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      = image_tag(product_image_url(item.product.primary_image, :medium_thumb), alt: item.product_name)
+                %tr
+                  %td.product-grid__info
+                    = link_to product_url(item.product, sku: item.sku), class: 'product-grid__link' do
+                      .product-grid__name= item.product_name
+                    = item.sku
+
+                %tr
+                  %td
+                    %table
+                      - item.details.each do |name, value|
+                        %tr
+                          %td.align-left
+                            %strong= "#{name.titleize}:"
+                          %td.align-right= value
+
+                      - item.customizations.each do |name, value|
+                        %tr
+                          %td.align-left
+                            %strong= "#{name.titleize}:"
+                          %td.align-right= value
+
+                      %tr
+                        %td.align-left
+                          %strong= t('workarea.storefront.orders.quantity')
+                        %td.align-right= item.quantity
+
+                      = append_partials('storefront.order_mailer_summary_order_details', item: item)
+
+                    - if item.total_adjustments.many?
+                      - item.total_adjustments.each do |adjustment|
+                        %tr
+                          %td.align-left
+                            %em= "#{adjustment.description}:"
+                          %td.align-right= number_to_currency(adjustment.amount)
+
+                      %tr
+                        %td.align-left
+                          %strong= "#{t('workarea.storefront.orders.item_total')}:"
+                        %td.align-right= number_to_currency item.total_price
+
+
+    %h3= t('workarea.storefront.orders.total')
+    %table
+      %tr
+        %th.align-left= t('workarea.storefront.orders.item_total')
+        %td.align-right= number_to_currency order.subtotal_price
+
+      - if order.total_adjustments.any?
+        - order.total_adjustments.each do |adjustment|
+          %tr
+            %th.align-left= adjustment.description
+            %td.align-right= number_to_currency(adjustment.amount)
+
+      %tr
+        %th.align-left= t('workarea.storefront.orders.shipping')
+        %td.align-right= number_to_currency order.shipping_total
+
+      %tr
+        %th.align-left= t('workarea.storefront.orders.tax')
+        %td.align-right= number_to_currency order.tax_total
+
+      - if order.store_credit_amount > 0
+        %tr
+          %th.align-left= t('workarea.storefront.orders.store_credit')
+          %td.align-right= number_to_currency(-1 * order.store_credit_amount)
+
+      = append_partials('storefront.order_mailer_summary_payment', order: order)
+
+      %tr
+        %th.align-left= t('workarea.storefront.orders.total')
+        %td.align-right= number_to_currency order.paid_amount
+
+= append_partials('storefront.order_mailer_summary_bottom', order: order)