workarea-storefront 3.4.12

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

@@ -0,0 +1,118 @@
+- @title = t('workarea.storefront.users.account')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.account')
+
+.view
+
+  %h1= t('workarea.storefront.users.account')
+
+  .grid.grid--large
+    .grid__cell.grid__cell--50-at-medium
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.forms.update'), edit_users_account_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.details')
+        .box__body
+          %table.table
+            %tbody
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.email')
+                %td= @user.email
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.name')
+                %td #{@user.first_name} #{@user.last_name}
+              %tr
+                %th
+                  %span= t('workarea.storefront.users.password')
+                %td ********
+              = append_partials('storefront.show_account_details', user: @user)
+
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.order_history'), users_orders_path, class: 'button'
+          %h2.box__heading= t('workarea.storefront.users.recent_orders')
+        .box__body
+          - unless @user.recent_orders.any?
+            = t('workarea.storefront.users.no_orders')
+          - else
+            - @user.recent_orders.each do |order|
+              = render 'workarea/storefront/users/orders/summary', order: order
+
+      = append_partials('storefront.account_section_left', user: @user)
+    .grid__cell.grid__cell--50-at-medium
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.add_credit_card'), new_users_credit_card_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.credit_cards')
+
+        .box__body
+          - unless @user.has_credit_card?
+            = t('workarea.storefront.users.no_saved_credit_cards')
+          - else
+            .grid.grid--large
+              - @user.credit_cards.each do |credit_card|
+                .grid__cell.grid__cell--50-at-medium
+                  .data-card
+                    .data-card__cell
+                      %p.data-card__line.data-card__credit-card{ class: (credit_card.default?) ? 'data-card__credit-card--default' : nil }
+                        = credit_card_issuer_icon(card_icon_name(credit_card.issuer))
+                        %span.data-card__credit-card-number
+                          = t('workarea.storefront.credit_cards.summary', issuer: nil, number: credit_card.display_number.slice(-4..-1))
+                      %p.data-card__line
+                        %strong= t('workarea.storefront.credit_cards.expires')
+                        %span
+                          = t('workarea.storefront.credit_cards.expiry', month: credit_card.month, year: credit_card.year)
+                          - if credit_card.expired?
+                            %strong= t('workarea.storefront.credit_cards.expired')
+                      %p.data-card__line
+                        %strong= t('workarea.storefront.credit_cards.name_on_card')
+                        %span #{credit_card.first_name} #{credit_card.last_name}
+                    .data-card__cell
+                      .grid.grid--auto
+                        .grid__cell= link_to t('workarea.storefront.forms.edit'), edit_users_credit_card_path(credit_card), class: 'button button--small', data: { dialog_button: '' }
+                        = form_tag users_credit_card_path(credit_card), method: 'delete', class: 'grid__cell' do
+                          = button_tag t('workarea.storefront.forms.delete'), class: 'button button--small'
+
+      .box
+        .box__header
+          .box__action= link_to t('workarea.storefront.users.add_address'), new_users_address_path, class: 'button', data: { dialog_button: '' }
+          %h2.box__heading= t('workarea.storefront.users.addresses')
+        .box__body
+          - unless @user.has_default_addresses?
+            = t('workarea.storefront.users.no_saved_addresses')
+          - else
+            .grid.grid--large
+              - @user.addresses.each do |address|
+                .grid__cell.grid__cell--50-at-medium
+                  .data-card
+                    .data-card__cell
+                      %p.data-card__line= formatted_address(address)
+
+                    .data-card__cell
+                      .grid.grid--auto
+                        .grid__cell= link_to t('workarea.storefront.forms.edit'), edit_users_address_path(address), class: 'button button--small', data: { dialog_button: '' }
+                        = form_tag users_address_path(address), method: 'delete', class: 'grid__cell' do
+                          = button_tag t('workarea.storefront.forms.delete'), class: 'button button--small'
+
+      = append_partials('storefront.account_section_right', user: @user)
+
+    = append_partials('storefront.account_grid_cell', user: @user)
+
+  = append_partials('storefront.account_section', user: @user)
+
+  - if @recommendations.any?
+    .recommendations
+      %h2.recommendations__heading= t('workarea.storefront.users.recommendations')
+      .recommendations__products
+        .grid
+          - @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/users/addresses/edit.html.haml

@@ -0,0 +1,24 @@
+- @title = t('workarea.storefront.users.edit_address')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.edit_address')
+
+.view
+
+  %h1= t('workarea.storefront.users.edit_address')
+
+  - if @address.errors.any?
+    - @address.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_address_path(@address.id), method: :patch, id: 'address_form', data: { account_dashboard_ajax: 'addresses' } do
+    = render 'workarea/storefront/shared/address_fields', label: 'address', address: @address
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_address', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: 'text-button', data: { dialog_close_button: '' }

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

