comable-frontend-fashionable 0.6.0

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

@@ -0,0 +1,82 @@
+#wrap
+  h2
+    = @order.class.human_state_name(:confirm)
+  hr.line-bg
+  .step
+    = image_tag("step_03.png")
+  table.cart
+    tr
+      th 商品画像
+      th 品番・品名・詳細
+      th 数量
+      th 単価（税込）
+      th 小計
+      th 削除
+    - @order.order_items.each do |order_item|
+      - stock = order_item.stock
+      - product = stock.product
+      tr
+        td.center
+          = link_to image_tag(product.image_url, width: '100'), comable.product_path(product)
+        td
+          .code
+            = product.code
+          .name
+            = stock.name_with_sku
+          .caption
+            = product.caption
+          - if order_item.unstocked?
+            .error.soldout = Comable.t('carts.soldout')
+        td.center
+          = order_item.quantity
+        td.right
+          = number_to_currency product.price
+        td.right
+          = number_to_currency product.price*order_item.quantity
+        td.center
+          = link_to image_tag("bt_delete.png"), comable.cart_path(stock_id: stock.id), method: :delete
+    tr
+      td 合計
+      td.right colspan="5"
+        = number_to_currency @order.current_item_total_price
+    tr
+      td 送料
+      td.right colspan="5"
+        = number_to_currency @order.current_shipment_fee
+    tr
+      td 総額
+      td.right colspan="5"
+        = number_to_currency @order.current_total_price
+
+
+  p.title 注文者情報
+  .box
+    table.nonmember-ordre
+      tr
+        = render 'comable/shared/address', address: @order.ship_address
+
+      tr
+        th メールアドレス
+        td
+          .comable-email
+            = @order.email
+
+  - if @order.payment
+    p.title 決済方法等
+    .box
+      p
+        span
+          = @order.payment.name
+
+  - if @order.shipment
+    p.title 配送方法
+    .box
+      p
+        span
+          = @order.shipment.name
+
+  .btn-inner
+    th colspan="2"
+      = form_for @order, as: :order, url: comable.order_path, method: :post do |f|
+        = f.submit 'この内容で注文する', class: 'btn'
+

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

@@ -0,0 +1,17 @@
+#comable-order
+  h2
+    = @order.class.human_state_name(:completed)
+  hr.line-bg/
+  .step
+    = image_tag("step_04.png")
+  p.center
+    span
+      | ご注文ありがとうございます。
+      br
+      | 注文番号は下記になります。
+      br
+      span =@order.code
+      br
+      | 商品のお届けまで、もうしばらくお待ちください。
+    = link_to 'TOPに戻る', comable.root_path
+

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

@@ -0,0 +1,52 @@
+#comable-order
+  .comable-ship_address
+    h2 配送先住所
+    hr.line-bg/
+    .step
+      = image_tag("step_01.png")
+    - if @order.ship_address.try(:persisted?)
+      = render 'comable/shared/address', address: @order.ship_address
+      = link_to Comable.t('next_step'), next_order_path
+
+      .edit.row
+        h2
+          = Comable.t('edit_shipping_address')
+        = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+          = f.fields_for :ship_address do |ff|
+            = render 'comable/shared/address_form', address: ff
+          = f.submit Comable.t('next_step')
+
+      - if current_comable_user.other_addresses.any?
+        .other_addresses.row
+          h2
+            = Comable.t('other_addresses')
+          ul.list-unstyled
+            - current_comable_user.addresses.each do |address|
+              - next if @order.ship_address.same_as? address
+              li.col-sm-4
+                = render 'comable/shared/address', address: address
+                = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+                  .hidden
+                    = f.fields_for :ship_address, address.clone do |ff|
+                      = render 'comable/shared/address_form', address: ff
+                  = f.submit Comable.t('use_this_address'), class: 'btn btn-default'
+
+    - else
+      / TODO: Standardize
+      - if @order.errors.any?
+        .error_messages
+          ul
+            - @order.errors.full_messages.each do |full_message|
+              li = full_message
+
+      .new
+      = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+        table.nonmember-ordre
+          - @order.ship_address ||= @order.build_ship_address
+          = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+            = f.fields_for :ship_address do |ff|
+              = render 'comable/shared/address_form', address: ff
+
+        .button-box
+          = link_to '戻る',comable.signin_order_path, class: 'prv-next'
+          = f.submit '次へ', class: 'prv-next'

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

