workarea-haven_theme 1.3.0

data/app/assets/stylesheets/workarea/storefront/typography/_text.scss

@@ -0,0 +1,45 @@
+/*------------------------------------*\
+    #TEXT
+\*------------------------------------*/
+
+$blockquote-color: $heading-color !default;
+$blockquote-font-size: 18px !default;
+$blockquote-line-height: $line-height-large !default;
+
+p, blockquote,
+pre {
+    margin-bottom: $vertical-margin;
+    letter-spacing: $font-letter-spacing;
+}
+
+blockquote {
+    color: $blockquote-color;
+    font-size: $blockquote-font-size;
+    line-height: $blockquote-line-height;
+}
+
+%text,
+.text {
+    font-size: 1rem;
+    line-height: $line-height;
+}
+
+%text--small,
+.text--small {
+    font-size: $font-size-small;
+}
+
+%text--tiny,
+.text--tiny {
+    font-size: $font-size-tiny;
+}
+
+%text--large,
+.text--large {
+    font-size: 1.2rem;
+}
+
+%text--no-margin,
+.text--no-margin {
+    margin: 0;
+}

data/app/assets/stylesheets/workarea/styled_selects/components/_styled_select.scss

@@ -0,0 +1,64 @@
+/*------------------------------------*\
+    #SELECT-MENU
+\*------------------------------------*/
+
+$select-menu-color: $input-color !default;
+$select-menu-bg-color: $select-menu-bg-color !default;
+$select-menu-border-color: $input-border-color !default;
+$select-menu-focus-border-color: $input-border-color-focus !default;
+$select-menu-invalid-border-color: $invalid-color !default;
+$select-menu-border-radius: 2px !default;
+
+$select-menu-arrow-size: 10px !default;
+$select-menu-arrow-width: $spacing-unit * 5 !default;
+$select-menu-arrow-color: $input-color !default;
+$select-menu-arrow-bg-color: $select-menu-bg-color !default;
+
+
+/**
+ * 1. Positioning context for before pseudo element
+ */
+.styled-select {
+    position: relative; /* [1] */
+
+    &:before {
+        @include svg('icons/arrow_down.svg', $select-menu-arrow-size);
+        @include center($to: vertical);
+        right: $spacing-unit;
+        bottom: 0;
+        padding-top: $spacing-unit / 2;
+        color: $select-menu-arrow-color;
+        content: '';
+        pointer-events: none;
+    }
+
+    /**
+     * 1. Prevent chrome applying yellow background on autofill.
+     */
+    select:-webkit-autofill {
+        box-shadow: 0 0 0 30px $select-menu-arrow-bg-color inset; /* [1] */
+    }
+
+    select {
+        padding: $spacing-unit ($spacing-unit * 2);
+        padding-right: ($spacing-unit * 2) + $select-menu-arrow-width;
+        width: 100%;
+        color: $select-menu-color;
+        background-color: $select-menu-bg-color;
+        border: 1px solid $select-menu-border-color;
+        border-radius: $select-menu-border-radius;
+        appearance: none;
+
+        &::-ms-expand {
+            display: none;
+        }
+
+        &.jquery-validation-error {
+            border-color: $select-menu-invalid-border-color;
+        }
+
+        &:focus {
+            border-color: $select-menu-focus-border-color;
+        }
+    }
+}

data/app/helpers/workarea/storefront/applied_facets_helper.rb

@@ -0,0 +1,30 @@
+module Workarea
+  module Storefront
+    module AppliedFacetsHelper
+      def applied_facets(facets)
+        result = []
+
+        params.slice(*facets.map(&:system_name)).each_pair do |key, value|
+          facet = facets.find { |f| f.name.casecmp(key).zero? }
+          if value.respond_to?(:map)
+            value.map do |val|
+              result << [facet, val]
+            end
+          else
+            result << [facet, value]
+          end
+        end
+
+        result
+      end
+
+      def applied_range_facet_text(facet_value)
+        left, right = facet_value.split("-").map do |price|
+          number_to_currency(price.to_m)
+        end
+
+        "#{left} - #{right}"
+      end
+    end
+  end
+end

data/app/helpers/workarea/storefront/haven_blog_helper.rb

