workarea-one_theme 1.3.0

data/app/seeds/workarea/theme_layout_content_seeds.rb

@@ -0,0 +1,41 @@
+module Workarea
+  class ThemeLayoutContentSeeds
+    def perform
+      puts "Adding theme layout content..."
+
+      content = Content.for("Layout")
+
+      content.blocks.create!(
+        area: "footer_column_1",
+        type: "html",
+        data: {
+          html: "<h3 class='page-footer__heading'>Contact</h3> <p>Weblinc</br>22 south 3rd street </br>Philadelphia </br> PA </br> 19106</p><p>Phone: <a class='link link--secondary' href='tel:215-925-1800'>215-925-1800</a></p>",
+        }
+      )
+
+      content.blocks.create!(
+        area: "footer_column_2",
+        type: "taxonomy",
+        data: {
+          header: "Customer Service",
+          start: Navigation::Taxon
+                  .where(name: "Customer Service")
+                  .first
+                  .id
+        }
+      )
+
+      content.blocks.create!(
+        area: "footer_column_3",
+        type: "taxonomy",
+        data: {
+          header: "News",
+          start: Navigation::Taxon
+                  .where(name: "Customer Service") #TODO: Update this to use blog once blog taxonomy changes are released
+                  .first
+                  .id
+        }
+      )
+    end
+  end
+end

data/app/view_models/workarea/storefront/content_blocks/category_summary_view_model.decorator

@@ -0,0 +1,21 @@
+module Workarea
+  decorate Storefront::ContentBlocks::CategorySummaryViewModel, with: :one_theme do
+    def image
+      find_asset(data[:image])
+    end
+
+    def title
+      data[:heading].presence || category.name
+    end
+
+    def call_to_action_text
+      data[:link_text] || t('workarea.storefront.content_blocks.category_summary.view_all')
+    end
+
+    def content_background_style
+      if data[:image].present?
+        "background-image: url('#{image.url}'); background-size: cover; background-position: center;"
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/content_blocks/hero_slider_block_view_model.rb

@@ -0,0 +1,44 @@
+module Workarea
+  module Storefront
+    module ContentBlocks
+      class HeroSliderBlockViewModel < ContentBlockViewModel
+        def content_block_options
+          {
+            options: {
+              slidesToShow: 1,
+              slidesToScroll: 1,
+              autoplay: false, # mobile autoplay
+              dots: data[:show_dots],
+              arrows: data[:show_arrows],
+              centerMode: data[:partial_slide_preview],
+              pauseOnHover: data[:pause_on_hover],
+              pauseOnDotsHover: data[:pause_on_hover],
+              pauseOnFocus: data[:pause_on_hover],
+              mobileFirst: true,
+              responsive: [
+                {
+                  breakpoint: Workarea.config.storefront_break_points[:wide] - 1,
+                  settings: {
+                    autoplay: data[:auto_rotate],
+                    autoplaySpeed: rotate_speed
+                  }
+                }
+              ]
+            },
+            stopOnInteraction: data[:stop_on_interaction]
+          }.to_json
+        end
+
+        def has_content?
+          data[:"heading"].present? || data[:"sub_heading"].present?
+        end
+
+        private
+
+          def rotate_speed
+            data[:auto_rotate_speed].to_f * 1000
+          end
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/content_blocks/product_list_view_model.decorator

@@ -0,0 +1,50 @@
+module Workarea
+  decorate Storefront::ContentBlocks::ProductListViewModel, with: :one_theme do
+    def use_slider?
+      @products.count > 4
+    end
+
+    def rotate_speed
+      data[:auto_rotate_speed].to_f * 1000
+    end
+
+    def slider_config
+      return unless use_slider?
+      {
+        options: {
+          slidesToShow: 1,
+          slidesToScroll: 1,
+          autoplay: false, # mobile autoplay
+          dots: data[:show_dots],
+          arrows: data[:show_arrows],
+          centerMode: data[:partial_slide_preview],
+          pauseOnHover: data[:pause_on_hover],
+          pauseOnDotsHover: data[:pause_on_hover],
+          pauseOnFocus: data[:pause_on_hover],
+          mobileFirst: true,
+          responsive: [
+            {
+              breakpoint: Workarea.config.storefront_break_points[:medium] - 1,
+              settings: {
+                slidesToShow: 2
+              }
+            },
+            {
+              breakpoint: Workarea.config.storefront_break_points[:wide] - 1,
+              settings: {
+                slidesToShow: 4,
+                autoplay: data[:auto_rotate],
+                autoplaySpeed: rotate_speed
+              }
+            }
+          ]
+        },
+        stopOnInteraction: data[:stop_on_interaction]
+      }.to_json
+    end
+
+    def product_cell_size
+      "grid__cell--50 grid__cell--#{100 / @products.count}-at-medium"
+    end
+  end
+end

