workarea-haven_theme 1.3.0

data/app/views/workarea/storefront/users/logins/new.html.haml

@@ -0,0 +1,60 @@
+- @title = t('workarea.storefront.users.login_or_create_an_account')
+
+.view
+
+  .login
+
+    %h1.visually-hidden= t('workarea.storefront.users.login_or_create_an_account')
+
+    .grid.grid--flush
+      .grid__cell.grid__cell--50-at-medium
+        .login__section
+          .login__container
+            %h2.login__heading= t('workarea.storefront.users.login')
+            = form_tag login_path, id: 'login_form', method: 'post', data: { analytics: login_analytics_data.to_json }, class: 'login__form' do
+              = hidden_field_tag :return_to, params[:return_to], id: nil
+              .property
+                = label_tag 'log_in_email', nil, class: 'property__name' do
+                  %span.property__text= t('workarea.storefront.users.email')
+                .value.value--block
+                  = email_field_tag :email, params[:email], id: 'log_in_email', class: 'text-box', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+                  = inline_svg('workarea/storefront/icons/email.svg', class: 'value__icon')
+              .property
+                = label_tag 'log_in_password', nil, class: 'property__name' do
+                  %span.property__text= t('workarea.storefront.users.password')
+                .value.value--block
+                  = password_field_tag :password, nil, id: 'log_in_password', class: 'text-box', required: true, autocomplete: 'off'
+                  = inline_svg('workarea/storefront/icons/lock.svg', class: 'value__icon')
+              .grid.grid--auto.grid--middle
+                %p.grid__cell= button_tag t('workarea.storefront.users.login'), value: 'login', class: 'button button--large'
+                %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'
+
+      .grid__cell.grid__cell--50-at-medium
+        .login__section.login__section--create-account
+          .login__container
+            %h2.login__heading= t('workarea.storefront.users.create_account')
+            = form_tag users_account_path, id: 'signup_form', method: :post, data: { analytics: signup_analytics_data.to_json }, class: 'login__form' do
+              = hidden_field_tag :return_to, params[:return_to], id: nil
+              .property
+                = label_tag 'create_account_email', nil, class: 'property__name' do
+                  %span.property__text= t('workarea.storefront.users.email')
+                .value.value--block
+                  = email_field_tag :email, params[:email], id: 'create_account_email', class: 'text-box', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+                  = inline_svg('workarea/storefront/icons/email.svg', class: 'value__icon')
+                  - if @user.errors[:email].any?
+                    %span.value__error= @user.errors[:email].first
+              .property
+                = label_tag 'create_account_password', nil, class: 'property__name' do
+                  %span.property__text= t('workarea.storefront.users.password')
+                .value.value--block
+                  = password_field_tag :password, nil, id: 'create_account_password', class: 'text-box', required: true, minlength: minimum_password_length, autocomplete: 'off'
+                  = inline_svg('workarea/storefront/icons/lock.svg', class: 'value__icon')
+                  - if @user.errors[:password].present?
+                    %span.value__error= @user.errors[:password].first
+              .button-property
+                .value= check_box_tag :email_signup, true, params[:email_signup]
+                = label_tag :email_signup, nil, class: 'button-property__name' do
+                  %span.button-property__text= t('workarea.storefront.users.sign_up_for_email')
+              = button_tag t('workarea.storefront.users.create_account'), value: 'create_account', class: 'button button--large', data: { disable_with: loading_indicator(t('workarea.storefront.users.create_account_disabled_text')) }
+
+    = append_partials('storefront.new_login', user: @user)

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

@@ -0,0 +1,25 @@
+.data-card.data-card--row
+  .data-card__cell
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.placed_at')
+      %span= local_time(order.placed_at, :long)
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.id')
+      %span= order.id
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.status')
+      %span= order.fulfillment_status || order.status
+    %p.data-card__line
+      %strong= t('workarea.storefront.orders.items')
+      %span #{order.quantity} - #{number_to_currency(order.total_price)}
+  .data-card__cell
+    .grid
+      .grid__cell
+        %p= link_to t('workarea.storefront.orders.view'), users_order_path(order), class: 'button button--small'
+
+        = append_partials('storefront.order_summary_actions', order: order)
+
+      - order.packages.each_with_index do |package|
+        - if package.tracking_number.present?
+          .grid__cell
+            %p= link_to t('workarea.storefront.orders.track_package'), package.tracking_link, target: '_blank', rel: 'noopener'

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

