shoppper 0.1.0

data/app/presenters/shopper/checkout_page/confirm_step_presenter.rb

@@ -0,0 +1,20 @@
+module Shopper
+  module CheckoutPage
+    class ConfirmStepPresenter < Rectify::Presenter
+      def initialize(order)
+        @order_summary = OrderSummary::OrderDecorator
+                        .new(order, deficit_method: :hide, position: :right)
+
+        @order_details = OrderDetails::OrderDecorator
+                        .new(order, edit_link: true)
+                        .attach(self)
+
+        @items = ItemsTable::ItemDecorator
+                .for_collection(order.order_items, editable: false)
+
+      end
+
+      attr_reader :items, :order_summary, :order_details
+    end
+  end
+end

data/app/presenters/shopper/checkout_page/delivery_step_presenter.rb

@@ -0,0 +1,16 @@
+module Shopper
+  module CheckoutPage
+    class DeliveryStepPresenter < Rectify::Presenter
+      def initialize(order)
+        current_delivery_id = order.delivery&.id
+        @deliveries = CheckoutPage::DeliveryDecorator
+                      .for_collection(Delivery.all, current_delivery_id: current_delivery_id)
+
+        @order_summary = OrderSummary::OrderDecorator
+                        .new(order, deficit_method: :hide, position: :left)
+      end
+
+      attr_reader :deliveries, :order_summary
+    end
+  end
+end

data/app/presenters/shopper/checkout_page/payment_step_presenter.rb

@@ -0,0 +1,16 @@
+module Shopper
+  module CheckoutPage
+    class PaymentStepPresenter < Rectify::Presenter
+      def initialize(order, credit_card_form = nil)
+        credit_card = credit_card_form || order.credit_card || CreditCard.new
+        @card = CheckoutPage::CreditCardDecorator.new(credit_card)
+
+        @order_summary = OrderSummary::OrderDecorator.new(order,
+                                                          deficit_method: :hide,
+                                                          position: :right)
+      end
+
+      attr_reader :card, :order_summary
+    end
+  end
+end

data/app/presenters/shopper/checkout_page/progress_presenter.rb

@@ -0,0 +1,37 @@
+module Shopper
+  module CheckoutPage
+    class ProgressPresenter < Rectify::Presenter
+      def initialize(steps, current_step, select_up_to_step)
+        @steps = steps
+        @current_step = current_step
+        @select_up_to_step_index = @steps.index select_up_to_step
+      end
+
+      def steps
+        @steps.each_with_index.map do |s, index|
+          classes = 'step'
+          classes += ' active' if active?(index)
+
+          number = index + 1
+
+          name = s.capitalize
+
+          divider = !last?(index)
+
+          { classes: classes, number: number, name: name, divider: divider }
+        end
+      end
+
+      private
+
+      def last?(index)
+        @last_index ||= @steps.length - 1
+        index == @last_index
+      end
+
+      def active?(index)
+        index <= @select_up_to_step_index
+      end
+    end
+  end
+end

data/app/presenters/shopper/orders_page/order_presenter.rb

@@ -0,0 +1,28 @@
+module Shopper
+  module OrdersPage
+    class OrderPresenter < Rectify::Presenter
+      def initialize(order)
+        @order = order
+      end
+
+      def order_number
+        @order.number[1..-1]
+      end
+
+      def items_table
+        @items ||= ItemsTable::ItemDecorator.for_collection(@order.order_items, editable: false)
+      end
+
+      def order_details
+        @order_details ||= OrderDetails::OrderDecorator
+                          .new(@order, edit_link: false)
+                          .attach(self)
+      end
+
+      def order_summary
+        @order_summary ||= OrderSummary::OrderDecorator
+                          .new(@order, deficit_method: :hide, position: :right)
+      end
+    end
+  end
+end

data/app/presenters/shopper/orders_page/orders_presenter.rb

@@ -0,0 +1,17 @@
+module Shopper
+  module OrdersPage
+    class OrdersPresenter < Rectify::Presenter
+      def initialize(orders, filter_methods, current_filter_method)
+        @orders = OrdersPage::OrderDecorator.for_collection(orders)
+
+        @filter_methods = filter_methods.map do |method|
+          { key: method, title: t("order.states.#{method}") }
+        end
+
+        @current_filter_method = t("order.states.#{current_filter_method}")
+      end
+
+      attr_reader :orders, :filter_methods, :current_filter_method
+    end
+  end
+end