@@ -0,0 +1,72 @@
+#comable-order
+  .comable-bill_address
+    h2 注文者情報入力
+    hr.line-bg
+    .step
+      = image_tag("step_01.png")
+    - if @order.bill_address.try(:persisted?)
+      .comable-email
+        = @order.email
+      = render 'comable/shared/address', address: @order.bill_address
+      = link_to Comable.t('next_step'), next_order_path
+
+      .edit.row
+        h2
+          = Comable.t('edit_billing_address')
+
+        = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+          table.new-member
+            tbody
+              tr
+                th
+                  .col-sm-2.control-label
+                    = f.label :email
+                tb
+                  .col-sm-10
+                    = f.email_field :email, placeholder: @order.class.human_attribute_name(:email)
+              = f.fields_for :bill_address do |ff|
+                = render 'comable/shared/address_form', address: ff
+
+          = f.submit Comable.t('next_step')
+
+      - if current_comable_user.other_addresses.any?
+        .other_addresses.row
+          h2
+            = Comable.t('other_addresses')
+          ul.list-unstyled
+            - current_comable_user.addresses.each do |address|
+              - next if @order.bill_address.same_as? address
+              li.col-sm-4
+                = render 'comable/shared/address', address: address
+                = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+                  .hidden
+                    = f.fields_for :bill_address, address.clone do |ff|
+                      = render 'comable/shared/address_form', address: ff
+                  = f.submit Comable.t('use_this_address'), class: 'btn btn-default'
+
+    - else
+      / TODO: Standardize
+      - if @order.errors.any?
+        .error_messages
+          ul
+            - @order.errors.full_messages.each do |full_message|
+              li = full_message
+
+      .new
+        - @order.bill_address ||= @order.build_bill_address
+        = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+          table.nonmember-ordre
+            tbody
+              tr
+                th
+                  .col-sm-2.control-label
+                    span ※
+                    = f.label :email
+                td
+                  .col-sm-10
+                    = f.email_field :email, placeholder: @order.class.human_attribute_name(:email), style: 'width:500px'
+              = f.fields_for :bill_address do |ff|
+                = render 'comable/shared/address_form', address: ff
+          .button-box
+            = link_to '戻る',comable.signin_order_path, class: 'prv-next'
+            = f.submit '次へ', class: 'prv-next'

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

@@ -0,0 +1,60 @@
+#comable-order
+  .comable-pyament
+    h2 ショッピングカート：決済方法の選択
+    hr.line-bg
+    - if @order.errors.any?
+      .errors
+        ul
+          - @order.errors.full_messages.each do |message|
+            li = message
+    .step
+      = image_tag("step_02.png")
+  table.cart
+    tr
+      th 商品画像
+      th 品番・品名・詳細
+      th 数量
+      th 単価（税込）
+      th 小計
+      th 削除
+    - @order.order_items.each do |order_item|
+      - stock = order_item.stock
+      - product = stock.product
+      tr
+        td.center
+          = link_to image_tag(product.image_url, width: '100'), comable.product_path(product)
+        td
+          .code
+            = product.code
+          .name
+            = stock.name_with_sku
+          .caption
+            = product.caption
+          - if order_item.unstocked?
+            .error.soldout = Comable.t('carts.soldout')
+        td.center
+          = order_item.quantity
+        td.right
+          = number_to_currency product.price
+        td.right
+          = number_to_currency product.price*order_item.quantity
+        td.center
+          = link_to image_tag("bt_delete.png"), comable.cart_path(stock_id: stock.id), method: :delete
+    tr
+      td 合計
+      td.right colspan="5"
+        = number_to_currency @order.current_item_total_price
+  p.title 決済方法等
+  = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+    .box
+      p
+        - payment = @order.payment || @order.build_payment
+        = f.fields_for :payment, payment do |ff|
+          - Comable::PaymentMethod.all.each.with_index do |payment_method, index|
+            span
+              - checked_flag = payment.payment_method ? (payment.payment_method == payment_method) : index.zero?
+              = ff.radio_button :payment_method_id, payment_method.id, checked: checked_flag
+              = ff.label :payment_method_id, payment_method.name, value: payment_method.id
+    .btn-inner
+      = f.submit Comable.t('next_step'), class: 'btn'
+

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