@@ -0,0 +1,24 @@
+- @title = t('workarea.storefront.users.add_address')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.add_address')
+
+.view
+
+  %h1= t('workarea.storefront.users.add_address')
+
+  - if @address.errors.any?
+    - @address.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_addresses_path, method: 'post', id: 'address_form', data: { account_dashboard_ajax: 'addresses' } do
+    = render 'workarea/storefront/shared/address_fields', label: 'address', address: @address
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_address', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: 'text-button', data: { dialog_close_button: '' }

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

@@ -0,0 +1,65 @@
+- @title = t('workarea.storefront.users.edit_credit_card')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.edit_credit_card')
+
+.view
+
+  %h1= t('workarea.storefront.users.edit_credit_card')
+
+  - if @credit_card.errors.any?
+    - @credit_card.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  %table.table
+    %tbody
+      %tr
+        %th= t('workarea.storefront.credit_cards.issuer')
+        %td= @credit_card.issuer
+      %tr
+        %th= t('workarea.storefront.credit_cards.card_number')
+        %td= @credit_card.display_number
+      %tr
+        %th= t('workarea.storefront.users.default_card')
+        %td= @credit_card.default? ? 'Yes' : 'No'
+
+  = form_tag users_credit_card_path(@credit_card.id), method: :patch, id: 'credit_card_form' do
+
+    - unless @credit_card.default?
+      .button-property
+        .value= check_box_tag 'credit_card[default]', true, @credit_card.default?
+        = label_tag 'credit_card[default]', nil, class: 'button-property__name' do
+          %span.button-property__text= t('workarea.storefront.users.set_as_default_card')
+
+    .property.property--responsive
+      = label_tag 'credit_card[first_name]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.first_name')
+      .value= text_field_tag 'credit_card[first_name]', @credit_card.first_name, class: 'text-box', autocomplete: 'given-name', required: true
+
+    .property.property--responsive
+      = label_tag 'credit_card[last_name]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.last_name')
+      .value= text_field_tag 'credit_card[last_name]', @credit_card.last_name, class: 'text-box', autocomplete: 'family-name', required: true
+
+    .property.property--responsive
+      %span.property__name= t('workarea.storefront.credit_cards.expiration_date')
+      .value
+        = select_tag 'credit_card[month]', options_for_select(1..12, @credit_card.month), title: t('workarea.storefront.credit_cards.expiration_month')
+        = select_tag 'credit_card[year]', options_for_select(Time.current.year..Time.current.year + 10, @credit_card.year), title: t('workarea.storefront.credit_cards.expiration_year')
+
+    .property.property--responsive
+      = label_tag 'credit_card[cvv]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.credit_cards.security_code')
+      .value
+        = text_field_tag 'credit_card[cvv]', nil, class: 'text-box text-box--small', required: true, inputmode: 'numeric', pattern: '[0-9]*', autocomplete: 'cc-csc'
+        %span.value__note= link_to t('workarea.storefront.credit_cards.whats_this'), page_path('credit-card-security-code'), data: { dialog_button: '' }
+
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_credit_card', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: "text-button", data: { dialog_close_button: '' }

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

