workarea-nvy_theme 1.1.2

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

@@ -0,0 +1,11 @@
+.result-filters__section.result-filters__section--price
+  %h2.result-filters__heading= 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= inline_svg('workarea/storefront/icons/close.svg', class: 'result-filters__remove-icon', title: t('workarea.storefront.products.remove_filter'))
+          - else
+            %span.result-filters__count #{count}

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

@@ -0,0 +1,13 @@
+%div{ class: "result-filters__section result-filters__section--#{facet.system_name}" }
+  %h2.result-filters__heading= 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: facet.selected?(value_name) ? 'result-filters__filter--selected' : nil }
+        = link_to facet_path(facet, value_name), rel: 'nofollow', class: 'result-filters__link result-filters__link--swatch' do
+          = render_swatch_facet(value_name)
+          = value_name.titleize
+
+          - if facet.selected?(value_name)
+            %strong.result-filters__remove= inline_svg('workarea/storefront/icons/close.svg', class: 'result-filters__remove-icon', title: 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.result-filters__heading= 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= inline_svg('workarea/storefront/icons/close.svg', class: 'result-filters__remove-icon', title: t('workarea.storefront.products.remove_filter'))
+          - else
+            %span.result-filters__count #{count}

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

@@ -0,0 +1,14 @@
+= link_to mobile_nav_return_path, class: 'mobile-nav__close-button' do
+  = inline_svg('workarea/storefront/icons/close.svg', class: 'mobile-nav__close-button-icon', title: t('workarea.storefront.mobile_nav.close'))
+
+.mobile-nav__header.mobile-nav__header--transparent
+
+%ul.mobile-nav__menu{ role: 'navigation' }
+  - @menus.each do |menu|
+    %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: 'mobile-nav__link'
+      - elsif menu.taxon.present?
+        = link_to menu.taxon.name, storefront_path_for(menu.taxon), class: 'mobile-nav__link'
+      - else
+        %span.mobile-nav__link= menu.name

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

@@ -0,0 +1,11 @@
+- if params[:mobile_nav]
+  = link_to mobile_nav_return_path, class: 'mobile-nav__close-button' do
+    = inline_svg('workarea/storefront/icons/close.svg', class: 'mobile-nav__close-button-icon', title: t('workarea.storefront.mobile_nav.close'))
+
+  .mobile-nav__header
+    = link_to menus_path(return_to: mobile_nav_return_path), class: 'mobile-nav__back-button' do
+      %span.mobile-nav__back-button-icon ◀
+      %span.mobile-nav__back-button-text= @menu.name
+
+%div{ class: params[:mobile_nav] ? 'mobile-nav__content' : 'primary-nav__content' }
+  = render_content_blocks(@menu.content_blocks)

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

@@ -0,0 +1,271 @@
+.order-summary
+  .box
+    .box__header
+      .grid.grid--middle.grid--auto.grid--large
+        .grid__cell
+          %h2.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= t('workarea.storefront.orders.billing_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= 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= 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)
+                  %br
+                  %strong #{item.quantity} @ #{number_to_currency(item.original_price)} #{t('workarea.storefront.orders.each')}
+                  %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
+                  = append_partials('storefront.order_summary_item_details', item: item)
+
+        .grid__cell.grid__cell--25-at-medium
+          %h3= 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)
+
+  = append_partials('storefront.orders_summary_top', order: order)
+
+  - if order.requires_shipping?
+    .box
+      .box__header
+        %h2.box__heading= t('workarea.storefront.orders.shipping')
+      .box__body
+        .grid
+          - order.shippings.each do |shipping|
+            .grid__cell.grid__cell--33-at-medium
+              = 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
+
+              %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)
+    .box
+      .box__header
+        %h3.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)
+    .box
+      .box__header
+        %h2.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)
+    .box
+      .box__header
+        %h2.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
+      .recommendations
+        %h2.recommendations__heading= t('workarea.storefront.recommendations.you_may_also_like')
+        .recommendations__products
+          .grid
+            - recommendations.each do |product|
+              .grid__cell.grid__cell--50.grid__cell--25-at-medium
+                .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+                  = 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')

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