@@ -0,0 +1,60 @@
+#wrap
+  h2 ショッピングカート：配送方法選択
+  hr.line-bg
+  - if @order.errors.any?
+    .errors
+      ul
+        - @order.errors.full_messages.each do |message|
+          li = message
+  .step
+    = image_tag("step_02.png")
+  table.cart
+    tr
+      th 商品画像
+      th 品番・品名・詳細
+      th 数量
+      th 単価（税込）
+      th 小計
+      th 削除
+    - @order.order_items.each do |order_item|
+      - stock = order_item.stock
+      - product = stock.product
+      tr
+        td.center
+          = link_to image_tag(product.image_url, width: '100'), comable.product_path(product)
+        td
+          .code
+            = product.code
+          .name
+            = stock.name_with_sku
+          .caption
+            = product.caption
+          - if order_item.unstocked?
+            .error.soldout = Comable.t('carts.soldout')
+        td.center
+          = order_item.quantity
+        td.right
+          = number_to_currency product.price
+        td.right
+          = number_to_currency product.price*order_item.quantity
+        td.center
+          = link_to image_tag("bt_delete.png"), comable.cart_path(stock_id: stock.id), method: :delete
+    tr
+      td 合計
+      td.right colspan="5"
+        = number_to_currency @order.current_item_total_price
+
+
+  p.title = @order.class.human_state_name(:shipment)
+  = form_for @order, as: :order, url: update_order_path, method: :put do |f|
+    .box
+      p
+        - shipment = @order.shipment || @order.build_shipment
+        = f.fields_for :shipment, shipment do |ff|
+          - Comable::ShipmentMethod.activated.each.with_index do |shipment_method, index|
+            span
+              - checked_flag = shipment.shipment_method ? (shipment.shipment_method == shipment_method) : index.zero?
+              = ff.radio_button :shipment_method_id, shipment_method.id, checked: checked_flag
+              = ff.label :shipment_method_id, shipment_method.name, value: shipment_method.id
+    .btn-inner
+      = f.submit Comable.t('next_step'), :class =>'btn'

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

