workarea-haven_theme 1.3.0

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

@@ -0,0 +1,7 @@
+module Workarea
+  decorate Storefront::CartViewModel, with: :haven_theme do
+    decorated do
+      include Storefront::CartContent
+    end
+  end
+end

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

@@ -0,0 +1,19 @@
+module Workarea
+  decorate Storefront::ContentBlocks::HeroViewModel, with: :haven_theme do
+    def button_class
+      [button_style_class, button_size_class].join(' ')
+    end
+
+    def button_style_class
+      data[:style]
+    end
+
+    def button_size_class
+      classes = []
+      classes << 'button--large' if data[:size] == 'Large'
+      classes << 'button--small' if data[:size] == 'Small'
+
+      classes.join(' ')
+    end
+  end
+end

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

@@ -0,0 +1,11 @@
+module Workarea
+  decorate Storefront::ContentBlocks::ProductGridCellViewModel, with: :haven_theme do
+    def button_icon?
+      data[:link_style].include? "button--secondary"
+    end
+
+    def content_styles
+      "color: #{model.data[:text_color]};"
+    end
+  end
+end

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

@@ -0,0 +1,19 @@
+module Workarea
+  decorate Storefront::ProductViewModel, with: :haven_theme do
+    def embedded_videos
+      @embedded_videos ||= videos.reject { |v| v[:display_option] == "thumbnail" }
+    end
+
+    def embedded_videos?
+      embedded_videos.present?
+    end
+
+    def thumbnail_videos
+      @thumbnail_videos ||= videos.select { |v| v[:display_option] == "thumbnail" }
+    end
+
+    def thumbnail_videos?
+      thumbnail_videos.present?
+    end
+  end
+end

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

