workarea-one_theme 1.3.0

data/app/views/workarea/storefront/checkouts/shipping.html.haml

@@ -0,0 +1,38 @@
+- @title = t('workarea.storefront.checkouts.shipping_title')
+- @checkout_step = 'shipping'
+
+- content_for :page_aside do
+  %h1.visually-hidden= t('workarea.storefront.checkouts.shipping_title')
+  = render 'summary', cart: @cart, summary: @summary
+
+.checkout-shipping.view{ data: { analytics: checkout_shipping_view_analytics_data(@cart).to_json } }
+
+  - unless request.get?
+    - if @step.order.errors.any?
+      - @step.order.errors.full_messages.each do |message|
+        = render_message 'error', message, data: { analytics: validation_error_analytics_data('order').to_json }
+
+  = form_tag checkout_shipping_path, method: :patch, id: 'checkout_form' do
+
+    .checkout-shipping__section
+      %h2.checkout-shipping__heading= t('workarea.storefront.checkouts.shipping_service')
+
+      - @cart.shipping_options.each do |option|
+        .button-property{ data: { checkout_shipping_service: '' } }
+          .value= radio_button_tag :shipping_service, option.name, @cart.shipping_service == option.name, data: { analytics: checkout_shipping_service_selected_analytics_data(option).to_json }
+          = label_tag "shipping_service_#{option.name}", nil, class: 'button-property__name' do
+            %span.button-property__text #{option.name} #{number_to_currency(option.price)}
+
+    .checkout-shipping__section
+      = optional_field(t('workarea.storefront.checkouts.shipping_instructions_prompt'), @cart.shipping_instructions) do
+        .property
+          = label_tag :shipping_instructions, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.checkouts.shipping_instructions')
+          .value
+            = text_field_tag :shipping_instructions, @cart.shipping_instructions, class: 'text-box text-box--wide', title: t('workarea.storefront.checkouts.shipping_instructions_title'), placeholder: t('workarea.storefront.checkouts.shipping_instructions_placeholder')
+
+    = append_partials('storefront.checkout_shipping_fields', step: @step, cart: @cart)
+
+    = append_partials('storefront.checkout_shipping_step_form', step: @step, cart: @cart)
+
+    %p= button_tag t('workarea.storefront.checkouts.continue_to_payment'), value: 'continue', class: 'button button--large', data: { disable_with: loading_indicator(t('workarea.storefront.checkouts.continue_to_payment_disabled_text'), 'light') }

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

@@ -0,0 +1,19 @@
+.featured-entry-content-block
+  - if local_assigns[:entries].present?
+    - local_assigns[:entries].each do |entry|
+      - if entry.active
+        .featured-entry-content-block__banner
+          - if entry.thumbnail_image.present?
+            = link_to image_tag(entry.thumbnail_image_url, alt: 'Blog entry featured image', class: 'featured-entry-content-block__image'), blog_entry_path(entry)
+        %div.featured-entry-content-block__content{ class: ('featured-entry-content-block__content--static' unless entry.thumbnail_image.present?) }
+          - if entry.blog.present?
+            = link_to entry.blog.name, blog_path(entry.blog), class: 'featured-entry-content-block__category-tag'
+          - if entry.name.present?
+            %h3.featured-entry-content-block__heading
+              = link_to entry.name.titleize, blog_entry_path(entry)
+          - if entry.author.present?
+            .featured-entry-content-block__byline= t('workarea.storefront.blogs.byline', author: entry.author)
+          - if entry.summary.present?
+            .featured-entry-content-block__body
+              %p= truncate(entry.summary, length: 150, separator: ' ')
+          = link_to t('workarea.storefront.blogs.read_more'), blog_entry_path(entry), class: 'featured-entry-content-block__read-more text-button text-button--large text-button--caret'

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

