comable-frontend 0.6.0

data/app/views/comable/orders/signin.slim

@@ -0,0 +1,22 @@
+#comable-order
+  .comable-signin
+    / TODO: Standardize
+    - if @order.errors.any?
+      .error_messages
+        ul
+          - @order.errors.full_messages.each do |full_message|
+            li = full_message
+
+    section.col-sm-6
+      = render file: 'devise/sessions/new'
+
+    section.col-sm-6
+      h2
+        = Comable.t('guest')
+      = form_for @order, as: :order, url: comable.guest_order_path, method: :put do |f|
+        .form-group
+          .col-sm-2.control-label
+            = f.label :email
+          .col-sm-10
+            = f.email_field :email, placeholder: @order.class.human_attribute_name(:email)
+        = f.submit Comable.t('guest_order'), class: 'btn btn-default'

data/app/views/comable/pages/show.slim

@@ -0,0 +1,7 @@
+- set_meta_tags(title: @page.page_title, description: @page.meta_description, keywords: @page.meta_keywords)
+
+section
+  h1
+    = @page.title
+
+== @page.content

data/app/views/comable/products/index.slim

@@ -0,0 +1,20 @@
+#comable-product
+  - if @category
+    .row
+      = listed_categories @category.path, tag: :ol, class: 'breadcrumb'
+
+  .row
+    .category.col-sm-2
+      h2
+        = Comable.t('category')
+      - if @category
+        = listed_categories @category.path, class: 'category-path'
+        = listed_categories @category.children
+      - else
+        = listed_categories Comable::Category.roots
+
+    .products.col-sm-10
+      = render 'comable/shared/products'
+
+      .text-center
+        = paginate @products, theme: :comable_frontend

data/app/views/comable/products/show.slim

@@ -0,0 +1,89 @@
+#comable-product
+  .row
+    ol.breadcrumb
+      - if @product.categories.any?
+        - @product.categories.first.path.each do |category|
+          li = link_to category.name, comable.products_path(category_id: category.id)
+      li.active
+        = @product.name
+
+  .row
+    .images.col-sm-6
+      - if @product.images.any?
+        .image
+          = link_to @product.image_url, class: 'thumbnail' do
+            = image_tag @product.image_url, width: '100%'
+        .row
+          - (@product.images - [@product.images.first]).each do |image|
+              .image.col-sm-4
+                = link_to image.url, class: 'thumbnail' do
+                  = image_tag image.url, width: '100%'
+      - else
+        .thumbnail
+          .image = image_tag @product.image_url, width: '100%'
+
+    .text.col-sm-6
+      h1.name
+        = @product.name
+        small< = @product.code
+      .caption
+        = @product.caption
+      .price
+        = number_to_currency @product.price
+
+      = form_tag comable.add_cart_path do
+        - if @product.sku?
+          .sku
+            = sku_table @product
+
+        - if @product.stocked?
+          .add_cart.form-inline.form-group
+            = hidden_field_tag :product_id, @product.id
+            = select_tag :quantity, options_for_select(1.upto(10).to_a)
+            = submit_tag Comable.t('add_to_cart')
+        - else
+          .soldout
+            = Comable.t('soldout')
+
+  - if @product.categories.any?
+    .row
+      h2
+        = Comable.t('browse_related_products')
+      ul
+        - @product.categories.each do |category|
+          li = listed_categories category.path, class: 'category-breadcrumb'
+
+  #comable-image-dialog
+  coffee:
+    jQuery( ->
+      $('#comable-product .images .image a').click((event) ->
+        # Disable this event on smartphone
+        return if $(window).width() <= 768
+
+        event.preventDefault()
+
+        image = $(this).find('img')[0]
+        return if image.length == 0
+
+        $('body').addClass('stop-scrolling')
+
+        image_clone = $(image).clone().css(width: 'auto', height: 'auto')
+
+        $('#comable-image-dialog').html(image_clone).dialog(
+          modal: true,
+          resizable: false,
+          width: $(window).width(),
+          height: $(window).height(),
+          dialogClass: 'without-titlebar',
+          close: -> $('body').removeClass('stop-scrolling')
+        )
+      )
+
+      $('#comable-image-dialog').click( ->
+        $(this).dialog('close')
+      );
+
+      $(document).on('click', '.ui-widget-overlay', ->
+        $('#comable-image-dialog').dialog('close')
+      );
+    )

data/app/views/comable/shared/_address.slim