@@ -0,0 +1,194 @@
+- 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 unless http_caching?
+    %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; }
+    = yield :head
+    = favicon_link_tag Workarea.config.favicon_path, rel: 'shortcut icon', type: 'image/x-icon'
+    = stylesheet_link_tag 'workarea/storefront/application', media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag 'workarea/storefront/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')
+
+    %ul.accessibility-nav.visually-hidden
+      %li= link_to t('workarea.storefront.layouts.accessibility_info'), accessibility_path
+      %li= link_to t('workarea.storefront.layouts.main_content'), '#main_content', accesskey: 'S'
+      %li= link_to t('workarea.storefront.layouts.primary_navigation'), '#navigation', accesskey: 'M'
+
+    .page-messages
+      = flash_messages if flash.present?
+
+    #top.page-container
+
+      .page-header{ role: 'banner' }
+
+        .page-header__main
+          = link_to menus_path, id: 'mobile_nav_button', role: 'button', aria: { label: t('workarea.storefront.layouts.mobile_navigation') }, class: 'page-header__button page-header__button--menu page-header__button--mobile-only' do
+            = inline_svg('workarea/storefront/icons/menu.svg', class: 'page-header__button-icon', title: t('workarea.storefront.layouts.mobile_navigation'))
+
+          = button_tag value: 'open_search', type: 'button', class: 'page-header__button page-header__button--search page-header__button--mobile-only', data: { search_button: '' } do
+            = inline_svg('workarea/storefront/icons/search.svg', class: 'page-header__button-icon', title: t('workarea.storefront.searches.open'))
+
+          .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'
+
+          .page-header__navigation-container
+            %nav#navigation.primary-nav
+              %ul.primary-nav__menu
+                - navigation_menus.each do |menu|
+                  %li.primary-nav__item{ data: navigation_menu_item_data_attribute(menu) }
+                    = link_to menu.name, 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 }
+
+
+          = button_tag value: 'open_search', type: 'button', class: 'page-header__button page-header__button--search page-header__button--mobile-hidden', data: { search_button: '' } do
+            = inline_svg('workarea/storefront/icons/search.svg', class: 'page-header__button-icon', title: t('workarea.storefront.searches.open'))
+
+          = button_tag 'Account', value: 'open_account_menu', type: 'button', class: 'page-header__button page-header__button--account', data: { toggle_class_button: { target: '#account-menu', class: 'account-menu--open' }.to_json } do
+            = inline_svg('workarea/storefront/icons/account.svg', class: 'page-header__button-icon', title: t('workarea.storefront.users.account'))
+
+          = link_to cart_path, accesskey: 'Y', class: 'page-header__button page-header__button--cart', id: 'cart_link' do
+            = inline_svg('workarea/storefront/icons/cart.svg', class: 'page-header__button-icon', title: t('workarea.storefront.carts.title'))
+
+        #account-menu.account-menu
+          %span{ data: { user_welcome_placeholder: '' } }
+          %ul.account-menu__items
+            %li.account-menu__item= link_to t('workarea.storefront.users.account'), users_account_path, class: 'page-header__account-link'
+            %li.account-menu__item= link_to t('workarea.storefront.users.your_orders'), check_orders_path, class: 'page-header__account-link'
+
+            = append_partials('storefront.utility_nav')
+
+            - if locale_options.many?
+              %li.account-menu__item
+                .account-menu__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'
+
+            %li{ data: { log_out_link_placeholder: '' } }
+
+        = append_partials('storefront.page_header')
+
+      - if layout_content.content_blocks_for('header_promo').present?
+        .page-header__promo
+          = render_content_blocks(layout_content.content_blocks_for('header_promo'))
+
+      - if content_for?(:above_content)
+        = yield :above_content
+
+      - if content_for?(:breadcrumbs)
+        .breadcrumbs{ role: 'navigation' }
+          = yield :breadcrumbs
+      - elsif @breadcrumbs.present?
+        .breadcrumbs{ role: 'navigation' }
+          %p.breadcrumbs__node-group
+            - @breadcrumbs.each do |taxon|
+              = render_schema_org(breadcrumb_list_schema(@breadcrumbs.map { |t| [t.name, storefront_url_for(t)] }))
+              %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
+
+      .page-content
+
+        #search.search
+          %h5.search__heading= t('workarea.storefront.searches.heading')
+          = form_tag search_path, method: 'get', class: 'search__form', role: 'search' do
+            .search__value
+              = search_field_tag :q, params[:q], id: 'storefront_search', class: 'text-box text-box--search', title: t('workarea.storefront.searches.search'), aria: { label: t('workarea.storefront.searches.search') }, placeholder: t('workarea.storefront.searches.search'), data: { search_field: '' }
+              = append_partials('storefront.page_header_search_value')
+              .search__button
+                = button_tag value: 'search', class: 'button', tabindex: 2 do
+                  = inline_svg('workarea/storefront/icons/search.svg', class: 'search__button-icon', title: t('workarea.storefront.forms.go'))
+            .search__results
+
+        - content_for_page_aside = yield :page_aside
+
+        - if content_for_page_aside.present?
+          #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'
+        #main_content.page-content__main{ role: 'main', class: ('page-content__main--with-aside' if content_for_page_aside.present?) }
+          = yield
+          %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+      .page-footer{ role: 'contentinfo' }
+
+        .content-wrapper
+
+          .grid
+            .grid__cell.grid__cell--50-at-medium.grid__cell--33-at-wide
+              = render 'workarea/storefront/email_signups/form', location: 'footer'
+
+            .grid__cell.grid__cell--50-at-medium.grid__cell--66-at-wide
+              .grid
+                - footer_col_1_content = layout_content.content_blocks_for('footer_column_1')
+                - if footer_col_1_content.present?
+                  .grid__cell.grid__cell--50-at-medium.grid__cell--25-at-wide
+                    .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--50-at-medium.grid__cell--25-at-wide
+                    .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--50-at-medium.grid__cell--25-at-wide
+                    .page-footer__nav= render_content_blocks(footer_col_3_content)
+
+                .grid__cell.grid__cell--50-at-medium.grid__cell--25-at-wide
+                  .page-footer__nav
+                    %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')
+        .page-footer__copyright
+          %p.text.text--small.text--no-margin
+            © #{Time.now.year}
+            = t('workarea.storefront.layouts.powered_by')
+
+        %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+    = javascript_include_tag 'workarea/storefront/application'
+    = yield :javascript
+    = append_partials('storefront.javascript')

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