@@ -0,0 +1,20 @@
+- if category.present?
+  .category-summary-content-block{ data: { analytics: product_list_analytics_data(t('workarea.storefront.content_blocks.category_summary.summary_of', name: category.name)).to_json } }
+    = link_to view_model.data[:content_link].presence || category_path(category), class: 'category-summary-content-block__content', style: view_model.content_background_style do
+      %span.category-summary-content-block__content-container
+        %span.category-summary-content-block__heading= view_model.title
+        %span.category-summary-content-block__call-to-action= view_model.call_to_action_text
+
+    .category-summary-content-block__products
+      .grid.grid--flush
+        - if products.empty?
+          .grid__cell.grid__cell--50.grid__cell--25-at-wide
+            %p.category-summary-content-block__empty-message= t('workarea.storefront.content_blocks.category_summary.empty', name: category.name)
+
+        - else
+          - products.each do |product|
+            = render_schema_org(product_schema(product))
+            .grid__cell.grid__cell--50.grid__cell--25-at-wide
+              %div.product-summary.product-summary--small
+                = render 'workarea/storefront/products/summary', product: product
+

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

@@ -0,0 +1,15 @@
+.hero-slider-content-block{ class: ('hero-slider-content-block--full-bleed' if view_model.data[:full_bleed]), data: { slick_slider: view_model.content_block_options  } }
+  - view_model.series.each_with_index do |slide, i|
+    - if slide.data[:image].present?
+      .hero-slider-content-block__slide
+        = image_tag view_model.find_asset(slide.data[:image]).url, class: 'hero-slider-content-block__slide-image', alt: slide.data[:alt_text].presence
+        - if slide.has_content?
+          - slide_content = capture_haml do
+            %div{ class: ('content-wrapper' if view_model.data[:full_bleed]) }
+              .hero-slider-content-block__slide-content
+                - if slide.data[:heading].present?
+                  .hero-slider-content-block__slide-heading= slide.data[:heading]
+                - if slide.data[:sub_heading].present?
+                  .hero-slider-content-block__slide-sub-heading= slide.data[:sub_heading]
+
+          = link_to_if slide.data[:url].present?, slide_content, slide.data[:url]

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

@@ -0,0 +1,11 @@
+.product-list-content-block
+  - if local_assigns[:title].present?
+    %span.product-list-content-block__heading= title
+
+  - if products.present?
+    .grid.grid--flush{ data: { analytics: product_list_analytics_data("Custom product list").to_json, slick_slider: view_model.slider_config } }
+      - products.each do |product|
+        = render_schema_org(product_schema(product))
+        .grid__cell{ class: view_model.product_cell_size }
+          %div.product-summary.product-summary--small
+            = render 'workarea/storefront/products/summary', product: product

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

@@ -0,0 +1,17 @@
+%ul.social-networks-content-block
+  - if facebook.present?
+    %li.social-networks-content-block__item
+      = link_to facebook, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.facebook') } do
+        = inline_svg('workarea/storefront/icons/facebook.svg', class: 'svg-icon svg-icon--gray svg-icon--hover-primary-color')
+  - if twitter.present?
+    %li.social-networks-content-block__item
+      = link_to twitter, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.twitter') } do
+        = inline_svg('workarea/storefront/icons/twitter.svg', class: 'svg-icon svg-icon--gray svg-icon--hover-primary-color')
+  - if google_plus.present?
+    %li.social-networks-content-block__item
+      = link_to google_plus, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.google_plus') } do
+        = inline_svg('workarea/storefront/icons/google_plus.svg', class: 'svg-icon svg-icon--gray svg-icon--hover-primary-color')
+  - if pinterest.present?
+    %li.social-networks-content-block__item
+      = link_to pinterest, class: 'social-networks-content-block__button', aria: { label: t('workarea.storefront.content_blocks.social_networks.pinterest') } do
+        = inline_svg('workarea/storefront/icons/pinterest.svg', class: 'svg-icon svg-icon--gray svg-icon--hover-primary-color')

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