data/app/services/shopper/checkout_manager.rb

@@ -0,0 +1,55 @@
+module Shopper
+  class CheckoutManager
+    def initialize(order)
+      @order = order
+    end
+
+    # if we on confirm stage and editing previous - all submitting will redirect to :confirm
+    def next_step
+      return :confirm if minimal_accessible_step == :confirm
+      steps.at(minimal_accessible_step_index + 1)
+    end
+
+    def can_access?(step)
+      current_step_index = steps_with_completeness.find_index { |key, _| key == step }
+      current_step_index <= minimal_accessible_step_index
+    end
+
+    def minimal_accessible_step
+      steps_with_completeness.keys[minimal_accessible_step_index]
+    end
+
+    private
+
+    def minimal_accessible_step_index
+      @minimal_accessible_step_index ||=
+        steps_with_completeness.find_index { |_, value| !value }
+    end
+
+    def steps
+      steps_with_completeness.keys
+    end
+
+    def steps_with_completeness
+      @steps_with_completeness ||= {
+        address:  has_addresses?,
+        delivery: has_delivery?,
+        payment:  has_payment?,
+        confirm:  false
+      }
+    end
+
+    def has_addresses?
+      shipping = @order.use_billing ? true : @order.shipping_address
+      @order.billing_address && shipping
+    end
+
+    def has_delivery?
+      @order.delivery
+    end
+
+    def has_payment?
+      @order.credit_card
+    end
+  end
+end

data/app/validators/shopper/phone_validator.rb

@@ -0,0 +1,11 @@
+module Shopper
+  class PhoneValidator < ActiveModel::EachValidator
+    PHONE_REGEX = /\+\d{3}\ \d{2}\ \d{3}\ \d{4}/
+
+    def validate_each(record, attribute, value)
+      return if PHONE_REGEX.match? value
+      message = options[:message] || :phone
+      record.errors.add attribute, message
+    end
+  end
+end

data/app/views/shopper/cart/add_product.js.haml

@@ -0,0 +1,3 @@
+- partial = render partial: 'layouts/shared/cart'
+:plain
+  $('#cart').html('#{escape_javascript(partial)}');

data/app/views/shopper/cart/show.html.haml

@@ -0,0 +1,22 @@
+%h1.general-title-margin Cart
+= form_tag cart_path, method: :put do
+  - if presenter.cart_empty?
+    %h2.text-center.mt-10.mb-40 Cart is empty
+  - else
+    = render partial: 'shopper/order_item/table', locals: { items: presenter.items }
+  .general-order-wrap
+    .row
+      .col-sm-4
+        = fields_for 'coupon', presenter.coupon do |coupon_fields|
+          .form-group.general-input-group{class: presenter.coupon.error_class}
+            = label_tag 'coupon_code', 'Enter Your Coupon Code', class: 'control-label'
+            = coupon_fields.text_field :code, placeholder: 'Enter Your Coupon Code', class: 'form-control'
+            - if presenter.coupon.helper?
+              %span.help-block= presenter.coupon.helper
+          %div
+            = button_tag 'Update Cart', class: 'btn btn-primary mt-30 mb-15 res-block'
+      .col-sm-8
+        = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+        = link_to 'Checkout', presenter.checkout_path, class: 'btn btn-default mb-20 visible-xs-inline-block'
+- unless presenter.cart_empty?
+  = button_to 'Checkout', presenter.checkout_path, method: :get, class: 'btn btn-default mb-20 hidden-xs center-block'

data/app/views/shopper/checkout/_address_fields.html.haml

@@ -0,0 +1,7 @@
+- [:first_name, :last_name, :street, :city, :zip].each do |field|
+  = sf.input field
+
+= sf.input :country_id, collection: presenter.countries, selected: presenter.selected_country_id(type)
+
+= sf.input :phone, input_html: { 'data-inputmask': "'mask': '+999 99 999 9999'" }
+