@@ -0,0 +1,12 @@
+module Workarea
+  module Storefront
+    module HavenBlogHelper
+      def blog_tag_selected(tag)
+        uri = URI(request.original_url)
+        return false unless uri.path.include?("tagged")
+
+        uri.path.split("/").last == tag[:name]
+      end
+    end
+  end
+end

data/app/helpers/workarea/storefront/haven_swatches_helper.rb

@@ -0,0 +1,24 @@
+module Workarea
+  module Storefront
+    module HavenSwatchesHelper
+      def render_swatch_option(selection, swatch)
+        id = selection.optionize
+
+        if swatch&.image?
+          image_tag(
+            swatch.image.process(:swatch_thumb).url,
+            alt: selection,
+            class: "option-button__image option-button__image--#{id}"
+          )
+        elsif swatch&.hex?
+          content_tag(
+            :div,
+            "",
+            class: "option-button__swatch option-button__swatch--#{id}",
+            style: "background-color: #{swatch.hex};"
+          )
+        end
+      end
+    end
+  end
+end

data/app/helpers/workarea/storefront/product_media_slider_helper.rb

@@ -0,0 +1,37 @@
+module Workarea
+  module Storefront
+    module ProductMediaSliderHelper
+      def media_alt_image_slider_options(product_id)
+        {
+          waitForImages: true,
+          options: {
+            asNavFor: "##{product_id}_primary_media_carousel",
+            slidesToShow: 4,
+            slidesToScroll: 1,
+            autoplay: false,
+            mobileFirst: true,
+            dots: false,
+            arrows: true,
+            focusOnSelect: true
+          }
+        }.to_json
+      end
+
+      def media_primary_image_slider_options(product_id)
+        {
+          waitForImages: true,
+          options: {
+            asNavFor: "##{product_id}_alt_media_carousel",
+            slidesToShow: 1,
+            slidesToScroll: 1,
+            autoplay: false,
+            mobileFirst: true,
+            dots: false,
+            arrows: true
+          },
+          forceSetPosition: true
+        }.to_json
+      end
+    end
+  end
+end

data/app/helpers/workarea/storefront/product_retina_image_srcset_helper.rb

@@ -0,0 +1,9 @@
+module Workarea
+  module Storefront
+    module ProductRetinaImageSrcsetHelper
+      def product_image_retina_srcset(image, processor, processor_retina)
+        "#{product_image_url(image, processor)}, #{product_image_url(image, processor_retina)} 2x"
+      end
+    end
+  end
+end

data/app/seeds/workarea/haven_categories_seeds.rb

@@ -0,0 +1,42 @@
+module Workarea
+  class HavenCategoriesSeeds
+    def perform
+      puts "Adding Haven categories..."
+
+      rules = [
+        { name: "price", operator: "greater_than", value: 40 },
+        { name: "price", operator: "less_than", value: 40 },
+        { name: "search", operator: "equals", value: "*" }
+      ]
+
+      Sidekiq::Callbacks.disable do
+        categories.each do |category_name|
+          Catalog::Category.create!(
+            name: category_name,
+            product_rules: [rules.sample]
+          )
+        end
+      end
+    end
+
+    def categories
+      [ "Kitchen",
+        "Bath",
+        "Office",
+        "Decor",
+        "Pet",
+        "Bar",
+        "Kid",
+        "Outdoor",
+        "Bath Rugs",
+        "Bath Towels",
+        "Bathrobes and Slippers",
+        "Office Furniture",
+        "Office Lighting",
+        "Outdoor Lighting",
+        "Laundry",
+        "Hand Tools"
+      ]
+    end
+  end
+end

data/app/seeds/workarea/haven_demo_product_seeds.rb

