workarea-variant_list 1.0.2

data/app/assets/stylesheets/workarea/storefront/variant_list/components/_product_details.scss

@@ -0,0 +1,40 @@
+/*------------------------------------*\
+    #PRODUCT-DETAILS
+\*------------------------------------*/
+
+.product-details--variant-list {}
+
+    .product-details__variant-table {}
+
+        .product-details__variant-table-head {}
+
+        .product-details__variant-table-body {}
+
+            .product-details__variant-table-row {}
+
+                .product-details__variant-table-cell {}
+
+                .product-details__variant-table-cell--image {}
+
+                .product-details__variant-table-cell--name {
+                    .product-details__variant-table-body & {
+                        font-weight: bold;
+                    }
+                }
+
+                .product-details__variant-table-cell--detail {
+                    text-align: center;
+                }
+
+                .product-details__variant-table-cell--price {
+                    text-align: right;
+
+                    .product-details__variant-table-body & {
+                        font-weight: bold;
+                    }
+                }
+
+                .product-details__variant-table-cell--quantity {
+                    text-align: right;
+                }
+

data/app/controllers/workarea/storefront/cart_bulk_items_controller.rb

@@ -0,0 +1,30 @@
+module Workarea
+  module Storefront
+    class CartBulkItemsController < ApplicationController
+      include CheckInventory
+
+      skip_before_action :verify_authenticity_token
+
+      def create
+        add_to_cart = AddMultipleCartItems.new(
+          current_order,
+          params[:items].map(&:to_unsafe_h).select { |p| p[:quantity].to_i.positive? }
+        )
+
+        if add_to_cart.perform!
+          check_inventory
+          Pricing.perform(current_order, current_shippings)
+
+          @cart = CartViewModel.new(current_order, view_model_options)
+          @items = add_to_cart.items.map do |cart_item|
+            OrderItemViewModel.wrap(cart_item.item, view_model_options)
+          end
+        else
+          flash[:error] =
+            t('workarea.storefront.flash_messages.cart_bulk_items_error')
+          redirect_to product_path(add_to_cart.items.first.product)
+        end
+      end
+    end
+  end
+end

data/app/view_models/workarea/storefront/product_templates/variant_list_view_model.rb

@@ -0,0 +1,20 @@
+module Workarea
+  module Storefront
+    class ProductTemplates::VariantListViewModel < ProductViewModel
+      delegate :all_options, to: :option_set
+
+      def variant_list
+        @variant_list ||= variants.map do |variant|
+          VariantViewModel.new(
+            variant,
+            options.merge(inventory: inventory)
+          )
+        end
+      end
+
+      def option_set
+        @option_set ||= ProductViewModel::OptionSet.new(self, options)
+      end
+    end
+  end
+end

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

@@ -0,0 +1,27 @@
+module Workarea
+  module Storefront
+    class VariantViewModel < ApplicationViewModel
+      delegate :inventory_status, :images, :primary_image, :inventory,
+        :inventory_purchasable?, :pricing, to: :product
+
+      def product
+        @product ||=
+          ProductViewModel.wrap(model.product, options.merge(sku: sku))
+      end
+
+      def details
+        @details ||= Hash[
+          model.details.map { |k, v| [k.to_s.optionize, [v].flatten.join(', ')] }
+        ]
+      end
+
+      def price
+        @price ||= pricing.for_sku(sku)
+      end
+
+      def purchasable?
+        product.model.purchasable? && inventory_purchasable? && price.persisted?
+      end
+    end
+  end
+end

data/app/views/workarea/storefront/cart_bulk_items/create.html.haml