@@ -0,0 +1,89 @@
+#wrap
+  - if @order.errors.any?
+    .error_messages
+      ul
+        - @order.errors.full_messages.each do |full_message|
+          li = full_message
+
+  h2 ショッピングカート：注文者情報入力（新規会員登録）
+  hr.line-bg
+  .step
+    = image_tag("step_01.png")
+  table.cart
+    tr
+      th 商品画像
+      th 品番・品名・詳細
+      th 数量
+      th 単価（税込）
+      th 小計
+      th 削除
+    - @order.order_items.each do |order_item|
+      - stock = order_item.stock
+      - product = stock.product
+      tr
+        td.center
+          = link_to image_tag(product.image_url, width: '100'), comable.product_path(product)
+        td
+          .code
+            = product.code
+          .name
+            = link_to stock.name_with_sku, comable.product_path(product)
+          .caption
+            = product.caption
+          - if order_item.unstocked?
+            .error.soldout = Comable.t('carts.soldout')
+        td.center
+          = order_item.quantity
+        td.right
+          = number_to_currency product.price
+        td.right
+          = number_to_currency current_comable_user.cart.price
+        td.center
+          = link_to image_tag("bt_delete.png"), comable.cart_path(stock_id: stock.id), method: :delete
+    tr
+      td 合計
+      td.right colspan="5"
+        = number_to_currency @order.current_item_total_price
+
+  section.member
+    = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+      .login-box
+        p.login 会員の方
+        tr
+          th
+            span ログインID
+          td
+            = f.email_field :email, autofocus: true, class: 'id-pass'
+        tr
+          th
+            span パスワード
+          td
+            = f.password_field :password, autocomplete: "off", class: 'id-pass' 
+        p.bt-login
+          = image_submit_tag "bt_login.png", :class=>'bt-login'
+        p.forget
+          = link_to "パスワードをお忘れの方はこちら", comable.new_user_password_path
+    .member-box
+      p.login 初めての方（新規会員登録）
+      p
+        | 無料で新規会員登録ができます。
+        br
+        |
+        br
+        | 会員登録をすると便利なMyページをご利用いただけます。また、ログインするだけで、毎回お名前や住所などを入力することなくスムーズにお買い物をお楽しみいただけます。
+      .bt-member
+        = link_to image_tag("bt_member.png"), comable.new_user_registration_path
+  p.center 会員登録をしないで商品を購入される方は、こちらより購入手続きが行えます。
+  .btn-inner
+    = form_for @order, as: :order, url: comable.guest_order_path, method: :put do |f|
+      .form-group
+        .col-sm-2.control-label
+          | ▼メールアドレスを入力してください
+        .col-sm-10
+          = f.email_field :email, placeholder: @order.class.human_attribute_name(:email), class: 'id-pass'
+      = f.submit "会員登録をしないで購入手続き", class: 'btn'
+  p.center
+    = link_to "買い物を続ける",comable.root_path
+/! end#wrap
+
+

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

@@ -0,0 +1,60 @@
+#main
+  ul.breadcrumb
+    li
+      = link_to "トップページ",comable.root_path
+      | 　>
+    - if @category.present? && @category.ancestors.present?
+      li 
+        =link_to_category @category.ancestors.first, force_link: true
+        | 　>
+    - if @category.present?
+      li
+        = link_to_category @category
+    
+    /- if @category.children.each do |child|  
+      li 
+        = link_to_category child, force_link: true 
+
+  hr.line-bg/
+  p.result
+    | 検索結果：
+    = @products.total_count
+    | 件
+  .search
+    = form_tag comable.products_path, method: :get do
+      .hidden
+        = hidden_field_tag :category_id, params[:category_id]
+        = submit_tag
+
+      #per_page
+        p.cate
+         | 表示件数
+        = select_tag :per_page, options_for_select(Comable::Product.per_page.options, params[:per_page])
+
+      #order_by
+        p.cate
+          | 並び替え
+        = select_tag :order_by, options_for_select(Comable::Product.order_by.options, params[:order_by])
+
+      #filter_by_stocks
+        p.cate
+          | 在庫の有無
+        = select_tag :filter_by_stocks, options_for_select(Comable::Product.filter_by_stocks.options, params[:filter_by_stocks])
+
+  .box
+    .product.col-sm-10
+      - @products.each_slice(5) do |products|
+        ul.product
+          - products.each do |product|
+            li.col-sm-4
+              /.icon
+              = link_to comable.product_path(product), class: 'thumbnail' do
+                = image_tag product.image_url, width: '100'
+              .name
+                = link_to product.name, comable.product_path(product)
+              .price
+                = number_to_currency product.price
+    ul.pageNav
+      = paginate @products, theme: :comable_frontend
+/! end#mian
+

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