@@ -0,0 +1,94 @@
+module Workarea
+  class HavenDemoProductSeeds
+    def perform
+      puts "Adding Haven Theme Products..."
+
+      Sidekiq::Callbacks.disable do
+        Catalog::ProductPlaceholderImage.cached
+
+        Catalog::Category.all.each do |category|
+          10.times do
+            materials = ["Leather", "Concrete", "Brass", "Ceramic"]
+            colors = ["red", "pink", "purple", "blue", "light_blue", "green", "light_green", "yellow", "orange", "grey", "blue_grey", "white", "black"]
+            on_sale = rand(10) > 9
+
+            product = Catalog::Product.new(
+              name: Faker::Commerce.product_name,
+              template: "swatches"
+            )
+
+            sku_count = if chance(5)
+              1
+            else
+              3
+            end
+
+            sku_count.times do
+              sku = Faker::Code.isbn
+              sku_price = Faker::Commerce.price.to_m
+
+              details = { "Material" => materials.sample, "Color" => colors.sample }
+
+              product.variants.build(
+                sku: sku,
+                details: details
+              )
+
+              Inventory::Sku.create!(
+                id: sku,
+                policy: "standard",
+                available: rand(25)
+              )
+
+              Pricing::Sku.create!(
+                id: sku,
+                msrp: sku_price + 10.to_m,
+                tax_code: "001",
+                on_sale: on_sale,
+                prices: [
+                  { regular: sku_price, sale: sku_price - rand(5).to_m }
+                ]
+              )
+            end
+
+            materials = product.variants.map { |v| v.details["Material"] }.compact
+            colors = product.variants.map { |v| v.details["Color"] }.compact
+
+            if materials.present? || colors.present?
+              product.filters = { "Materials" => materials.uniq, "Color" => colors.uniq }
+            end
+
+            product.new_badge = chance(2)
+            product.sale_badge = on_sale
+            product.best_seller_badge = chance(9)
+
+            product.description = Faker::Hipster.paragraph
+            product.save!
+
+            add_images(product)
+          end
+        end
+      end
+    end
+
+    private
+
+      def add_images(product)
+        product.variants.each do |variant|
+          option = variant.details["Color"].present? ? variant.details["Color"].first : nil
+          product.images.create!(
+            image: File.new("#{Workarea::HavenTheme::Engine.root}/data/workarea/images/products/#{image_files.sample}"),
+            option: option
+          )
+        end
+      end
+
+      def image_files
+        @image_files ||= Dir.entries("#{Workarea::HavenTheme::Engine.root}/data/workarea/images/products/").select { |f| !File.directory? f }
+      end
+
+      def chance(threshold)
+        rand(10) <= threshold ? true : false
+      end
+  end
+end

data/app/seeds/workarea/theme_layout_content_seeds.rb

@@ -0,0 +1,59 @@
+module Workarea
+  class ThemeLayoutContentSeeds
+    def perform
+      add_layout_content
+      add_cart_content
+    end
+
+    def add_layout_content
+      puts "Adding theme layout content..."
+
+      content = Content.for("Layout")
+      content.blocks.create!(
+        area: "footer_column_1",
+        type: "taxonomy",
+        data: {
+          header: "Customer Service",
+          start: Navigation::Taxon
+                  .where(name: "Customer Service")
+                  .first
+                  .id
+        }
+      )
+      content.blocks.create!(
+        area: "footer_column_2",
+        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_3",
+        type: "taxonomy",
+        data: {
+          header: "News",
+          start: Navigation::Taxon
+                  .where(name: "Customer Service")
+                  .first
+                  .id
+        }
+      )
+    end
+
+    def add_cart_content
+      puts "Adding cart page content..."
+
+      content = Content.for("Cart")
+      content.blocks.create!(
+        area: "with_items",
+        type: "html",
+        data: { html: "<p>Cart page content</p>" }
+      )
+      content.blocks.create!(
+        area: "empty",
+        type: "html",
+        data: { html: "<p>Empty cart content</p>" }
+      )
+    end
+  end
+end

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

@@ -0,0 +1,11 @@
+module Workarea
+  decorate Storefront::BlogEntryViewModel, with: :haven_theme do
+    def thumbnail_image
+      @thumbnail_image ||= find_asset(model.thumbnail_image)
+    end
+
+    def thumbnail_image_url
+      thumbnail_image.url(host: thumbnail_image_url_host)
+    end
+  end
+end

data/app/view_models/workarea/storefront/cart_content.rb

@@ -0,0 +1,19 @@
+module Workarea
+  module Storefront
+    module CartContent
+      include DisplayContent
+
+      def with_items_content
+        content_blocks_for("with_items")
+      end
+
+      def empty_content
+        content_blocks_for("empty")
+      end
+
+      def content_lookup
+        "cart"
+      end
+    end
+  end
+end