data/app/view_models/workarea/storefront/content_blocks/taxonomy_with_category_view_model.rb

@@ -0,0 +1,49 @@
+module Workarea
+  module Storefront
+    module ContentBlocks
+      class TaxonomyWithCategoryViewModel < ContentBlockViewModel
+        include TaxonLookup
+
+        def category
+          return @category if defined?(@category)
+          @category = Catalog::Category.where(id: data["category"]).first
+        end
+
+        def products
+          return [] unless category.present?
+          @products ||= search.results.take(product_count).map do |result|
+            ProductViewModel.wrap(result[:model])
+          end
+        end
+
+        def product_count
+          Workarea.config.navigation_category_summary_product_count
+        end
+
+        def product_width_class
+          "grid__cell--#{100 / products.count}-at-medium"
+        end
+
+        private
+
+          def search
+            @search ||= Search::CategoryBrowse.new(
+              category_ids: [category.id],
+              rules: category.product_rules,
+              page: 1,
+              sort: sorts
+            )
+          end
+
+          def sorts
+            @current_sorts ||=
+              if category.featured_products?
+                [:featured, category.default_sort]
+              else
+                [category.default_sort]
+              end
+          end
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/content_blocks/taxonomy_with_products_view_model.rb

@@ -0,0 +1,21 @@
+module Workarea
+  module Storefront
+    module ContentBlocks
+      class TaxonomyWithProductsViewModel < ContentBlockViewModel
+        include TaxonLookup
+
+        def products
+          return [] unless data["products"].present?
+
+          @products ||= Catalog::Product
+                          .find_ordered_for_display(data["products"])
+                          .map { |product| ProductViewModel.wrap(product) }
+        end
+
+        def product_width_class
+          "grid__cell--#{100 / products.count}-at-medium"
+        end
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/product_view_model.decorator

@@ -0,0 +1,11 @@
+module Workarea
+  decorate Storefront::ProductViewModel, with: :one_theme do
+    def alt_images_class
+      "grid__cell--#{alt_image_percentage_width}"
+    end
+
+    def alt_image_percentage_width
+      100 / images.length
+    end
+  end
+end

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

@@ -0,0 +1,4 @@
+.grid__cell
+  .wish-lists__link
+    = link_to users_wish_list_path, class: 'utility-nav__link' do
+      %span= t('layouts.workarea.storefront.wish_lists_link.your_wish_list')

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