@@ -0,0 +1,26 @@
+.taxonomy-content-block.taxonomy-content-block--with-products
+  .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-products' unless view_model.products.present? )}
+    - if view_model.data[:header].present?
+      %span.taxonomy-content-block__menu-heading= view_model.data[:header]
+
+    %ul.taxonomy-content-block__menu
+      - if view_model.show_starting_taxon?
+        %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+          - if view_model.starting_taxon.placeholder?
+            = view_model.starting_taxon.name
+          - else
+            = link_to view_model.starting_taxon.name, storefront_path_for(view_model.starting_taxon), data: { analytics: primary_navigation_analytics_data(view_model.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+      - view_model.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.products.present?
+    .taxonomy-content-block__products
+      .grid.grid--flush{ data: { analytics: product_list_analytics_data("Custom product list").to_json } }
+        - view_model.products.each do |product|
+          .grid__cell.grid__cell--50{ class: view_model.product_width_class }
+            %div.product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+              = render 'workarea/storefront/products/summary', product: product

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

@@ -0,0 +1,26 @@
+.taxonomy-content-block.taxonomy-content-block--with-products
+  .taxonomy-content-block__container{ class: ('taxonomy-content-block__container--without-products' unless view_model.products.present? )}
+    - if view_model.data[:header].present?
+      %span.taxonomy-content-block__menu-heading= view_model.data[:header]
+
+    %ul.taxonomy-content-block__menu
+      - if view_model.show_starting_taxon?
+        %li.taxonomy-content-block__menu-item.taxonomy-content-block__menu-item--start
+          - if view_model.starting_taxon.placeholder?
+            = view_model.starting_taxon.name
+          - else
+            = link_to view_model.starting_taxon.name, storefront_path_for(view_model.starting_taxon), data: { analytics: primary_navigation_analytics_data(view_model.starting_taxon).to_json }, class: 'taxonomy-content-block__menu-link'
+      - view_model.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.products.present?
+    .taxonomy-content-block__products
+      .grid.grid--flush{ data: { analytics: product_list_analytics_data("Custom product list").to_json } }
+        - view_model.products.each do |product|
+          .grid__cell.grid__cell--50{ class: view_model.product_width_class }
+            %div.product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+              = render 'workarea/storefront/products/summary', product: product

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

@@ -0,0 +1,17 @@
+.mobile-nav__search
+  = form_tag search_path, method: 'get', class: 'mobile-nav__search-form', role: 'search' do
+    .mobile-nav__search-value= search_field_tag :q, params[:q], id: 'mobile_navigation_search', class: 'text-box', title: t('workarea.storefront.searches.search'), placeholder: t('workarea.storefront.searches.search'), tabindex: 1, required: true, data: { search_field: '' }
+    .mobile-nav__search-button
+      = button_tag value: 'search', class: 'button button--small button--full-height button--transparent', tabindex: 2 do
+        = inline_svg('workarea/storefront/icons/search.svg', class: 'page-header__cart-icon svg-icon svg-icon--black', title: t('workarea.storefront.forms.go'))
+
+%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/orders/_summary.html.haml

@@ -0,0 +1,286 @@
+.order-summary
+
+  = append_partials('storefront.orders_summary_top', order: order)
+  .order-summary__section
+    .box
+      .box__header
+        .grid.grid--middle.grid--auto.grid--large
+          .grid__cell
+            %h2.heading.heading--3.box__heading #{t('workarea.storefront.orders.order')} ##{order.id}
+          .grid__cell
+            %strong
+              #{t('workarea.storefront.orders.placed_at')}:
+            = local_time(order.placed_at, '%B %e, %Y')
+          .grid__cell
+            %strong
+              #{t('workarea.storefront.orders.status')}:
+            = order.fulfillment_status || order.status
+        = append_partials('storefront.order_summary_header', order: order, show_fullfillment: local_assigns[:show_fullfillment])
+
+      .box__body
+        .grid
+          .grid__cell.grid__cell--25-at-medium
+            %h3.heading.heading--4= t('workarea.storefront.orders.billing_address')
+            %address
+              = order.billing_address.first_name
+              = order.billing_address.last_name
+              - if order.billing_address.company.present?
+                %br
+                = order.billing_address.company
+              %br
+              = order.billing_address.street
+              - if order.billing_address.street_2.present?
+                %br
+                = 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
+
+          .grid__cell.grid__cell--25-at-medium
+            %h3.heading.heading--4= t('workarea.storefront.orders.payment_method')
+            - order.tenders.each do |tender|
+              = render "workarea/storefront/orders/tenders/#{tender.slug}", tender: tender
+
+          .grid__cell.grid__cell--25-at-medium
+            %h3.heading.heading--4= t('workarea.storefront.orders.items')
+            %ol
+              - order.items.each do |item|
+                %li
+                  %p
+                    = link_to item.product_name, product_path(item.product, sku: item.sku)
+                    - if item.quantity > 1
+                      %br
+                      %strong #{t('workarea.storefront.orders.quantity')}: #{item.quantity}
+                    %br
+                    %strong= number_to_currency(item.total_price)
+                    %br
+                    = item.sku
+                    %br
+                    - if item.has_options?
+                      - item.details.each do |name, value|
+                        #{name.titleize}: #{value}
+                        %br
+                    - item.customizations.each do |name, value|
+                      #{name.titleize}: #{value}
+                      %br
+                    - if item.token&.enabled?
+                      = link_to t('workarea.storefront.orders.download'), download_path(item.token)
+                    = append_partials('storefront.order_summary_item_details', item: item)
+
+          .grid__cell.grid__cell--25-at-medium
+            %h3.heading.heading--4= t('workarea.storefront.orders.totals')
+            %table.table.table--totals
+              %tbody
+                %tr
+                  %th
+                    %span #{t('workarea.storefront.orders.subtotal')}:
+                  %td= number_to_currency(order.subtotal_price)
+
+                - if order.total_adjustments.any?
+                  - order.total_adjustments.each do |adjustment|
+                    %tr
+                      %th
+                        %span= adjustment.description
+                      %td
+                        - if adjustment.discount?
+                          %strong.table__price-discount= number_to_currency(adjustment.amount)
+                        - else
+                          %span= number_to_currency(adjustment.amount)
+
+                - if order.requires_shipping?
+                  %tr
+                    %th
+                      %span #{t('workarea.storefront.orders.shipping')}:
+                    %td= number_to_currency(order.shipping_total)
+
+                %tr
+                  %th
+                    %span #{t('workarea.storefront.orders.tax')}:
+                  %td= number_to_currency(order.tax_total)
+
+                - if order.store_credit_amount > 0
+                  %tr
+                    %th
+                      %span= t('workarea.storefront.orders.store_credit')
+                    %td
+                      %strong.table__price-discount −#{number_to_currency(order.store_credit_amount)}
+
+                = append_partials('storefront.order_summary_payment', order: order)
+
+                %tr.table__total
+                  %th
+                    %span
+                      %strong #{t('workarea.storefront.orders.total')}:
+                  %td
+                    %strong= number_to_currency(order.paid_amount)
+
+  - if order.requires_shipping?
+    .order-summary__section
+      .box
+        .box__header
+          %h2.heading.heading--3.box__heading= t('workarea.storefront.orders.shipping')
+        .box__body
+          .grid
+            - order.shippings.each do |shipping|
+              .grid__cell.grid__cell--33-at-medium
+                %address
+                  = shipping.address.first_name
+                  = shipping.address.last_name
+                  - if shipping.address.company.present?
+                    %br
+                    = shipping.address.company
+                  %br
+                  = shipping.address.street
+                  - if shipping.address.street_2.present?
+                    %br
+                    = 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
+
+                %p
+                  %strong= shipping.try(:shipping_service).try(:name)
+                  - if shipping.instructions.present?
+                    %p
+                      %strong= t('workarea.storefront.orders.shipping_instructions')
+                      %br
+                      = shipping.instructions
+
+              .grid__cell.grid__cell--66-at-medium
+                - if shipping.partial?
+                  %ul.product-list
+                    - shipping.items.each do |item|
+                      %li.product-list__item
+                        .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.order_summary_item_details', item: item)
+                        .product-list__item-cell
+                          %table.table
+                            %thead
+                              %tr
+                                %th.table__quantity= t('workarea.storefront.orders.quantity')
+                            %tbody
+                              %tr
+                                %td.table__quantity
+                                  %p= item.quantity
+
+                - if order.packages.any?
+                  .box
+                    .box__body
+                      .grid
+                        - order.packages.each_with_index do |package, index|
+                          .grid__cell.grid__cell--50-at-medium
+                            .box
+                              .box__header
+                                %h3.box__heading= "#{t('workarea.storefront.orders.package')} #{index + 1}"
+                              .box__body
+                                %ul.product-list
+                                  - package.items.each do |item|
+                                    %li.product-list__item
+                                      .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
+
+                          .grid__cell.grid__cell--50-at-medium
+                            - if !package.tracking_number.present?
+                              %p=  t('workarea.storefront.orders.no_tracking')
+                            - else
+                              %p= link_to t('workarea.storefront.orders.track_package'), package.tracking_link, target: '_blank', rel: 'noopener', class: 'button button--full'
+                            = append_partials('storefront.order_summary_package_actions', package: package)
+
+                = append_partials('storefront.order_summary_shipping', shipping: shipping)
+
+  - if order.pending_items.any? && (!local_assigns.key?(:show_fullfillment) || show_fullfillment)
+    .order-summary__section
+      .box
+        .box__header
+          %h2.heading.heading--3.box__heading= t('workarea.storefront.orders.pending')
+        .box__body
+          %ul.product-list
+            - order.pending_items.each do |item|
+              %li.product-list__item
+                .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
+                      %p.product-list__quantity #{t('workarea.storefront.orders.quantity')}: #{item.quantity}
+
+  - if order.refunds.any? && (!local_assigns.key?(:show_fullfillment) || show_fullfillment)
+    .order-summary__section
+      .box
+        .box__header
+          %h2.heading.heading--3.box__heading= t('workarea.storefront.orders.refunds')
+        .box__body
+          - order.refunds.each do |refund|
+            %ul
+              - refund.tenders.each do |tender, amount|
+                %li
+                  = t('workarea.storefront.orders.issued')
+                  = local_time(refund.created_at, :short_date_at_time)
+                  = t('workarea.storefront.orders.refund_description_html', type: tender.name.downcase, amount: number_to_currency(amount))
+
+  - if order.canceled_items.any? && (!local_assigns.key?(:show_fullfillment) || show_fullfillment)
+    .order-summary__section
+      .box
+        .box__header
+          %h2.heading.heading--3.box__heading= t('workarea.storefront.orders.cancelations')
+        .box__body
+          %ul.product-list
+            - order.canceled_items.each do |item|
+              %li.product-list__item
+                .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
+                      %p.product-list__quantity #{t('workarea.storefront.orders.quantity')}: #{item.quantity}
+
+  = append_partials('storefront.orders_summary_bottom', order: order)
+
+  - if local_assigns[:recommendations].present?
+    .hidden.hidden--for-small-only
+      .order-summary__section
+        .recommendations
+          %h2.recommendations__heading.heading.heading--3= t('workarea.storefront.recommendations.you_may_also_like')
+          .recommendations__products
+            .grid
+              - recommendations.each do |product|
+                .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
+                  .product-summary.product-summary--small
+                    = render 'workarea/storefront/products/summary', product: product
+
+  %ul.order-help-menu
+    %li.order-help-menu__item
+      = link_to t('workarea.storefront.layouts.contact_us'), contact_path, data: { dialog_button: '' }
+    %li.order-help-menu__item
+      = link_to page_path('shipping-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' } do
+        = t('workarea.storefront.layouts.shipping_policy')
+    %li.order-help-menu__item
+      = link_to page_path('return-information'), target: '_blank', rel: 'noopener', data: { dialog_button: '' } do
+        = t('workarea.storefront.layouts.returns')