@@ -0,0 +1,13 @@
+.comable-full_name
+  strong
+    = address.full_name
+.comable-zip_code
+  = address.zip_code
+.comable-address1
+  = address.state_name
+  = address.city
+.comable-address2
+  = address.detail
+.comable-phone_number
+  = "#{address.class.human_attribute_name(:phone_number)}: "
+  = address.phone_number

data/app/views/comable/shared/_address_form.slim

@@ -0,0 +1,39 @@
+.form-group.comable-name
+  .col-sm-2.control-label
+    = address.label :full_name
+  .col-sm-10
+    .row
+      .col-sm-6
+        = address.text_field :family_name, placeholder: address.object.class.human_attribute_name(:family_name)
+      .col-sm-6
+        = address.text_field :first_name, placeholder: address.object.class.human_attribute_name(:first_name)
+
+.form-group.comable-state_name
+  .col-sm-2.control-label
+    = address.label :state_name
+  .col-sm-10
+    = address.text_field :state_name, placeholder: address.object.class.human_attribute_name(:state_name)
+
+.form-group.comable-zip_code
+  .col-sm-2.control-label
+    = address.label :zip_code
+  .col-sm-10
+    = address.text_field :zip_code, max_length: 8, placeholder: address.object.class.human_attribute_name(:zip_code)
+
+.form-group.comable-city
+  .col-sm-2.control-label
+    = address.label :city
+  .col-sm-10
+    = address.text_field :city, placeholder: address.object.class.human_attribute_name(:city)
+
+.form-group.comable-detail
+  .col-sm-2.control-label
+    = address.label :detail
+  .col-sm-10
+    = address.text_field :detail, placeholder: address.object.class.human_attribute_name(:detail)
+
+.form-group.phone_number
+  .col-sm-2.control-label
+    = address.label :phone_number
+  .col-sm-10
+    = address.text_field :phone_number, max_length: 18, placeholder: address.object.class.human_attribute_name(:phone_number)

data/app/views/comable/shared/_footer.slim

@@ -0,0 +1,39 @@
+footer
+  .container
+    .row
+      .col-md-4
+        h3
+          = Comable.t('support')
+        ul.list-unstyled
+          li
+            i.glyphicon.glyphicon-earphone>
+            | 0123-XX-XXXX
+          li
+            i.glyphicon.glyphicon-envelope>
+            | comable@example.com
+      .col-md-4
+        h3
+          = Comable.t('pages')
+        ul.list-unstyled
+          li
+            = link_to Comable.t('home'), comable.root_path
+          li
+            = link_to Comable.t('products'), comable.products_path
+          li
+            = link_to Comable.t('cart'), comable.cart_path
+          li
+            = link_to Comable.t('my_account'), comable.user_path
+      .col-md-4
+        h3
+          = Comable.t('my_account')
+        ul.list-unstyled
+          li
+            = link_to Comable.t('sign_in'), comable.new_user_session_path
+          li
+            = link_to Comable.t('my_account'), comable.user_path
+          li
+            = link_to Comable.t('change_email_or_password'), comable.edit_user_path
+          li
+            = link_to Comable.t('edit_your_address_book'), comable.addresses_user_path
+  .credit
+    | Powered by #{link_to Comable.app_name, Comable.homepage}

data/app/views/comable/shared/_header.slim