data/app/views/shopper/checkout/_layout.html.haml

@@ -0,0 +1,12 @@
+%h1.general-title-margin Checkout
+
+%ul.steps.list-inline
+  - presenter(:progress).steps.each do |step|
+    %li{ class: step[:classes] }
+      %span.step-number= step[:number]
+      %span.step-text.hidden-xs= step[:name]
+    - if step[:divider]
+      %li.step-divider
+
+= yield
+

data/app/views/shopper/checkout/address.html.haml

@@ -0,0 +1,37 @@
+= render layout: 'shopper/checkout/layout' do
+  = form_for current_order, url: wizard_path, method: :put, class: 'res-mb-100' do |f|
+    .hidden-xs.hidden-sm
+      .row
+        .col-md-5
+          %h3.general-subtitle= t('billing_address')
+          %p.general-info-text= t('simple_form.titles.required_fields')
+        .col-md-5.col-md-offset-1
+          %h3.general-subtitle= t('shipping_address')
+    .row
+      .col-md-5.mb-40
+        .visible-xs.visible-sm
+          %h3.general-subtitle= t('billing_address')
+          %p.general-info-text= t('simple_form.titles.required_fields')
+        = f.simple_fields_for :billing, presenter.billing do |sf|
+          = render partial: 'address_fields', locals: { sf: sf, type: :billing }
+      .col-md-5.col-md-offset-1.mb-60
+        .visible-xs.visible-sm
+          %h3.general-subtitle= t('shipping_address')
+        = f.simple_fields_for :shipping, presenter.shipping do |sf|
+          #shipping_address_fields{style: presenter.shipping_fields_style}
+            = render partial: 'address_fields', locals: { sf: sf, type: :shipping }
+        = fields_for 'order' do |ub|
+          .form-group.checkbox{'data-slide-toggle-for': '#shipping_address_fields'}
+            %label.font-weight-light.pl-0
+              = ub.check_box 'use_billing',
+                checked: presenter.use_billing,
+                class: 'checkbox-input',
+                hidden: true
+              %span.checkbox-icon
+                %i.fa.fa-check
+              %span.checkbox-text= t('simple_form.labels.address.use_billing')
+
+    .general-text-align.mb-60
+      = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+      = f.submit t('simple_form.titles.save_and_continue'),
+        class: 'btn btn-default center-block mb-20'

data/app/views/shopper/checkout/complete.html.haml

@@ -0,0 +1,17 @@
+= render layout: 'shopper/checkout/layout' do
+  .text-center.mb-40
+    %h3.general-subtitle= t('checkout.complete.thankyou')
+    %p.fw-300= t('checkout.complete.sent_to', email: presenter.email)
+  .row.mb-20
+    .col-sm-6
+      .visible-xs
+        %p.general-order-number.mb-0= presenter.order_number
+        %p.general-address.mb-30= presenter.order_date
+      %p.general-address= presenter.address
+    .col-sm-6.hidden-xs.text-right
+      %p.general-order-number.mb-0= presenter.order_number
+      %p.general-address.mb-30= presenter.order_date
+
+  = render partial: 'shopper/order_item/table', locals: { items: presenter.items }
+  = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+

data/app/views/shopper/checkout/confirm.html.haml

@@ -0,0 +1,6 @@
+= render layout: 'shopper/checkout/layout' do
+  = render partial: 'shopper/orders/details', locals: { order: presenter.order_details }
+  = render partial: 'shopper/order_item/table', locals: { items: presenter.items }
+  = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+  .text-center
+    = link_to t('simple_form.titles.place_order'), checkout_path(:complete), class: 'btn btn-default mb-20'

data/app/views/shopper/checkout/delivery.html.haml