@@ -0,0 +1,23 @@
+- @title = t('workarea.storefront.users.order_history')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      %span.breadcrumbs__text= t('workarea.storefront.users.order_history')
+
+.view
+
+  %h1.heading.heading--3.heading--upcase= t('workarea.storefront.users.order_history')
+
+  - if @orders.empty?
+    %p= t('workarea.storefront.users.no_orders')
+
+  - else
+    .grid
+      .grid__cell.grid__cell--50-at-medium
+        - @orders.each do |order|
+          = render 'workarea/storefront/users/orders/summary', order: order

data/app/views/workarea/storefront/users/orders/show.html.haml

@@ -0,0 +1,22 @@
+- @title = "#{t('workarea.storefront.orders.order')} #{@order.id}"
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.users.order_history'), users_orders_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      %span.breadcrumbs__text= t('workarea.storefront.users.order_details')
+
+.view
+  .page-content.page-content--order
+    .page-content__main.page-content__main--with-aside
+      %h1.visually-hidden= t('workarea.storefront.orders.view_order')
+      = render 'workarea/storefront/orders/details', order: @order
+      = append_partials('storefront.order_show')
+
+    .page-content__aside
+      = render 'workarea/storefront/orders/summary', order: @order

data/app/views/workarea/storefront/users/passwords/change.html.haml

@@ -0,0 +1,25 @@
+- @title = t('workarea.storefront.users.change_password')
+
+.view
+
+  %h1.heading.heading--4= t('workarea.storefront.users.change_password')
+
+  = form_tag change_password_path, id: 'change_password_form', method: :patch do
+
+    .property
+      = label_tag :old_password, nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.old_password')
+      .value
+        = password_field_tag :old_password, nil, class: 'text-box text-box--wide', required: true, autocomplete: 'off'
+        = inline_svg('workarea/storefront/icons/lock.svg', class: 'value__icon')
+
+    .property
+      = label_tag :password, nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.new_password')
+      .value
+        = password_field_tag :password, nil, class: 'text-box text-box--wide', minlength: 7, required: true, autocomplete: 'off'
+        = inline_svg('workarea/storefront/icons/lock.svg', class: 'value__icon')
+
+    .grid.grid--auto.grid--middle
+      %p.grid__cell= button_tag t('workarea.storefront.users.change_password'), value: 'change_password', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'

data/app/views/workarea/storefront/users/passwords/edit.html.haml

@@ -0,0 +1,16 @@
+- @title = t('workarea.storefront.users.reset_password')
+
+.view
+  %h1.heading.heading--4= t('workarea.storefront.users.reset_password')
+
+  = form_tag reset_password_path(params[:token]), id: 'reset_password_form', method: :patch do
+
+    .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--wide', minlength: 7, required: true, autocomplete: 'off'
+        = inline_svg('workarea/storefront/icons/lock.svg', class: 'value__icon')
+
+
+    %p= button_tag t('workarea.storefront.users.reset_password'), value: 'reset_password', class: 'button'

data/app/views/workarea/storefront/users/passwords/new.html.haml

@@ -0,0 +1,27 @@
+- @title = t('workarea.storefront.users.forgot_password')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      = link_to t('workarea.storefront.users.login'), login_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node
+      %span.breadcrumbs__text= t('workarea.storefront.users.forgot_password')
+
+.view
+
+  %h1.heading.heading--4= t('workarea.storefront.users.forgot_password')
+  %p= t('workarea.storefront.users.forgot_password_instructions')
+
+  = form_tag forgot_password_path, id: 'forgot_password_form', method: 'post', data: { analytics: forgot_password_analytics_data.to_json } do
+
+    .property
+      = label_tag :email, nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.email')
+      .value
+        = email_field_tag :email, nil, class: 'text-box text-box--wide', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+        = inline_svg('workarea/storefront/icons/email.svg', class: 'value__icon')
+
+
+    %p= button_tag t('workarea.storefront.forms.send'), value: 'forgot_password', class: 'button'

data/bin/rails