@@ -0,0 +1,82 @@
+!!!
+/
+  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; }
+    = yield :head
+    = stylesheet_link_tag 'workarea/storefront/application', media: 'all'
+    = yield :css
+
+    = append_partials('storefront.document_head')
+    = javascript_include_tag 'workarea/storefront/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'
+
+    .page-messages
+      = flash_messages if flash.present?
+
+    #top.page-container
+
+      .page-header.page-header--checkout{ role: 'banner' }
+        .page-header__main
+          = link_to image_tag('workarea/storefront/logo.png', alt: t('workarea.storefront.layouts.logo'), class: 'page-header__logo', width: 256), root_path, rel: 'home'
+
+      .page-content.page-content--checkout
+        .content-wrapper
+          - content_for_page_aside = yield :page_aside
+
+
+          #main_content.page-content__main.page-content__main--with-aside{ role: 'main' }
+            = render 'workarea/storefront/checkouts/checkout_progress' if @checkout_step.present?
+            .page-content__checkout-container{ class: ('page-content__checkout-container--wide' if @order.present?) }
+              = yield
+              %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+          - if content_for_page_aside.present?
+            .page-content__aside{ role: 'complementary' }
+              = content_for_page_aside
+              %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+      .page-footer{ role: 'contentinfo' }
+
+        %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')
+
+        %p.page-footer__copyright
+          © #{Time.current.year}
+          = t('workarea.storefront.layouts.powered_by')
+
+        %p.visually-hidden= link_to t('workarea.storefront.layouts.top_of_page'), '#top'
+
+    = javascript_include_tag 'workarea/storefront/application'
+    = yield :javascript
+    = append_partials('storefront.javascript')

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

@@ -0,0 +1,29 @@
+#write-comment.blog-entry__section
+  %h2.blog-entry__comments-heading= t('workarea.storefront.blogs.write_comment')
+
+  - if !logged_in?
+    %p #{t('workarea.storefront.blogs.must_be_logged_in')} #{link_to t('workarea.storefront.users.login'), login_path(return_to: blog_entry_path(@entry))}
+  - else
+    - if @comment.present? && @comment.errors.present?
+      = render 'workarea/storefront/shared/errors', errors: @comment.errors
+
+    = form_tag blog_entry_comment_path(@entry), method: 'post', class: 'blog-entry__comments-form', id: 'comment-form' do
+      .grid
+        - if current_user.public_info.blank?
+          .grid__cell.grid__cell--50-at-medium
+            .property
+              = label_tag 'first_name', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.first_name')
+              .value.value--block= text_field_tag 'first_name', nil, class: 'text-box', required: true
+          .grid__cell.grid__cell--50-at-medium
+            .property
+              = label_tag 'last_name', nil, class: 'property__name' do
+                %span.property__text= t('workarea.storefront.users.last_name')
+              .value.value--block= text_field_tag 'last_name', nil, class: 'text-box', required: true
+      .grid__cell.grid__cell--66-at-medium
+        .property
+          = label_tag 'body', nil, class: 'property__name' do
+            %span.property__text= t('workarea.storefront.blogs.comment')
+          .value.value--block= text_area_tag 'body', @comment.try(:body), class: 'text-box text-box--multi-line', required: true, minlength: 10
+
+        %p= button_tag t('workarea.storefront.blogs.submit_comment'), value: 'submit_comment', class: 'button'

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

@@ -0,0 +1,32 @@
+= render_schema_org(blog_posting_schema(entry))
+
+%article.blog-entry-summary__entry{ class: entry.featured ? 'blog-entry-summary__entry--featured' : '', data: { pagination_item: '' } }
+  %heading.blog-entry-summary__heading
+    - if entry.has_thumbnail_image?
+      = link_to blog_entry_path(entry) do
+        .blog-entry-summary__entry-thumbnail= image_tag(entry.thumbnail_image.process(:blog_thumbnail).url)
+    - else
+      = link_to blog_entry_path(entry) do
+        .blog-entry-summary__entry-thumbnail.blog-entry-summary__entry-thumbnail--placeholder
+          %p.blog-entry-summary__thumbnail-placeholder-text= entry.name
+
+    - if entry.tags.present?
+      .blog-entry-summary__entry-tags
+        %ul.blog-entry-summary__entry-tags-list
+          - entry.tags.each do |tag|
+            %li.blog-entry-summary__entry-tags-list-item= link_to tag, blog_tagged_path(entry.blog, tag), class: 'blog-entry-summary__entry-tags-list-item-link'
+
+    %h2.blog-entry-summary__entry-title
+      %span= link_to entry.name, blog_entry_path(entry), class: 'blog-entry-summary__entry-title-link'
+
+    .blog-entry-summary__entry-by-line
+      %p.blog-entry-summary__entry-author
+        %span= entry.author
+      %p.blog-entry-summary__entry-datetime
+        = local_time(entry.written_at, format: :long)
+
+  .blog-entry-summary__content
+    = entry.summary
+    = link_to t('workarea.storefront.blogs.read_more'), blog_entry_path(entry), class: 'blog-entry-summary__content-read-more'
+
+    %p.blog-entry-summary__entry-comment-count= link_to t('workarea.storefront.blogs.comments', count: entry.comment_count), blog_entry_path(entry, anchor: 'blog-entry-comments')

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