@@ -0,0 +1,63 @@
+#contents 
+  #main
+    ul.breadcrumb
+      li
+        = link_to "トップページ", comable.root_path
+      li
+        span >
+        - 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
+        span >
+        = @product.name
+    hr.line-bg
+
+    #ProductDetailArea
+      /! 画像側
+      .main-product
+        .sample
+          = image_tag @product.image_url, class: 'main', width: '100%'
+        - if @product.stocks.present?
+          ul.stock
+            - @product.stocks.each do |stock|
+              = form_tag comable.add_cart_path do
+                li.ed
+                  p =stock.sku_v_choice_name
+                  p
+                    =stock.sku_h_choice_name
+                    | （
+                    =stock.quantity
+                    | ）
+                  - if stock.stocked?
+                    .add_cart.form-inline.form-group
+                      = hidden_field_tag :stock_id, stock.id
+                      = hidden_field_tag :product_id, @product.id
+                      = select_tag :quantity, options_for_select(1.upto(10).to_a)
+                      = image_submit_tag 'shoppingcart.png'
+                  - else
+                    p 
+                      .sold_out
+                        = Comable.t('soldout')
+
+      /! 詳細側
+      .main-detail
+        .icon
+          p.new New
+        p.lot-number
+          | 商品番号：
+          = @product.code
+        h1 = @product.name
+        p.price = number_to_currency @product.price
+        p.title Detail
+        ul.DetailColor
+          - @product.images.each do |image|      
+            li
+              = image_tag image.url
+      .introduction
+        - if @product.caption.present?
+          p アイテム紹介
+          p.text
+            =@product.caption
+      hr.dod
+

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

@@ -0,0 +1,24 @@
+tr
+  th お名前
+  td
+    = address.full_name
+tr
+  th 郵便番号
+  td
+    = address.zip_code
+tr
+  th 都道府県
+  td
+    = address.state_name
+tr
+  th 市町村
+  td
+    = address.city
+tr
+  th 番地・建物名・部屋番号
+  td
+    = address.detail
+tr
+  th 電話番号
+  td
+    = address.phone_number

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

@@ -0,0 +1,60 @@
+tr
+  th
+    span ※ 
+    = address.label :full_name
+  td
+    | 姓　
+    = address.text_field :family_name
+    | 　名　
+    = address.text_field :first_name
+tr
+  th
+    .col-sm-2.control-label
+      span ※
+      = address.label :zip_code
+  td
+    .col-sm-10
+      span> 〒
+      = address.text_field :zip_code
+      br
+      span 例：151-0021
+tr
+  th
+    .col-sm-2.control-label
+      span> ※
+      = address.label :state_name
+  td
+    .col-sm-10
+      = address.text_field :state_name, style: 'width:250px'
+      br
+      span 例：東京都
+tr
+  th
+    .col-sm-2.control-label
+      span> ※
+      = address.label :city
+  td
+    .col-sm-10
+      = address.text_field :city, style: 'width:250px'
+      br
+      span> 例：渋谷区恵比寿西
+tr
+  th
+    .col-sm-2.control-label
+      |  番地・建物名・部屋番号
+  td
+    .col-sm-10
+      = address.text_field :detail, style: 'width:250px'
+      br
+      span> 例：1-1-1 エレコマビル5F
+tr
+  th
+    .col-sm-2.control-label
+      = address.label :phone_number
+  td
+    .col-sm-10
+      = address.text_field :phone_number, max_length: 18, style: 'width:250px'
+      br
+      span> 携帯可
+
+

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

@@ -0,0 +1,17 @@
+#pagetop
+  .pagetop
+    a href="#header"
+      = image_tag("pagetop.gif")
+#footer
+  .inner
+    a href="#" お問い合わせ
+    | 　　
+    a href="#" よくある質問
+    | 　　
+    a href="#" プライバシーポリシー
+    | 　　
+    a href="#" 特定商取引法に基づく表記
+    | 　　
+    a href="#" 会社概要
+    p.copyright Copyright (c) 2000-2015 K&Bstyle CO.LTD. All Rights Reserved.
+

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

@@ -0,0 +1,30 @@
+#header
+  h1 =link_to image_tag('logo.gif'),comable.root_path
+  .member-info
+    .cart
+      = link_to comable.cart_path do
+        .inner-bg
+          - if current_comable_user.cart.present?
+            p
+              = current_comable_user.cart.count
+              span 点　　&yen
+              = number_to_currency current_comable_user.cart.price
+              span -
+          - else
+            p 0 点　　&yen 0-
+    p.test
+      | 　　　
+      = link_to '会員登録',comable.user_session_path
+      | 　｜　
+      = link_to 'マイページ',comable.user_path
+      | 　｜　
+      - 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')
+/! end#heder
+hr.line/