@@ -0,0 +1,20 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails gems
+# installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path("../..", __FILE__)
+ENGINE_PATH = File.expand_path("../../lib/haven_theme/engine", __FILE__)
+APP_PATH = File.expand_path("../../test/dummy/config/application", __FILE__)
+
+# Set up gems listed in the Gemfile.
+ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile", __FILE__)
+require "bundler/setup" if File.exist?(ENV["BUNDLE_GEMFILE"])
+
+require "action_controller/railtie"
+require "action_view/railtie"
+require "action_mailer/railtie"
+require "rails/test_unit/railtie"
+require "sprockets/railtie"
+require "teaspoon-mocha"
+
+require "rails/engine/commands"

data/browserslist

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie 10

data/config/initializers/appends.rb

@@ -0,0 +1,94 @@
+module Workarea
+  Plugin.append_stylesheets(
+    "storefront.settings",
+    "workarea/storefront/settings/font_families",
+  )
+
+  Plugin.append_stylesheets(
+    "storefront.tools",
+    "workarea/storefront/tools/full_bleed_container"
+  )
+
+  Plugin.append_stylesheets(
+    "storefront.components",
+    "workarea/storefront/components/account_menu",
+    "workarea/storefront/components/add_to_cart",
+    "workarea/storefront/blog/components/blog_index",
+    "workarea/storefront/components/checkout_confirmation",
+    "workarea/storefront/components/color_box",
+    "workarea/storefront/components/email_signup_view",
+    "workarea/storefront/components/login",
+    "workarea/storefront/components/order_details",
+    "workarea/storefront/components/overlay",
+    "workarea/storefront/components/product_media",
+    "workarea/storefront/components/recommendations",
+    "workarea/storefront/components/quantity_control",
+    "workarea/storefront/components/search"
+  )
+
+  Plugin.append_stylesheets(
+    "storefront.theme",
+    "workarea/storefront/theme/style_guide"
+  )
+
+  Plugin.append_javascripts(
+    "storefront.config",
+    "workarea/storefront/haven_theme/config"
+  )
+
+  Plugin.append_javascripts(
+    "storefront.dependencies",
+    "jquery.payment",
+    "polyfills/stickyfill"
+  )
+
+  Plugin.append_javascripts(
+    "storefront.modules",
+    "workarea/storefront/modules/expandable_filters",
+    "workarea/storefront/modules/product_detail_tabs",
+    "workarea/storefront/modules/quantity_control",
+    "workarea/storefront/modules/search_buttons",
+    "workarea/storefront/modules/toggle_class_button",
+    "workarea/storefront/modules/user_welcome_placeholder"
+  )
+
+  Plugin.append_javascripts(
+    "storefront.templates",
+    "workarea/storefront/templates/user_welcome"
+  )
+
+  Plugin.append_partials(
+    "storefront.current_user",
+    "workarea/storefront/users/haven_current_user"
+  )
+
+  Plugin.remove_partials(
+    "storefront.cart_checkout_actions",
+    "workarea/storefront/carts/shipping_message"
+  )
+
+  Plugin.remove_partials(
+    "storefront.product_details",
+    "workarea/storefront/products/reviews_aggregate"
+  )
+
+  Plugin.remove_partials(
+    "storefront.product_description",
+    "workarea/storefront/products/badges"
+  )
+
+  Plugin.remove_partials(
+    "storefront.product_summary",
+    "workarea/storefront/products/reviews_summary"
+  )
+
+  Plugin.remove_partials(
+    "storefront.style_guide_product_summary",
+    "workarea/storefront/style_guides/reviews_product_summary_docs"
+  )
+
+  Plugin.remove_partials(
+    "storefront.product_description",
+    "workarea/storefront/products/video_link"
+  )
+end

data/config/initializers/assets.rb

@@ -0,0 +1 @@
+Rails.application.config.assets.precompile += %w(workarea/storefront/favicon.ico)

data/config/initializers/content_block_types.rb