@@ -0,0 +1,42 @@
+- @title = t('workarea.storefront.orders.order_status')
+
+.view
+
+  %h1.visually-hidden= t('workarea.storefront.orders.order_status')
+
+  .grid
+
+    .grid__cell.grid__cell--50-at-medium
+
+      %h2= t('workarea.storefront.orders.status_login')
+
+      = form_tag login_path, id: 'login_form', method: 'post', class: 'login__form' do
+        = hidden_field_tag :return_to, users_orders_path
+        .property
+          = label_tag :email, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.email')
+          .value= email_field_tag :email, params[:email], class: 'text-box', autocapitalize: 'off', autocomplete: 'email', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+        .property
+          = label_tag :password, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.users.password')
+          .value
+            = password_field_tag :password, nil, class: 'text-box text-box--full', required: true, autocomplete: 'off'
+            = inline_svg('workarea/storefront/icons/eye.svg', class: 'value__icon')
+        .grid.grid--auto
+          %p.grid__cell= button_tag t('workarea.storefront.users.login'), value: 'login', class: 'button'
+          %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'
+
+    .grid__cell.grid__cell--50-at-medium
+
+      %h2= t('workarea.storefront.orders.status_lookup')
+
+      = form_tag lookup_orders_path, id: 'single_order_lookup_form', method: 'post' do
+        .property
+          = label_tag :order_id, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.orders.id')
+          .value= text_field_tag :order_id, params[:order_id], class: 'text-box', required: true, autocomplete: 'off', autocapitalize: 'off', autocorrect: 'off'
+        .property
+          = label_tag :postal_code, nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.orders.billing_address_postal_code')
+          .value= text_field_tag :postal_code, params[:postal_code], class: 'text-box', required: true, autocomplete: 'postal-code'
+        = button_tag t('workarea.storefront.orders.lookup_order'), value: 'lookup_order', class: 'button'

data/app/views/workarea/storefront/products/_media.html.haml

@@ -0,0 +1,14 @@
+.product-media
+  - if product.images.length > 1
+    %ul.product-media__alt-images{ data: { slick_slider: mobile_pdp_image_slider_options(product.id) } }
+      - product.images.each_with_index do |image, index|
+        %li.product-media__alt-image
+          - button_class = index == 0 ? 'product-media__alt-image-link product-media__alt-image-link--selected' : 'product-media__alt-image-link'
+          = link_to product_image_url(image, :zoom), class: button_class, target: '_blank', rel: 'noopener', data: { alternate_image_button: { src: product_image_url(image, :detail) }.to_json } do
+            %picture
+              %source{ srcset: product_image_url(image, :small_thumb), product_image_url(image, :small_thumb) => '1x', media: "(min-width: #{Workarea.config.storefront_break_points[:medium]}px)" }
+              = image_tag(product_image_url(image, :detail), alt: t('workarea.storefront.products.zoom'), itemprop: 'image')
+
+  .product-media__primary-image
+    = link_to(product_image_url(product.primary_image, :zoom), target: '_blank', rel: 'noopener', class: 'product-media__primary-image-link', data: { dialog_button: '' }) do
+      = image_tag product_image_url(product.primary_image, :detail), alt: t('workarea.storefront.products.image_alt_attribute', name: product.name), itemprop: 'image', class: 'product-media__primary-image-link-image'

data/app/views/workarea/storefront/products/_rating.html.haml