@@ -0,0 +1,211 @@
+- add_css(layout_content.css)
+- add_javascript(layout_content.javascript)
+- add_head_content(layout_content.head_content)
+
+!!!
+/
+  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
+
+    = render_schema_org(web_site_schema)
+    = render_schema_org(web_page_schema)
+
+    = yield :head_content
+    = yield :javascript_head
+
+  %body
+    = append_partials('storefront.body_top')
+
+    %nav.accessibility-nav.visually-hidden
+      = link_to t('workarea.storefront.layouts.accessibility_info'), accessibility_path
+      = link_to t('workarea.storefront.layouts.main_content'), '#main_content', accesskey: 'S'
+      = link_to t('workarea.storefront.layouts.primary_navigation'), '#navigation', accesskey: 'M'
+
+    .page-messages{ role: 'complementary' }
+      = flash_messages if flash.present?
+
+    #top.page-container
+
+      .page-header{ role: 'banner' }
+        .page-header__main
+          .content-wrapper
+            .grid.grid--middle
+              .grid__cell.grid__cell--80.grid__cell--50-at-medium
+                = link_to menus_path, id: 'mobile_nav_button', class: 'page-header__mobile-nav-button hamburger', role: 'button', aria: { label: t('workarea.storefront.layouts.mobile_navigation') } do
+                  .visually-hidden
+                    %span.hamburger__text= t('workarea.storefront.layouts.mobile_navigation')
+                  .hamburger__box
+                    .hamburger__inner
+
+                .page-header__logo-container
+                  = link_to image_tag('workarea/storefront/logo.png', alt: t('workarea.storefront.layouts.logo'), class: 'page-header__logo', width: 256), root_path, rel: 'home'
+
+              .grid__cell.grid__cell--20.grid__cell--50-at-medium
+                .grid.grid--auto.grid--right.grid--middle.grid--flush
+                  .grid__cell
+                    .page-header__search{ data: { header_search_ui: '' } }
+                      = form_tag search_path, method: 'get', class: 'page-header__search-form', role: 'search' do
+                        .page-header__search-value
+                          .value= search_field_tag :q, params[:q], id: 'storefront_search', class: 'text-box text-box--secondary', title: t('workarea.storefront.searches.search'), placeholder: t('workarea.storefront.searches.search'), tabindex: 1, required: true
+                          = append_partials('storefront.page_header_search_value')
+                        = button_tag value: 'search', class: 'page-header__search-button', tabindex: 2 do
+                          = inline_svg('workarea/storefront/icons/search.svg', class: 'page-header__search-icon svg-icon svg-icon--theme-header', title: t('workarea.storefront.forms.go'))
+
+                  .grid__cell
+                    %button.button.button--transparent.page-header__user-link{ data: { utility_nav_dropdown: '' } }
+                      = inline_svg('workarea/storefront/icons/account.svg', class: 'page-header__account-icon svg-icon svg-icon--theme-header', title: t('workarea.storefront.layouts.account_menu'))
+
+                  .grid__cell
+                    = link_to cart_path, accesskey: 'Y', class: 'page-header__cart-link', id: 'cart_link', data: { cart_indicator: '' } do
+                      = inline_svg('workarea/storefront/icons/cart.svg', class: 'page-header__cart-icon svg-icon svg-icon--theme-header', title: t('workarea.storefront.carts.title'))
+                      .page-header__cart-indicator
+
+        .utility-nav
+          .grid
+            .grid__cell
+              = link_to t('workarea.storefront.users.account'), users_account_path, class: 'utility-nav__link'
+            = append_partials('storefront.utility_nav')
+            - if locale_options.many?
+              .grid__cell
+                .page-header__locale
+                  = form_tag url_for(locale: nil), method: 'get' do
+                    = switch_locale_fields
+                    .value= select_tag :locale, options_for_select(locale_options, I18n.locale), required: true, data: { form_submitting_control: '' }
+                    %p.hidden-if-js-enabled= button_tag t('workarea.storefront.forms.go'), value: 'switch', class: 'button'
+            .grid__cell
+              %span{ data: { log_out_link_placeholder: '' } }
+
+            = append_partials('storefront.page_header')
+
+        %nav#navigation.primary-nav
+          %ul.primary-nav__menu
+            - navigation_menus.each do |menu|
+              %li.primary-nav__item{ data: navigation_menu_item_data_attribute(menu), class: ('primary-nav__item--parent' if navigation_menu_item_parent?(menu)) }
+                = link_to storefront_path_for(menu.taxon), class: (link_selected?(menu.taxon) ? 'primary-nav__link primary-nav__link--selected' : 'primary-nav__link'), data: { analytics: primary_navigation_analytics_data(menu.taxon).to_json } do
+                  %span.primary-nav__link-text= menu.name
+                  - if navigation_menu_item_parent?(menu)
+                    = inline_svg('workarea/storefront/icons/chevron_down.svg', class: 'primary-nav__link-icon svg-icon svg-icon--tiny', title: t('workarea.storefront.layouts.drop_down_menu'))
+
+        - if layout_content.content_blocks_for('header_promo').present?
+          .page-header__promo
+            = render_content_blocks(layout_content.content_blocks_for('header_promo'))
+
+      .page-content{ class: ('page-content--no-breadcrumbs' if no_breadcrumbs?) }
+
+        .content-wrapper
+          - if content_for?(:breadcrumbs)
+            .breadcrumbs{ role: 'navigation' }
+              = yield :breadcrumbs
+          - elsif @breadcrumbs.present?
+            = render_schema_org(breadcrumb_list_schema(@breadcrumbs.map { |t| [t.name, storefront_url_for(t)] }))
+            .breadcrumbs{ role: 'navigation' }
+              %p.breadcrumbs__node-group
+                - @breadcrumbs.each do |taxon|
+                  %span.breadcrumbs__node
+                    - if taxon.navigable.present?
+                      - if @breadcrumbs.last == taxon
+                        %span.breadcrumbs__text= taxon.name
+                      - else
+                        = link_to taxon.name, storefront_path_for(taxon), class: 'breadcrumbs__link'
+                    - elsif !current_page?(taxon.url)
+                      = link_to taxon.name, storefront_path_for(taxon), class: 'breadcrumbs__link'
+                    - else
+                      %span.breadcrumbs__text= taxon.name
+
+          - content_for_page_aside = yield :page_aside
+
+          .grid.grid--rev
+            .grid__cell{ class: ('grid__cell--80-at-medium' if content_for_page_aside.present?)}
+              #main_content.page-content__main{ role: 'main' }
+                = yield
+                %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+            - if content_for_page_aside.present?
+              .grid__cell.grid__cell--20-at-medium
+                #aside-content.page-content__aside{ role: 'complementary' }
+                  = content_for_page_aside
+                  = append_partials('storefront.page_aside')
+                  %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+      .page-footer{ role: 'contentinfo' }
+
+        .content-wrapper
+
+          .grid
+
+            - footer_col_1_content = layout_content.content_blocks_for('footer_column_1')
+            - if footer_col_1_content.present?
+              .grid__cell.grid__cell--25-at-medium
+                .page-footer__nav= render_content_blocks(footer_col_1_content)
+
+            - footer_col_2_content = layout_content.content_blocks_for('footer_column_2')
+            - if footer_col_2_content.present?
+              .grid__cell.grid__cell--25-at-medium
+                .page-footer__nav= render_content_blocks(footer_col_2_content)
+
+            - footer_col_3_content = layout_content.content_blocks_for('footer_column_3')
+            - if footer_col_3_content.present?
+              .grid__cell.grid__cell--25-at-medium
+                .page-footer__nav= render_content_blocks(footer_col_3_content)
+
+                %ul.page-footer__help
+                  %li.page-footer__help-item= link_to t('workarea.storefront.contacts.contact_us'), contact_path, class: 'page-footer__help-link'
+                  %li.page-footer__help-item= link_to t('workarea.storefront.sitemaps.heading'), sitemap_path, class: 'page-footer__help-link'
+                  = append_partials('storefront.footer_help')
+
+            .grid__cell.grid__cell--25-at-medium
+              .page-footer__email-signup
+                %h3.page-footer__heading= t('workarea.storefront.email_signup.heading')
+                = form_tag email_signup_path, method: :post, id: 'footer_email_signup_form', class: 'page-footer__email-signup-form', data: { analytics: email_signup_analytics_data.to_json } do
+                  = label_tag 'footer_email_signup_field', t('workarea.storefront.email_signup.message'), class: 'page-footer__email-signup-label'
+                  .page-footer__email-container
+                    .page-footer__email-value
+                      .value= email_field_tag :email, nil, id: 'footer_email_signup_field', class: 'text-box text-box--secondary', placeholder: t('workarea.storefront.forms.email_placeholder'), title: t('workarea.storefront.users.email'), required: true, type: 'email', autocapitalize: 'off', autocomplete: 'email'
+                    .page-footer__email-action
+                      = button_tag value: 'sign_up', class: 'button button--small button--full-height' do
+                        = inline_svg('workarea/storefront/icons/chevron_right.svg', class: 'svg-icon svg-icon--small svg-icon--white', title: t('workarea.storefront.users.join'))
+                    %span.visually-hidden= t('workarea.storefront.users.join')
+
+      .page-sub-footer
+        .content-wrapper
+          .grid.grid--middle
+            .grid__cell.grid__cell--50-at-medium
+              %p.page-sub-footer__copyright © #{Time.now.year} One Theme. Powered by Workarea.
+
+            .grid__cell.grid__cell--50-at-medium
+              .page-sub-footer__payment-icons
+                = all_payment_icons
+
+            %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+      = yield :drawer
+
+    = javascript_include_tag Workarea.config.asset_manifests.storefront_javascript
+    = yield :javascript
+    = append_partials('storefront.javascript')