@@ -0,0 +1,74 @@
+header
+  nav.navbar.navbar-default role="navigation"
+    .comable-navbar-top
+      .container
+        /! Collect the nav links, forms, and other content for toggling
+        #bs-example-navbar-collapse-1.collapse.navbar-collapse
+          ul.nav.navbar-nav
+            li
+              p.navbar-text
+                | descriptions
+          ul.nav.navbar-nav.navbar-right
+            li
+              = link_to Comable.t('my_account'), comable.user_path
+            li
+              - if current_comable_user.signed_in?
+                = link_to comable.destroy_user_session_path, method: :delete do
+                  i.glyphicon.glyphicon-log-out>
+                  = Comable.t('sign_out')
+              - else
+                = link_to comable.new_user_session_path do
+                  i.glyphicon.glyphicon-log-in>
+                  = Comable.t('sign_in')
+    .container
+      /! Brand and toggle get grouped for better mobile display
+      .navbar-header
+        button.navbar-toggle.collapsed data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"
+          span.sr-only Toggle navigation
+          span.icon-bar
+          span.icon-bar
+          span.icon-bar
+        = link_to current_store.name, comable.root_path, class: 'navbar-brand'
+      /! Collect the nav links, forms, and other content for toggling
+      #bs-example-navbar-collapse-1.collapse.navbar-collapse
+        ul.nav.navbar-nav
+          li.dropdown.menu-large
+            = link_to comable.products_path, class: 'dropdown-toggle', role: 'button', 'aria-expanded' => 'false' do
+              = Comable.t('category')
+              span.caret<
+            ul.dropdown-menu.megamenu.row
+              - Comable::Category.roots.each do |category|
+                li.col-sm-3
+                  ul
+                    li.dropdown-header
+                      = category.name
+                    - category.children.each do |child|
+                      li = link_to_category child, force_link: true
+        ul.nav.navbar-nav.navbar-right
+          li.dropdown
+            = link_to comable.cart_path, class: 'dropdown-toggle', role: 'button', 'aria-expanded' => 'false' do
+              i.glyphicon.glyphicon-shopping-cart>
+              span
+                = Comable.t('cart')
+              span<
+                | (#{current_comable_user.cart.size})
+              span.caret<
+            ul.dropdown-menu.comable-mini-cart role="menu"
+              - current_comable_user.cart.take(5).each do |cart_item|
+                li
+                  = link_to comable.product_path(cart_item.product) do
+                    .comable-image
+                      = image_tag cart_item.product.image_url, width: '100%'
+                    .comable-name
+                      = cart_item.name_with_sku
+                    .comable-quantity
+                      = "#{cart_item.class.human_attribute_name(:quantity)}: "
+                      = cart_item.quantity
+              li.comable-show-cart
+                = link_to Comable.t('show_cart'), comable.cart_path
+        = form_tag comable.products_path, method: :get, class: 'navbar-form' do
+          .form-group
+            .input-group
+              = text_field_tag :q, params[:q], class: 'form-control'
+              span.input-group-btn
+                = button_tag Comable.t('search'), class: 'btn btn-default', type: 'button'

data/app/views/comable/shared/_header_for_checkout.slim

@@ -0,0 +1,18 @@
+header
+  nav.navbar.navbar-default role="navigation"
+    .container
+      /! Brand and toggle get grouped for better mobile display
+      .navbar-header
+        = link_to current_store.name, comable.root_path, class: 'navbar-brand'
+      - unless devise_controller?
+        /! Collect the nav links, forms, and other content for toggling
+        .navbar-collapse
+          ol.nav.navbar-nav.navbar-right.comable-checkout-flow
+            li.signin class="#{'active' if action_name == 'signin'}"
+              = Comable.t('checkout_flow.sign_in')
+            li.addresses class="#{'active' if params[:state].in? %w( orderer delivery payment shipment )}"
+              = Comable.t('checkout_flow.address_and_payment')
+            li.confirm class="#{'active' if params[:state] == 'confirm'}"
+              = Comable.t('checkout_flow.confirm')
+            li.complete class="#{'active' if action_name == 'create'}"
+              = Comable.t('checkout_flow.complete')

data/app/views/comable/shared/_products.slim

@@ -0,0 +1,23 @@
+ul.row
+  - @products.each do |product|
+    li.col-xs-6.col-sm-3
+      .thumbnail.text-center
+        = link_to comable.product_path(product) do
+          = image_tag product.image_url, width: '100%'
+        h5
+          = link_to product.name, comable.product_path(product)
+        - if product.caption.present?
+          p
+            = product.caption
+        strong
+          = number_to_currency product.price
+        p
+          = form_tag comable.add_cart_path do
+            - stock = product.stocks.first
+            - if stock && stock.stocked?
+              .add_cart.form-inline.form-group
+                = hidden_field_tag :stock_id, stock.id
+                = submit_tag Comable.t('add_to_cart'), class: 'btn btn-default'
+            - else
+              .soldout
+                = submit_tag Comable.t('soldout'), class: 'btn btn-default', disabled: true

data/app/views/comable/shared/_tracker.slim

@@ -0,0 +1,2 @@
+- current_trackers.each do |tracker|
+  = liquidize tracker.code, tracker_id: tracker.tracker_id, order: @order || current_order

data/app/views/comable/users/_address.slim

@@ -0,0 +1,14 @@
+= render 'comable/shared/address', address: address
+
+ul.buttons.list-inline
+  - if address != address.user.bill_address
+    li.use_bill_address
+      = form_for current_comable_user, as: :user, url: comable.addresses_user_url, method: :put do |f|
+        = f.hidden_field :bill_address_id, value: address.id
+        = f.submit Comable.t('use_as_billing_address'), class: 'btn btn-default'
+
+  - if address != address.user.ship_address
+    li.use_ship_address
+      = form_for current_comable_user, as: :user, url: comable.addresses_user_url, method: :put do |f|
+        = f.hidden_field :ship_address_id, value: address.id
+        = f.submit Comable.t('use_as_shipping_address'), class: 'btn btn-default'

data/app/views/comable/users/addresses.slim

@@ -0,0 +1,54 @@
+.user
+  .addresses
+    h1
+      = Comable.t('address_book')
+
+    - if current_comable_user.errors.any?
+      .errors
+        ul
+          - current_comable_user.errors.full_messages.each do |full_message|
+            li = full_message
+
+    - if current_comable_user.addresses.empty?
+      .not_found
+        p
+          = Comable.t('not_found')
+    - else
+      .row
+        .bill_address.col-sm-6
+          h2
+            = current_comable_user.class.human_attribute_name(:bill_address)
+          - if current_comable_user.bill_address
+            = render 'address', address: current_comable_user.bill_address
+          - else
+            .not_found
+              p
+                = Comable.t('not_found')
+
+        .ship_address.col-sm-6
+          h2
+            = current_comable_user.class.human_attribute_name(:ship_address)
+          - if current_comable_user.ship_address
+            = render 'address', address: current_comable_user.ship_address
+          - else
+            .not_found
+              p
+                = Comable.t('not_found')
+
+      .row
+        .other_addresses
+          h2
+            = Comable.t('other_addresses')
+          ul.list-unstyled
+            - current_comable_user.other_addresses.each do |address|
+              li.col-sm-4
+                = render 'address', address: address
+
+  .new_address
+    h2
+      = Comable.t('new_address')
+    = form_for current_comable_user, as: :user, url: comable.addresses_user_url, method: :put do |f|
+      = f.fields_for :addresses, current_comable_user.addresses.build do |ff|
+        = render 'comable/shared/address_form', address: ff
+      .submit
+        = f.submit Comable.t('actions.create')

data/app/views/comable/users/show.slim

@@ -0,0 +1,60 @@
+#comable-user
+  h1
+    = Comable.t('my_account')
+
+  .comable-name
+    = current_comable_user.email
+
+  .comable-member-menu
+    ul
+      li
+        = link_to Comable.t('change_email_or_password'), comable.edit_user_path
+      li
+        = link_to Comable.t('edit_your_address_book'), comable.addresses_user_path
+
+  .coamble-orders
+    h2
+      = Comable.t('order_history')
+    - @orders.each do |order|
+      table
+        thead
+          tr
+            th
+              = order.class.human_attribute_name(:completed_at)
+            th
+              = order.class.human_attribute_name(:total_price)
+            th
+              = order.class.human_attribute_name(:bill_address)
+            th
+              = order.class.human_attribute_name(:code)
+        tbody
+          tr
+            td
+              = l order.completed_at.to_date, format: :long
+            td
+              = number_to_currency order.total_price
+            td
+              = order.bill_address.full_name
+            td
+              = order.code
+          - order.order_items.each do |order_item|
+            tr
+              td colspan="4"
+                .comable-detail
+                  .row
+                    .col-sm-2.comable-image
+                      = link_to comable.product_path(order_item.product), class: 'thumbnail' do
+                        = image_tag order_item.product.image_url, width: '100%'
+                    .col-sm-10
+                      .comable-name
+                        = link_to order_item.name_with_sku, comable.product_path(order_item.product)
+                      .comable-repeat
+                        = form_tag comable.add_cart_path do
+                          - if order_item.stock.stocked?
+                            .add_cart.form-inline.form-group
+                              = hidden_field_tag :stock_id, order_item.stock_id
+                              = hidden_field_tag :quantity, order_item.quantity
+                              = submit_tag Comable.t('reorder'), class: 'btn btn-default'
+
+    .text-center
+      = paginate @orders, theme: :comable_frontend

data/app/views/kaminari/comable_frontend/_gap.html.slim

@@ -0,0 +1,2 @@
+li.disabled
+  = link_to raw(t 'views.pagination.truncate'), '#'

data/app/views/kaminari/comable_frontend/_next_page.html.slim

@@ -0,0 +1,7 @@
+- if current_page.last?
+  li.disabled
+    span
+      = raw(t 'views.pagination.next')
+- else
+  li
+    = link_to raw(t 'views.pagination.next'), url, rel: 'next', remote: remote

data/app/views/kaminari/comable_frontend/_page.html.slim

@@ -0,0 +1,3 @@
+li class="#{'active' if page.current?}"
+  = link_to page, page.current? ? '#' : url,
+    remote: remote, rel: page.next? ? 'next' : page.prev? ? 'prev' : nil

data/app/views/kaminari/comable_frontend/_paginator.html.slim

@@ -0,0 +1,11 @@
+= paginator.render do
+  ul.pagination
+    == prev_page_tag
+
+    - each_page do |page|
+      - if page.left_outer? || page.right_outer? || page.inside_window?
+        == page_tag page
+      - elsif !page.was_truncated?
+        == gap_tag
+
+    == next_page_tag

data/app/views/kaminari/comable_frontend/_prev_page.html.slim

@@ -0,0 +1,7 @@
+- if current_page.first?
+  li.disabled
+    span
+      = raw(t 'views.pagination.previous')
+- else
+  li
+    = link_to raw(t 'views.pagination.previous'), url, rel: 'prev', remote: remote

data/app/views/layouts/comable/application.slim

@@ -0,0 +1,35 @@
+doctype html
+html
+  head
+    = display_meta_tags site: current_store.name, description: current_store.meta_description, keywords: current_store.meta_keywords
+
+    = stylesheet_link_tag "comable/frontend/application", media: "all"
+    = javascript_include_tag "comable/frontend/application"
+    = csrf_meta_tags
+
+    css:
+      .hidden { display: none; }
+
+    javascript:
+      jQuery(document).ready(function() {
+        $(".dropdown").hover(
+          function() { $('.dropdown-menu', this).stop().delay(500).queue(function() { $(this).show().parent().addClass('open').dequeue(); }) },
+          function() { $('.dropdown-menu', this).stop().hide().parent().removeClass('open'); });
+      });
+
+  - mini_header_flag = controller_name == 'orders' || devise_controller?
+  body class="#{'comable-checkout-layout' if mini_header_flag}"
+    = render 'comable/shared/tracker'
+
+    - if mini_header_flag
+      = render 'comable/shared/header_for_checkout'
+    - else
+      = render 'comable/shared/header'
+
+    main class="#{'container' if controller_name != 'home'}"
+      - flash.each do |name, msg|
+        = content_tag(:div, msg, id: "flash_#{name}")
+
+      == yield
+
+    = render 'comable/shared/footer'

data/config/routes.rb

@@ -0,0 +1,34 @@
+Comable::Core::Engine.routes.draw do
+  root to: 'home#show'
+
+  resource :home, only: :show
+  resources :products
+
+  resource :cart do
+    collection do
+      # TODO: post => put
+      post :add
+      put :checkout
+    end
+  end
+
+  resource :order, only: [:create] do
+    collection do
+      get 'signin', as: :signin
+      put 'guest', as: :guest
+      get ':state', action: :edit, as: :next
+      put ':state', action: :update
+    end
+  end
+
+  resources :pages, only: [:show]
+
+  devise_for :user, path: :member, class_name: Comable::User.name, module: :devise
+
+  resource :user, path: :member do
+    member do
+      get :addresses
+      put :addresses, action: :update_addresses
+    end
+  end
+end

data/lib/comable/frontend/engine.rb

@@ -0,0 +1,29 @@
+require 'comable/core'
+
+require 'slim'
+require 'bootstrap-sass'
+require 'sass-rails'
+require 'compass-rails'
+require 'kaminari'
+
+require 'jquery-rails'
+require 'jquery-ui-rails'
+
+require 'meta-tags'
+
+module Comable
+  module Frontend
+    class Engine < ::Rails::Engine
+      config.generators do |g|
+        g.template_engine :slim
+        g.test_framework :rspec, fixture: true
+        g.fixture_replacement :factory_girl, dir: 'spec/factories'
+      end
+
+      # XXX: a code below to delegate comable:install:migrations to comable-core
+      config.paths['db/migrate'] = []
+
+      config.autoload_paths << "#{config.root}/app/controllers/concerns" if Rails::VERSION::MAJOR == 3
+    end
+  end
+end

data/lib/comable/frontend.rb

@@ -0,0 +1 @@
+require 'comable/frontend/engine'

data/lib/tasks/comable_backend_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :comable_backend do
+#   # Task goes here
+# end