@@ -0,0 +1,35 @@
+= render layout: 'shopper/checkout/layout' do
+  %h3.general-subtitle= t('shipping_method')
+  .hidden-xs.mb-res-50
+    = form_for current_order, url: wizard_path, method: :put, class: 'res-mb-100' do |f|
+      %table.table.table-hover
+        %thead
+          %tr
+            %th.col-method
+              %span.in-grey-600.ml-40= t('delivery.title')
+            %th
+              %span.in-grey-600= t('delivery.days')
+            %th
+              %span.in-grey-600= t('delivery.price')
+        %tbody
+          - presenter.deliveries.each do |delivery|
+            %tr
+              %td
+                .form-group.radio.mt-0.mb-0
+                  %label.radio-label
+                    = radio_button_tag :delivery_id,
+                      delivery.id,
+                      delivery.selected?,
+                      class: 'radio-input',
+                      hidden: true
+                    %span.radio-icon
+                    %span.radio-text= delivery.title
+              %td
+                %span= delivery.days
+              %td
+                %span.font-16.in-gold-500= delivery.price
+      .general-text-align
+        = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+      .text-center
+        = f.submit t('simple_form.titles.save_and_continue'),
+          class: 'btn btn-default center-block mb-20'

data/app/views/shopper/checkout/payment.html.haml

@@ -0,0 +1,20 @@
+= render layout: 'shopper/checkout/layout' do
+  %h3.general-subtitle Credit Card
+  = form_for current_order, url: wizard_path, method: :put, class: 'max-600 mb-80' do |f|
+    = f.simple_fields_for :card, presenter.card do |sf|
+      = sf.input :number, input_html: { 'data-inputmask': "'mask': '9999 9999 9999 9999'" }
+      .row
+        .col-sm-6
+          = sf.input :name
+        .col-sm-3
+          = sf.input :expiration_date, as: :string, input_html: { 'data-inputmask': "'mask': '99/99'" }
+        .col-sm-3
+          = sf.input :cvv, wrapper_html: { class: 'relative' } do
+            = sf.input_field :cvv, class: 'form-control', as: :string, 'data-inputmask': "'mask': '999'"
+            %i.fa.fa-question-circle.general-form-help.font-18{'data-tipsy': true, 'title': t('checkout.cvv-help')}
+    .general-text-align
+      = render partial: 'shopper/orders/summary', locals: { order: presenter.order_summary }
+    .text-center
+      = f.submit t('simple_form.titles.save_and_continue'),
+        class: 'btn btn-default center-block mb-20'
+

data/app/views/shopper/checkout_mailer/complete.html.haml

@@ -0,0 +1,5 @@
+%p Hello #{@user.email}
+%p You have just completed order #{@order.number}
+%p Book will be soon delivered
+
+= link_to 'Order details', @order

data/app/views/shopper/order_item/_table.html.haml

@@ -0,0 +1,4 @@
+-# .hidden-xs
+= render partial: 'shopper/order_item/table_desktop', locals: { items: items }
+-# .visible-xs
+-#   = render partial: 'shopper/order_item/table_phone', locals: { items: items }

data/app/views/shopper/order_item/_table_desktop.html.haml

@@ -0,0 +1,40 @@
+%table.table.table-hover
+  %tr.no-hover
+    %th.col-pic.pl-0
+      %span.in-grey-600 Product
+    %th.col-title
+    %th.col-price
+      %span.in-grey-600 Price
+    %th.col-quantity
+      %span.in-grey-600 Quantity
+    %th.col-total
+      %span.in-grey-600 SubTotal
+    %th.col-close
+  - items.each do |item|
+    = fields_for 'items[]', item do |item_fields|
+      %tr
+        %td
+          .general-img-wrap-table
+            = image_tag item.cover, class: 'cart-img-shadow pull-left width-full'
+        %td
+          %p.general-title= item.title
+          - if item.description
+            %p.in-grey-600.font-weight-light= item.description
+        %td
+          %span.font-16.in-gold-500= item.price
+        %td
+          .input-group.general-position{class: item.error_class, data: {quantity: true}}
+            - if item.editable
+              %a.input-link{href: "#"}
+                %i.fa.fa-minus.line-height-40
+              = item_fields.text_field :quantity, class: 'form-control quantity-input'
+              %a.input-link{href: "#"}
+                %i.fa.fa-plus.line-height-40
+            - else
+              %span.ml-30= item.quantity
+        %td
+          %span.font-16.in-gold-500= item.subtotal
+        - if item.editable
+          %td
+            = link_to order_item_path(item), method: :delete, class: 'close general-cart-close' do
+              %span{'aria-hidden': "true"} ×