@@ -0,0 +1,71 @@
+.view
+  - if @items.blank?
+    = render_message 'error', data: { message_show_dismiss: 'false' } do
+      = t('workarea.storefront.flash_messages.cart_item_error')
+
+  - else
+    = render_message 'success', data: { message_show_dismiss: 'false' } do
+      = t('workarea.storefront.flash_messages.cart_bulk_items_added')
+
+    .product-list
+      - @items.each do |item|
+        .product-list__item{ data: { cart_count: current_order.quantity, analytics: add_to_cart_confirmation_analytics_data(item).to_json } }
+          .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.cart_item_details', item: item, index: 0)
+          .product-list__item-cell
+            %table.table
+              %thead
+                %tr
+                  %th.table__prices= t('workarea.storefront.orders.price')
+                  %th.table__quantity= t('workarea.storefront.orders.quantity')
+                  %th.table__prices= t('workarea.storefront.orders.total')
+              %tbody
+                %tr
+                  %td.table__prices
+                    = render 'workarea/storefront/carts/pricing', item: item, css_block: 'table'
+                  %td.table__quantity
+                    = form_tag cart_item_path(item), method: :patch, class: 'inline-form', data: { analytics: update_cart_item_analytics_data(item).to_json } do
+                      .inline-form__cell
+                        .value= number_field_tag :quantity, item.quantity, min: 1, required: true, class: 'text-box text-box--x-small', data: { form_submitting_control: '' }, title: t('workarea.storefront.orders.quantity'), id: dom_id(item, 'cart_item')
+                      %p.inline-form__cell.hidden-if-js-enabled= button_tag t('workarea.storefront.carts.update'), value: 'change_quantity', class: 'button'
+                  %td.table__prices
+                    - item.total_adjustments.each do |adjustment|
+                      %p.table__price
+                        - if item.total_adjustments.many?
+                          %span.table__price-label= adjustment.description.titleize
+
+                        - if adjustment.discount?
+                          %strong.table__price-discount= number_to_currency(adjustment.amount)
+                        - else
+                          %span= number_to_currency(adjustment.amount)
+
+                    - if item.total_adjustments.many?
+                      %p.table__price
+                        %span.table__price-label= t('workarea.storefront.orders.item_total')
+                        %span= number_to_currency(item.total_price)
+
+  .grid.grid--auto.grid--center
+    .grid__cell= link_to t('workarea.storefront.carts.continue_shopping'), root_path, class: 'button button--large', data: { dialog_close_button: true }
+    .grid__cell= link_to t('workarea.storefront.carts.view_cart'), cart_path, class: 'button button--large'
+    .grid__cell= link_to t('workarea.storefront.carts.checkout'), checkout_path, class: 'button button--large'
+
+  - if @cart.recommendations.any?
+    .hidden.hidden--for-small-only
+      %h2= t('workarea.storefront.recommendations.you_may_also_like')
+
+      .grid
+        - @cart.recommendations.each do |product|
+          .grid__cell.grid__cell--50.grid__cell--33-at-medium.grid__cell--16-at-wide
+            .product-summary.product-summary--small{ itemscope: true, itemtype: 'http://schema.org/Product' }
+              = render 'workarea/storefront/products/summary', product: product

data/app/views/workarea/storefront/products/templates/_variant_list.html.haml