@@ -0,0 +1,95 @@
+Workarea.define_content_block_types do
+  block_type "Hero" do
+    description "Positionable button over a background image."
+
+    fieldset "Image" do
+      field "Asset", :asset, required: true, file_types: "image", default: find_asset_id_by_file_name("960x470_light.png")
+      field "Alt Text", :string, default: ""
+    end
+
+    fieldset "Button" do
+      field "Text", :string, default: "Button"
+      field "URL", :url, default: "#"
+      field "Style", :options, values: [
+        ["Primary", "button"],
+        ["Secondary", "button button--secondary"],
+        ["Secondary - alternative", "button button--secondary-alt"]
+      ], default: "Primary"
+      field "Size", :options, values: [
+        "Regular",
+        "Large",
+        "Small"
+      ], default: "Regular"
+      field "Position", :options, values: [
+        "Top, Left",
+        "Top, Center",
+        "Top, Right",
+        "Middle, Left",
+        "Middle, Center",
+        "Middle, Right",
+        "Bottom, Left",
+        "Bottom, Center",
+        "Bottom, Right"
+      ], default: "Middle, Center"
+    end
+  end
+
+  block_type "Category Summary" do
+    description "A category name and its first few products."
+    field "Category", :category, default: -> { Workarea::Catalog::Category.sample.try(:id).try(:to_s) }
+    field "Full Bleed", :boolean, default: false
+  end
+
+  block_type "Product List" do
+    description "A custom list of products."
+
+    field "Title", :string, default: "Featured"
+    field "Products", :products, default: (lambda do
+      result = Array.new(3) { Workarea::Catalog::Product.sample.try(:id) }
+      result.compact
+    end)
+    field "Full Bleed", :boolean, default: false
+  end
+
+  block_type "Product Insights" do
+    description "A list of top selling products."
+
+    field "Title", :string, default: "Top Products"
+    field "Type", :options, values: [
+        "Cold Products",
+        "Hot Products",
+        "Most Discounted Products",
+        "Non Sellers",
+        "Products To Improve",
+        "Promising Products",
+        "Star Products",
+        "Top Products",
+        "Trending Products"
+      ], default: "Top Products"
+    field "Full Bleed", :boolean, default: false
+  end
+
+  # Custom content blocks
+
+  block_type "Product Grid Cell" do
+    description "Content block for your product grid"
+    view_model "Workarea::Storefront::ContentBlocks::ProductGridCellViewModel"
+
+    fieldset "Grid" do
+      field "Position", :integer, default: 1, min: 1
+      field "Width", :options, values: [["1 cell", 1], ["2 cells", 2]], default: "1 cell"
+      field "Height", :options, values: [["1 cell", 1], ["2 cells", 2]], default: "1 cell"
+      field "Float", :options, values: ["none", "left", "right"], default: "none"
+    end
+
+    fieldset "Content" do
+      field "Asset", :asset, file_types: "image", default: find_asset_id_by_file_name("product_grid_content_2_cell_background.jpg"), html_data_attributes: { media_mode: ["resize", "crop", "switch"] }
+      field "Heading", :string, default: "Stylish home office"
+      field "Sub Heading", :string, default: "Tie the room together with our chairs and desks"
+      field "Link", :url, default: "/"
+      field "Link Text", :string, default: "Click Me!"
+      field "Link Style", :options, values: [["button", "button"], ["Secondary button" , "button button--secondary"], ["Secondary Button Alternative" , "button button--secondary-alt"], ["Text Button", "text-button"], ["Link", "link"]], default: "button"
+      field "Text Color", :color, default: "#000000", presets: ["#000000", "#ffffff", "#999999", "#ff0000", "#00ff00", "#0000ff"]
+    end
+  end
+end

data/config/initializers/dragonfly.rb

@@ -0,0 +1,74 @@
+Dragonfly.app(:workarea).configure do
+  processor :large_thumb do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "232x232")
+    content.process!(:optim)
+  end
+
+  processor :large_thumb_retina do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "464x464")
+    content.process!(:optim)
+  end
+
+  processor :detail do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "600x600")
+    content.process!(:optim)
+  end
+
+  processor :detail_retina do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "1200x1200")
+    content.process!(:optim)
+  end
+
+  # PDP Main Image Size - mobile
+  processor :detail_mobile do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "300x300")
+    content.process!(:optim)
+  end
+
+  processor :zoom do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "1200x1200")
+    content.process!(:optim)
+  end
+
+  processor :super_zoom do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "2400x2400")
+    content.process!(:optim)
+  end
+
+  processor :detail_alt do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "120x120")
+    content.process!(:optim)
+  end
+
+  processor :small_thumb do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "136x136")
+    content.process!(:optim)
+  end
+
+  processor :small_thumb_retina do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "272x272")
+    content.process!(:optim)
+  end
+
+  processor :swatch_thumb do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "32x32")
+    content.process!(:optim)
+  end
+
+  processor :blog_thumbnail do |content|
+    content.process!(:encode, :jpg, Workarea.config.jpg_encode_options)
+    content.process!(:thumb, "452x452")
+    content.process!(:optim)
+  end
+end