@@ -0,0 +1,84 @@
+- @title = @entry.browser_title
+- @breadcrumbs = @breadcrumbs
+
+- add_css(@entry.css)
+- add_javascript(@entry.javascript)
+
+= render_schema_org(breadcrumb_list_schema([[t('workarea.storefront.layouts.home'), root_url], [@entry.blog.name, blog_url(@entry.blog)], [@entry.name, blog_entry_url(@entry)]]))
+= render_schema_org(blog_posting_schema(@entry))
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home'
+    %span.breadcrumbs__node
+      = link_to @entry.blog.name, blog_path(@entry.blog)
+    %span.breadcrumbs__node= @entry.name
+
+- content_for :head do
+  %link{ href: blog_entry_path(@entry), rel: 'canonical' }
+  %meta{ property: 'og:title', content: @entry.name }
+  %meta{ property: 'og:type', content: 'article' }
+  %meta{ property: 'og:url', content: blog_entry_path(@entry) }
+  - if @entry.has_thumbnail_image?
+    %meta{ property: 'og:image', content: @entry.thumbnail_image_url }
+  %meta{ property: 'global-id', content: @entry.to_global_id.to_param }
+  - unless @entry.meta_description.blank?
+    %meta{ name: :description, content: @entry.meta_description }
+
+- content_for :page_aside do
+  = render 'workarea/storefront/blogs/blog_navigation', blog: @entry.blog
+
+%article.blog-entry.view
+
+  %heading.blog-entry__header
+    - if @entry.content_blocks_for(:blog_header).present?
+      != render_content_blocks(@entry.content_blocks_for('blog_header'))
+
+    %h1.blog-entry__title
+      %span= @entry.name
+
+    - if @entry.tags.present?
+      .blog-entry__tags
+        %ul.blog-entry__tags-list
+          - @entry.tags.each do |tag|
+            %li.blog-entry__tags-list-item= link_to tag, blog_tagged_path(@entry.blog, tag), class: 'blog-entry__tags-list-item-link'
+
+    .blog-entry__byline
+      %p.blog-entry__author= @entry.author
+      %p.blog-entry__datetime
+        = local_time(@entry.written_at, format: :long)
+      %p.blog-entry__comment-count= link_to t('workarea.storefront.blogs.comments', count: @entry.comment_count), blog_entry_path(@entry, anchor: 'blog-entry-comments'), data: { scroll_to_button: '' }
+
+  .blog-entry__body
+    - if @entry.content_blocks_for(:blog_content).present?
+      != render_content_blocks(@entry.content_blocks_for('blog_content'))
+
+  - if @entry.products.present?
+    .blog-entry__products
+      %h2.blog-entry__products-heading= t('workarea.storefront.blogs.related_products')
+      %ul.grid.grid--auto
+        - @entry.products.each do |product|
+          = render_schema_org(product_schema(product))
+          %li.grid__cell>
+            .product-summary
+              = render 'workarea/storefront/products/summary', product: product
+
+  #blog-entry-comments.blog-entry__comments
+
+    - if @entry.comments.present?
+      .blog-entry__section
+        .blog-entry__comments-header
+          %h2.blog-entry__comments-heading= t('workarea.storefront.blogs.comments', count: @entry.comment_count)
+          %p.blog-entry__write-comment-link= link_to t('workarea.storefront.blogs.write_comment'), '#write-comment', class: 'button', data: { scroll_to_button: '' }
+        %ul.blog-entry__comment-group
+          - @entry.comments.each do |comment|
+            %li.blog-entry__comment
+              %p.blog-entry__comment-item.blog-entry__comment-item--body
+                = comment.body
+              %p.blog-entry__comment-item.blog-entry__comment-item--author
+                = comment.user_info
+              %p.blog-entry__comment-item.blog-entry__comment-item--datetime
+                = local_time(comment.created_at, format: :long);
+
+    #write-comment.blog-entry__section{ data: { blog_comment_placeholder: blog_entry_comments_path(@entry) } }