@@ -0,0 +1,58 @@
+- @title = t('workarea.storefront.users.add_credit_card')
+- params[:credit_card] ||= {}
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.add_credit_card')
+
+.view
+
+  %h1= t('workarea.storefront.users.add_credit_card')
+
+  - if @credit_card && @credit_card.errors.any?
+    - @credit_card.errors.full_messages.each do |message|
+      = render_message 'error', message, data: { analytics: validation_error_analytics_data('users').to_json }
+
+  = form_tag users_credit_cards_path, method: 'post', id: 'credit_card_form', data: { single_submit_form: '' } do
+
+    .property.property--responsive
+      = label_tag 'credit_card[number]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.credit_cards.card_number')
+      .value= text_field_tag 'credit_card[number]', nil, class: 'text-box', inputmode: 'numeric', pattern: '[0-9]*', required: true, autocomplete: 'cc-number'
+
+    .property.property--responsive
+      = label_tag 'credit_card[first_name]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.first_name')
+      .value= text_field_tag 'credit_card[first_name]', params[:credit_card][:first_name], class: 'text-box', autocomplete: 'given-name', required: true
+
+    .property.property--responsive
+      = label_tag 'credit_card[last_name]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.users.last_name')
+      .value= text_field_tag 'credit_card[last_name]', params[:credit_card][:last_name], class: 'text-box', autocomplete: 'family-name', required: true
+
+    .property.property--responsive
+      %span.property__name= t('workarea.storefront.credit_cards.expiration_date')
+      .value
+        = select_tag 'credit_card[month]', options_for_select(1..12, params[:credit_card][:month]), title: t('workarea.storefront.credit_cards.expiration_month'), aria: { label: t('workarea.storefront.credit_cards.expiration_month') }
+        = select_tag 'credit_card[year]', options_for_select(Time.current.year..Time.current.year + 10, params[:credit_card][:year]), title: t('workarea.storefront.credit_cards.expiration_year'), aria: { label: t('workarea.storefront.credit_cards.expiration_year') }
+
+    .property.property--responsive
+      = label_tag 'credit_card[cvv]', nil, class: 'property__name' do
+        %span.property__text= t('workarea.storefront.credit_cards.security_code')
+      .value
+        = text_field_tag 'credit_card[cvv]', nil, class: 'text-box text-box--small', inputmode: 'numeric', pattern: '[0-9]*', autocomplete: 'cc-csc', required: true
+        %span.value__note=link_to t('workarea.storefront.credit_cards.whats_this'), page_path('credit-card-security-code'), data: { dialog_button: '' }
+
+    .button-property
+      .value= check_box_tag 'credit_card[default]', true, @user.credit_cards.empty?
+      = label_tag 'credit_card[default]', nil, class: 'button-property__name' do
+        %span.button-property__text= t('workarea.storefront.users.set_as_default_card')
+
+    .grid.grid--auto
+      %p.grid__cell= button_tag t('workarea.storefront.forms.save'), value: 'save_credit_card', class: 'button'
+      %p.grid__cell= link_to t('workarea.storefront.forms.cancel'), users_account_path, class: "text-button", data: { dialog_close_button: '' }

data/app/views/workarea/storefront/users/current_user.json.jbuilder

@@ -0,0 +1,8 @@
+json.logged_in logged_in?
+json.cart_quantity current_order.quantity
+json.admin !!current_admin
+json.impersonating impersonating?
+json.browsing_as_guest admin_browsing_as_guest?
+json.csrf_param request_forgery_protection_token.to_s
+json.csrf_token form_authenticity_token
+json.append_partials('storefront.current_user')

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

@@ -0,0 +1,51 @@
+- @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__cell.grid__cell--50-at-medium
+        %h2= 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= email_field_tag :email, params[:email], id: 'log_in_email', class: 'text-box', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+          .property
+            = label_tag 'log_in_password', nil, class: 'property__name' do
+              %span.property__text= t('workarea.storefront.users.password')
+            .value= password_field_tag :password, nil, id: 'log_in_password', class: 'text-box', required: true, autocomplete: 'off'
+          .grid.grid--auto
+            %p.grid__cell= button_tag t('workarea.storefront.users.login'), value: 'login', class: 'button'
+            %p.grid__cell= link_to t('workarea.storefront.users.forgot_password'), forgot_password_path, class: 'text-button'
+
+      .grid__cell.grid__cell--50-at-medium
+        %h2= 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
+              = email_field_tag :email, params[:email], id: 'create_account_email', class: 'text-box', required: true, placeholder: t('workarea.storefront.forms.email_placeholder')
+              - 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
+              = password_field_tag :password, nil, id: 'create_account_password', class: 'text-box', required: true, minlength: minimum_password_length, autocomplete: 'off'
+              - 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', 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,23 @@
+.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--auto
+      %p.grid__cell= 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?
+          %p.grid__cell= 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,21 @@
+- @title = t('workarea.storefront.users.order_history')
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.order_history')
+
+.view
+
+  %h1= t('workarea.storefront.users.order_history')
+
+  - if @orders.empty?
+    %p= t('workarea.storefront.users.no_orders')
+
+  - else
+    - @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,19 @@
+- @title = "#{t('workarea.storefront.orders.order')} #{@order.id}"
+
+- content_for :breadcrumbs do
+  %p.breadcrumbs__node-group
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.layouts.home'), root_path, rel: 'home', class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.account'), users_account_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      = link_to t('workarea.storefront.users.order_history'), users_orders_path, class: 'breadcrumbs__link'
+    %span.breadcrumbs__node{ itemprop: 'breadcrumb' }
+      %span.breadcrumbs__text= t('workarea.storefront.users.order_details')
+
+.view
+  %h1.visually-hidden= t('workarea.storefront.orders.view_order')
+
+  = append_partials('storefront.order_show')
+
+  = render 'workarea/storefront/orders/summary', order: @order

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

@@ -0,0 +1,21 @@
+- @title = t('workarea.storefront.users.change_password')
+
+.view
+
+  %h1= 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', required: true, autocomplete: 'off'
+
+    .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', minlength: 7, required: true, autocomplete: 'off'
+
+    .grid.grid--auto
+      %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'