@@ -0,0 +1,10 @@
+%p.rating{ title: "#{rating.round(2)} #{t('workarea.storefront.reviews.out_of')} #{t('workarea.storefront.reviews.stars', count: 5)}", itemprop: itemprop, itemscope: true, itemtype: itemtype }
+  - full_star_count.times do
+    = inline_svg 'workarea/storefront/icons/star.svg', class: 'rating__star'
+  - if half_star_size > 0
+    = inline_svg 'workarea/storefront/icons/half_star.svg', class: 'rating__star'
+  - empty_star_count.times do
+    = inline_svg 'workarea/storefront/icons/empty_star.svg', class: 'rating__star'
+  %span.rating__text.visually-hidden
+    %meta{ itemprop: 'ratingValue', content: rating.round(2) }
+    #{rating.round(2)} #{t('workarea.storefront.reviews.out_of')} #{t('workarea.storefront.reviews.stars', count: 5)}

data/app/views/workarea/storefront/products/_reviews.html.haml

@@ -0,0 +1,22 @@
+- if product.has_reviews?
+  #reviews.reviews
+    %h2.reviews__count= t('workarea.storefront.reviews.reviews', count: product.reviews.length)
+
+    .reviews__header
+      .reviews__write-action= link_to t('workarea.storefront.reviews.write_a_review'), new_product_review_path(product), class: 'button', data: { dialog_button: '' }
+      - if display_purchase_requirement_message
+        %span.reviews__write-purchase-requirement= t('workarea.storefront.reviews.purchase_requirement')
+
+    %ol.reviews__review-group
+      - product.reviews.each do |review|
+        %li.reviews__review{ itemprop: 'review', itemscope: true, itemtype: 'http://schema.org/Review', data: { product_review_section_entry: { rating: review.rating.to_f, createdAt: review.created_at.to_i }.to_json } }
+          = rating_stars(review.rating)
+
+          %h3.reviews__review-title{ itemprop: 'name' }= review.title
+          %p.reviews__review-body{ itemprop: 'reviewBody' }= review.body
+          .reviews__review-meta
+            %p.reviews__review-author{ itemprop: 'author', itemscope: true, itemtype: 'http://schema.org/Person' }
+              %span{ itemprop: 'name' }= review.user_info
+            - if review.verified?
+              %p.reviews__review-verified= t('workarea.storefront.reviews.verified_purchaser')
+            %p.reviews__review-date= local_time(review.created_at, format: :long, itemprop: 'datePublished')

data/app/views/workarea/storefront/products/_reviews_aggregate.html.haml

@@ -0,0 +1,22 @@
+- if product.has_reviews?
+  .reviews-aggregate{ itemprop: 'aggregateRating', itemscope: true, itemtype: 'http://schema.org/AggregateRating' }
+    = link_to "#{product_path(product, product.browse_link_options)}#reviews", data: { scroll_to_button: '' }, class: 'reviews-aggregate__rating-link' do
+      = rating_stars(product.average_rating, aggregate: true)
+
+    = link_to "#{product_path(product, product.browse_link_options)}#reviews", data: { scroll_to_button: '' } do
+      %span.reviews-aggregate__count
+        %span.reviews-aggregate__read= t('workarea.storefront.reviews.read_reviews')
+        = surround '(', ')' do
+          %span{ itemprop: 'reviewCount' }= product.total_reviews
+
+    = link_to t('workarea.storefront.reviews.write_a_review'), new_product_review_path(product), class: 'reviews-aggregate__write-action', data: { dialog_button: '' }
+    - if display_purchase_requirement_message
+      %span.write-review__purchase-requirement= t('workarea.storefront.reviews.purchase_requirement')
+
+- else
+  .reviews-aggregate
+    %p.reviews-aggregate__count= t('workarea.storefront.reviews.reviews', count: 0)
+    = link_to t('workarea.storefront.reviews.write_a_review'), new_product_review_path(product), class: 'reviews-aggregate__write-action', data: { dialog_button: '' }
+    - if display_purchase_requirement_message
+      %p.write-review__purchase-requirement
+        = t('workarea.storefront.reviews.purchase_requirement')