@@ -0,0 +1,82 @@
+.grid.grid--rev
+  .grid__cell.grid__cell--60-at-medium
+
+    .product-details__name
+      %h1{ itemprop: 'name' }= product.name
+
+      %p.product-details__id
+        %span{ itemprop: 'productID' }= product.id
+
+    .product-prices.product-prices--details{ itemprop: 'offers', itemscope: true, itemtype: 'http://schema.org/Offer' }
+      = render 'workarea/storefront/products/pricing', product: product
+
+    - if product.description.present?
+      .product-details__description
+        %p= truncated_product_description(product, t('workarea.storefront.products.read_more'))
+
+    = form_tag cart_bulk_items_path, method: 'post', class: 'product-details__add-to-cart-form', data: { dialog_form: { dialogOptions: { closeAll: true, initModules: true } }, analytics: add_to_cart_analytics_data(product).to_json } do
+      = hidden_field_tag :via, params[:via], id: dom_id(product, 'via')
+
+      %table.product-details__variant-table{ data: { sortable_table: '' } }
+        %thead.product-details__variant-table-head
+          %tr.product-details__variant-table-row
+            %th.product-details__variant-table-cell.product-details__variant-table-cell--image
+            %th.product-details__variant-table-cell.product-details__variant-table-cell--sku{ data: { sortable_table_header: '' } }= t('workarea.storefront.variant_list.products.sku')
+            - product.all_options.each do |option|
+              %th.product-details__variant-table-cell.product-details__variant-table-cell--detail{ data: { sortable_table_header: '' } }= option.titleize
+            %th.product-details__variant-table-cell.product-details__variant-table-cell--price{ data: { sortable_table_header: '' } }= t('workarea.storefront.variant_list.products.price')
+            %th.product-details__variant-table-cell.product-details__variant-table-cell--quantity= t('workarea.storefront.products.quantity')
+        %tbody.product-details__variant-table-body
+          - product.variant_list.each_with_index do |variant, index|
+            %tr.product-details__variant-table-row
+              %td.product-details__variant-table-cell.product-details__variant-table-cell--image
+                = image_tag product_image_url(variant.primary_image, :small_thumb), alt: t('workarea.storefront.products.image_alt_attribute', name: variant.name), itemprop: 'image'
+              %td.product-details__variant-table-cell.product-details__variant-table-cell--name
+                = variant.name
+
+              - product.all_options.each do |option|
+                %td.product-details__variant-table-cell.product-details__variant-table-cell--detail{ class: "product-details__variant-table-cell--detail-#{option}" }
+                  - if variant.details[option].present?
+                    = variant.details[option]
+                  - else
+                    \-
+
+              %td.product-details__variant-table-cell.product-details__variant-table-cell--price= number_to_currency(variant.price.sell)
+              %td.product-details__variant-table-cell.product-details__variant-table-cell--quantity
+                - if variant.purchasable?
+                  = hidden_field_tag 'items[][sku]', variant.sku, id: nil
+
+                  .property
+                    .value
+                      = number_field_tag "items[][quantity]", params[:items].try(:[], index).try(:[], :quantity) || 0, class: 'text-box text-box--x-small', min: 0, id: "quantity_#{dom_id(variant)}"
+                      .value__note= variant.inventory_status
+                - else
+                  %p= t('workarea.storefront.variant_list.products.variant_unavailable')
+
+      = append_partials('storefront.add_to_cart_form', product: product)
+
+      - if product.purchasable?
+        %p.product-details__add-to-cart-action= button_tag t('workarea.storefront.products.add_to_cart'), value: 'add_to_cart', class: 'button button--large'
+
+      - else
+        = hidden_field_tag :quantity, params[:quantity] || 1, id: "quantity#{dom_id(product)}"
+        %p.product-details__unavailable= t('workarea.storefront.products.unavailable')
+
+    = append_partials('storefront.product_details', product: product)
+
+    %p.product-details__full-details=link_to t('workarea.storefront.products.view_full_details'), product_path(product, color: params[:color]), class: 'text-button', itemprop: 'url'
+
+  .grid__cell.grid__cell--40-at-medium
+
+    .product-details__primary-image
+      = link_to(product_image_url(product.primary_image, :zoom), target: '_blank', rel: 'noopener', class: 'product-details__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-details__primary-image-link-image'
+
+    - if product.images.length > 1
+      .product-details__alt-images
+        .grid.grid--auto
+          - product.images.each_with_index do |image, index|
+            .grid__cell
+              .product-details__alt-image
+                - button_class = index == 0 ? 'product-details__alt-image-link product-details__alt-image-link--selected' : 'product-details__alt-image-link'
+                = link_to(image_tag(product_image_url(image, :small_thumb), alt: t('workarea.storefront.products.zoom')), product_image_url(image, :zoom), class: button_class, target: '_blank', rel: 'noopener', data: { alternate_image_button: { src: product_image_url(image, :detail) }.to_json })

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/workarea/variant_list/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/config/initializers/appends.rb

@@ -0,0 +1,9 @@
+Workarea.append_stylesheets(
+  'storefront.components',
+  'workarea/storefront/variant_list/components/product_details'
+)
+
+Workarea.append_javascripts(
+  'storefront.modules',
+  'workarea/storefront/variant_list/modules/sortable_tables'
+)

data/config/initializers/config.rb

@@ -0,0 +1,4 @@
+Workarea.configure do |config|
+  config.product_templates << :variant_list
+  config.product_quickview_templates.try(:push, :variant_list)
+end

data/config/locales/en.yml

@@ -0,0 +1,11 @@
+en:
+  workarea:
+    storefront:
+      flash_messages:
+        cart_bulk_items_added: These items have been added to your cart.
+        cart_bulk_items_error: Some items could not be added to your cart.
+      variant_list:
+        products:
+          variant_unavailable: This SKU is currently unavailable for purchase.
+          sku: SKU
+          price: Price

data/config/routes.rb

@@ -0,0 +1,7 @@
+Workarea::Storefront::Engine.routes.draw do
+  scope '(:locale)', constraints: Workarea::I18n.routes_constraint do
+    resource :cart, only: [] do
+      resource :bulk_items, only: :create, controller: :cart_bulk_items
+    end
+  end
+end

data/lib/workarea/variant_list.rb

@@ -0,0 +1,11 @@
+require 'workarea'
+require 'workarea/storefront'
+require 'workarea/admin'
+
+require 'workarea/variant_list/engine'
+require 'workarea/variant_list/version'
+
+module Workarea
+  module VariantList
+  end
+end

data/lib/workarea/variant_list/engine.rb

@@ -0,0 +1,8 @@
+module Workarea
+  module VariantList
+    class Engine < ::Rails::Engine
+      include Workarea::Plugin
+      isolate_namespace Workarea::VariantList
+    end
+  end
+end

data/lib/workarea/variant_list/version.rb

@@ -0,0 +1,5 @@
+module Workarea
+  module VariantList
+    VERSION = '1.0.2'.freeze
+  end
+end

data/test/dummy/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require_relative 'config/application'
+
+Rails.application.load_tasks

data/test/dummy/app/assets/config/manifest.js

@@ -0,0 +1,4 @@
+
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/test/dummy/app/assets/javascripts/application.js

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require_tree .

data/test/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/test/dummy/app/controllers/application_controller.rb

@@ -0,0 +1,3 @@
+class ApplicationController < ActionController::Base
+  protect_from_forgery with: :exception
+end

data/test/dummy/app/helpers/application_helper.rb

@@ -0,0 +1,2 @@
+module ApplicationHelper
+end

data/test/dummy/app/jobs/application_job.rb

@@ -0,0 +1,2 @@
+class ApplicationJob < ActiveJob::Base
+end

data/test/dummy/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: 'from@example.com'
+  layout 'mailer'
+end

data/test/dummy/app/views/layouts/application.html.erb

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Dummy</title>
+    <%= csrf_meta_tags %>
+
+    <%= stylesheet_link_tag    'application', media: 'all' %>
+    <%= javascript_include_tag 'application' %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>