comable_backend 0.3.2 → 0.3.3

data/app/views/comable/admin/customers/edit.slim

@@ -1,94 +1,79 @@
-#comable-customer
-  ol.breadcrumb
-    li
-      = link_to Comable.t('admin.nav.dashboard'), comable.admin_root_path
-    li
-      = link_to Comable.t('admin.nav.customer'), comable.admin_customers_path
-    li
-      = link_to @customer.human_id, comable.admin_customer_path(@customer)
-    li.active
-      = Comable.t('admin.nav.customers.edit')
+.comable-page
+  .comable-main-fixed-top
+    .comable-page-heading
+      ul.pull-right.list-inline
+        li
+          = link_to_save
 
-  h1.page-header
-    = @customer.human_id
-    small<
-      = Comable.t('honorific', name: @customer.bill_full_name)
+      h1.page-header
+        ol.breadcrumb
+          li>
+            = link_to Comable.t('admin.nav.customer'), comable.admin_customers_path
+          li>
+            = link_to @customer.human_id, comable.admin_customer_path(@customer)
+          li.active
+            = Comable.t('admin.actions.edit')
+
+  .comable-page-body
+    section
+      = error_messages_for @customer
 
-  .row
-    section.col-sm-8
       = form_for @customer, url: comable.admin_customer_path(@customer) do |f|
-        .panel.panel-inverse
-          .panel-heading
-            .panel-title
-              = Comable.t('admin.nav.customers.edit')
-          .panel-body
-            .form-horizontal
-              fieldset
-                .form-group
-                  .col-sm-3.control-label
-                    = f.label :role
-                  .col-sm-6
-                    = f.select :role, @customer.class.role.options, {}, disabled: (@customer == current_customer)
+        .hidden
+          = f.submit
 
-              fieldset
-                .form-group
-                  .col-sm-3.control-label
-                    = f.label :email
-                  .col-sm-6
-                    = f.text_field :email
+        fieldset
+          .col-sm-3
+            legend
+              = Comable.t('admin.general')
+            .help-block
 
-                .form-group
-                  .col-sm-3.control-label
-                    = f.label :password
-                  .col-sm-6
-                    = f.password_field :password
+          .col-sm-9
+            .form-group
+              = f.label :role
+              = f.select :role, @customer.class.role.options, {}, disabled: (@customer == current_customer)
 
-              fieldset
-                legend.text-center.text-muted
-                  = f.object.class.human_attribute_name(:bill_address)
+            .form-group
+              = f.label :email
+              = f.text_field :email
 
-                = f.fields_for :bill_address do |ff|
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :full_name
-                    .col-sm-3
-                      = ff.text_field :family_name, placeholder: ff.object.class.human_attribute_name(:family_name)
-                    .col-sm-3
-                      = ff.text_field :first_name, placeholder: ff.object.class.human_attribute_name(:first_name)
+            .form-group
+              = f.label :password
+              = f.password_field :password
 
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :zip_code
-                    .col-sm-6
-                      = ff.text_field :zip_code, max_length: 8
+        - if @customer.bill_address
+          fieldset
+            .col-sm-3
+              legend
+                = f.object.class.human_attribute_name(:bill_address)
+              .help-block
 
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :state_name
+            .col-sm-9
+              = f.fields_for :bill_address do |ff|
+                .form-group
+                  = ff.label :full_name
+                  .row
                     .col-sm-6
-                      = ff.text_field :state_name
-
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :city
+                      = ff.text_field :family_name, placeholder: ff.object.class.human_attribute_name(:family_name)
                     .col-sm-6
-                      = ff.text_field :city
+                      = ff.text_field :first_name, placeholder: ff.object.class.human_attribute_name(:first_name)
 
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :detail
-                    .col-sm-6
-                      = ff.text_field :detail
+                .form-group
+                  = ff.label :zip_code
+                  = ff.text_field :zip_code, max_length: 8
 
-                  .form-group
-                    .col-sm-3.control-label
-                      = ff.label :phone_number
-                    .col-sm-6
-                        = ff.text_field :phone_number, max_length: 18
+                .form-group
+                  = ff.label :state_name
+                  = ff.text_field :state_name
 
-          .panel-footer
-            = link_to Comable.t('admin.actions.cancel'), comable.admin_customer_path(@customer), class: 'btn btn-default'
-            .pull-right
-              = f.submit
+                .form-group
+                  = ff.label :city
+                  = ff.text_field :city
+
+                .form-group
+                  = ff.label :detail
+                  = ff.text_field :detail
 
-    nav.col-sm-4
+                .form-group
+                  = ff.label :phone_number
+                  = ff.text_field :phone_number, max_length: 18

data/app/views/comable/admin/customers/index.slim

@@ -1,68 +1,69 @@
-#comable-customer
-  ol.breadcrumb
-    li
-      = link_to Comable.t('admin.nav.dashboard'), comable.admin_root_path
-    li.active
+.comable-page
+  .comable-page-heading
+    ul.pull-right.list-inline
+      li
+        .btn-group role="group"
+          = link_to_previous_page @customers, '<', class: 'btn btn-default' do
+            .btn.btn-default disabled="disabled"
+              | <
+          = link_to_next_page @customers, '>', class: 'btn btn-default' do
+            .btn.btn-default disabled="disabled"
+              | >
+
+    h1.page-header
       = Comable.t('admin.nav.customer')
+      small<
+        = @customers.total_count
+        = Comable.t('admin.results')
 
-  h1.page-header
-    = Comable.t('admin.nav.customer')
-    small<
-      = @customers.total_count
-      = Comable.t('admin.results')
+  .comable-page-body
+    .comable-search
+      = search_form_for @q, url: comable.admin_customers_path do |f|
+        .input-group
+          span.input-group-btn
+            button.btn.btn-default.dropdown-toggle type="button" data-toggle="dropdown"
+              i.fa.fa-search
+              span.caret<
+            ul.dropdown-menu role="menu"
+              li
+                = link_to Comable.t('admin.clear_search_conditions'), comable.admin_customers_path
+          = f.text_field :email_cont, class: 'form-control'
+          span.input-group-btn
+            = f.submit Comable.t('admin.search'), class: 'btn btn-default'
 
-  .row
-    section.col-sm-8
+    section
       - if @customers.empty?
         = Comable.t('admin.not_found')
       - else
-        .panel.panel-inverse
-          .panel-heading
-            .panel-title
-              = Comable.t('admin.index')
-          table.table.table-striped
-            thead
-              th
-                = sort_link [:comable, @q], :id
-              th
-                = sort_link [:comable, @q], :email
-              th
-                = @customers.klass.human_attribute_name(:bill_full_name)
-              th
-                = @customers.klass.human_attribute_name(:bill_address)
-              th
-                = @customers.klass.human_attribute_name(:orders)
-            tbody
-              - @customers.each do |customer|
-                tr
-                  td
-                    = link_to customer.human_id, comable.admin_customer_path(customer)
-                  td
-                    = customer.email
-                  td
-                    = customer.bill_full_name
-                  td
-                    - if customer.bill_address
-                      span> = customer.bill_address.state_name
-                      span> = customer.bill_address.city
-                      span> = customer.bill_address.detail
-                  td
-                    = customer.orders.count
-                    = Comable.t('admin.times')
+        table.table.table-striped
+          thead
+            th
+              = sort_link [:comable, @q], :id
+            th
+              = sort_link [:comable, @q], :email
+            th
+              = @customers.klass.human_attribute_name(:bill_full_name)
+            th
+              = @customers.klass.human_attribute_name(:bill_address)
+            th
+              = @customers.klass.human_attribute_name(:orders)
+          tbody
+            - @customers.each do |customer|
+              tr
+                td
+                  = link_to customer.human_id, comable.admin_customer_path(customer)
+                td
+                  = customer.email
+                td
+                  = customer.bill_full_name
+                td
+                  - if customer.bill_address
+                    span> = customer.bill_address.state_name
+                    span> = customer.bill_address.city
+                    span> = customer.bill_address.detail
+                td
+                  = customer.orders.count
+                  = Comable.t('admin.times')
 
         .text-center
           = paginate @customers, theme: :comable_backend
-
-    nav.col-sm-4
-      #comable-affix
-        .panel
-          .panel-body
-            = search_form_for @q, url: comable.admin_customers_path do |f|
-              .form-horizontal
-                .form-group
-                  .col-sm-3.control-label
-                    = f.label :email
-                  .col-sm-9
-                    = f.text_field :email_cont
-                .text-right
-                  = f.submit Comable.t('admin.search'), class: 'btn btn-default'

data/app/views/comable/admin/customers/show.slim

@@ -1,93 +1,88 @@
-#comable-customer
-  ol.breadcrumb
-    li
-      = link_to Comable.t('admin.nav.dashboard'), comable.admin_root_path
-    li
-      = link_to Comable.t('admin.nav.customer'), comable.admin_customers_path
-    li.active
-      = @customer.human_id
+.comable-page
+  .comable-page-heading
+    ul.pull-right.list-inline
+      li.btn-group
+        = link_to comable.edit_admin_customer_path(@customer), class: 'btn btn-default' do
+          span.fa.fa-edit>
+          = Comable.t('admin.actions.edit')
+        = link_to Comable.t('admin.nav.order'), comable.admin_orders_path(q: { customer_id_eq: @customer.id }), class: 'btn btn-default'
+      li
+        / TODO: Comment out after implemented.
+        / = link_to Comable.t('admin.nav.orders.cart'), '#', class: 'btn btn-default'
 
-  h1.page-header
-    = @customer.human_id
-    small<
-      = Comable.t('honorific', name: @customer.bill_full_name)
+    h1.page-header
+      ol.breadcrumb
+        li>
+          = link_to Comable.t('admin.nav.customer'), comable.admin_customers_path
+        li.active
+          = @customer.human_id
+          - if @customer.bill_full_name
+            small<
+              = Comable.t('honorific', name: @customer.bill_full_name)
 
-  .row
-    section.col-sm-8
-      .panel.panel-inverse
-        .panel-heading
-          .panel-title
-            = Comable.t('admin.nav.customers.detail')
-        .panel-body
-          dl.dl-horizontal
-            dt
-              = @customer.class.human_attribute_name(:role)
-            dd
-              = @customer.role.text
-            dt
-              = @customer.class.human_attribute_name(:email)
-            dd
-              = @customer.email
-            dt
-              = @customer.class.human_attribute_name(:bill_address)
-            dd
-              - if @customer.bill_address
-                ul.list-unstyled
-                  li = @customer.bill_address.zip_code
-                  li = @customer.bill_address.full_name
-                  li = @customer.bill_address.state_name
-                  li = @customer.bill_address.city
-                  li = @customer.bill_address.detail
-                  li = "#{@customer.bill_address.class.human_attribute_name(:phone_number)}: #{@customer.bill_address.phone_number}"
-        .panel-footer.text-right
-          = link_to comable.edit_admin_customer_path(@customer), class: 'btn btn-default' do
-            span.fa.fa-edit>
-            = Comable.t('admin.actions.edit')
+  .comable-page-body
+    section
+      dl.dl-horizontal
+        dt
+          = @customer.class.human_attribute_name(:role)
+        dd
+          = @customer.role.text
+        dt
+          = @customer.class.human_attribute_name(:email)
+        dd
+          = @customer.email
+        - if @customer.bill_address
+          dt
+            = @customer.class.human_attribute_name(:bill_address)
+          dd
+            ul.list-unstyled
+              li = @customer.bill_address.zip_code
+              li = @customer.bill_address.full_name
+              li = @customer.bill_address.state_name
+              li = @customer.bill_address.city
+              li = @customer.bill_address.detail
+              li = "#{@customer.bill_address.class.human_attribute_name(:phone_number)}: #{@customer.bill_address.phone_number}"
 
-      .panel.panel-inverse
-        .panel-heading
-          .panel-title
-            = Comable.t('admin.nav.customers.new_orders', count: 5)
-        table.table
-          thead
-            tr
-              th
-                = @customer.orders.klass.human_attribute_name(:code)
-              th
-                = @customer.orders.klass.human_attribute_name(:state)
-              th
-                = @customer.orders.klass.human_attribute_name(:bill_full_name)
-              th
-                = @customer.orders.klass.human_attribute_name(:order_details)
-              th
-                = @customer.orders.klass.human_attribute_name(:total_price)
-              th
-                = @customer.orders.klass.human_attribute_name(:completed_at)
-          tbody
-            - @customer.orders.limit(5).each do |order|
+    - if @customer.orders.any?
+      section
+        .panel.panel-default
+          .panel-heading
+            .panel-title
+              = Comable.t('admin.nav.customers.new_orders', count: 5)
+
+          table.table
+            thead
               tr
-                td
-                  = link_to order.code, comable.admin_order_path(order)
-                td
-                  = order.human_state_name
-                td
-                  = order.bill_full_name
-                td
-                  ul.list-unstyled
-                    - order.order_details.each do |order_detail|
-                      li
-                        | #{order_detail.name_with_sku} x #{order_detail.quantity}
-                td
-                  = number_to_currency order.total_price
-                td
-                  = l order.completed_at
-        .panel-footer.text-right
-          = link_to Comable.t('admin.more'), comable.admin_orders_path(search_customer_id: @customer.id), class: 'btn btn-default'
+                th
+                  = @customer.orders.klass.human_attribute_name(:code)
+                th
+                  = @customer.orders.klass.human_attribute_name(:state)
+                th
+                  = @customer.orders.klass.human_attribute_name(:bill_full_name)
+                th
+                  = @customer.orders.klass.human_attribute_name(:order_details)
+                th
+                  = @customer.orders.klass.human_attribute_name(:total_price)
+                th
+                  = @customer.orders.klass.human_attribute_name(:completed_at)
+            tbody
+              - @customer.orders.limit(5).each do |order|
+                tr
+                  td
+                    = link_to order.code, comable.admin_order_path(order)
+                  td
+                    = order.human_state_name
+                  td
+                    = order.bill_full_name
+                  td
+                    ul.list-unstyled
+                      - order.order_details.each do |order_detail|
+                        li
+                          | #{order_detail.name_with_sku} x #{order_detail.quantity}
+                  td
+                    = number_to_currency order.total_price
+                  td
+                    = l order.completed_at
 
-    nav.col-sm-4
-      #comable-affix data-spy="affix"
-        .panel
-          .list-group
-            = link_to Comable.t('admin.nav.order'), comable.admin_orders_path(q: { customer_id_eq: @customer.id }), class: 'list-group-item'
-            / TODO: Comment out after implemented.
-            / = link_to Comable.t('admin.nav.orders.cart'), '#', class: 'list-group-item'
+          .panel-footer.text-right
+            = link_to Comable.t('admin.more'), comable.admin_orders_path(search_customer_id: @customer.id), class: 'btn btn-default'

data/app/views/comable/admin/dashboard/show.slim

@@ -1,63 +1,65 @@
-#comable-dashboard
-  h1.page-header
-    = Comable.t('admin.nav.dashboard')
+.comable-page
+  .comable-page-heading
+    h1.page-header
+      = Comable.t('admin.nav.dashboard')
 
-  section.row
-    .col-sm-4
-      - number = @this_week_orders.count
-      = render 'widget',
-        title: Comable.t('admin.new_orders'),
-        number: number_with_delimiter(number),
-        progress: (number.to_f / @last_week_orders.count) * 100,
-        color: 'green',
-        fa: 'shopping-cart'
+  .comable-page-body
+    section
+      .col-sm-4
+        - number = @this_week_orders.count
+        = render 'widget',
+          title: Comable.t('admin.new_orders'),
+          number: number_with_delimiter(number),
+          progress: (number.to_f / @last_week_orders.count) * 100,
+          color: 'green',
+          fa: 'shopping-cart'
 
-    .col-sm-4
-      - number = @this_week_orders.sum(:total_price)
-      = render 'widget',
-        title: Comable.t('admin.sales'),
-        number: number_to_currency(number),
-        progress:  (number.to_f / @last_week_orders.sum(:total_price)) * 100,
-        color: 'blue',
-        fa: 'dollar'
+      .col-sm-4
+        - number = @this_week_orders.sum(:total_price)
+        = render 'widget',
+          title: Comable.t('admin.sales'),
+          number: number_to_currency(number),
+          progress:  (number.to_f / @last_week_orders.sum(:total_price)) * 100,
+          color: 'blue',
+          fa: 'dollar'
 
-  / TODO: Comment out after adding timestamp columns
-    .col-sm-4
-      - number = @this_week_customers.count
-      = render 'widget',
-        title: Comable.t('admin.new_users'),
-        number: number_with_delimiter(number),
-        progress: (number.to_f / @last_week_customers.count) * 100,
-        color: 'black',
-        fa: 'user'
+    / TODO: Comment out after adding timestamp columns
+      .col-sm-4
+        - number = @this_week_customers.count
+        = render 'widget',
+          title: Comable.t('admin.new_users'),
+          number: number_with_delimiter(number),
+          progress: (number.to_f / @last_week_customers.count) * 100,
+          color: 'black',
+          fa: 'user'
 
-  section.row
-    .col-sm-12
-      .panel
-        .panel-body
-          #comable-morris.morris style="height: 300px;"
+    section
+      .col-sm-12
+        .panel.panel-default
+          .panel-body
+            #comable-morris.morris style="height: 300px;"
 
-    javascript:
-      morris_data = #{raw @this_month_orders.to_morris};
-      morris_keys = #{raw Comable::Order.morris_keys};
-      morris_labels = ['#{Comable.t('admin.order_count')}', '#{Comable.t('admin.sales')}'];
+      javascript:
+        morris_data = #{raw @this_month_orders.to_morris};
+        morris_keys = #{raw Comable::Order.morris_keys};
+        morris_labels = ['#{Comable.t('admin.order_count')}', '#{Comable.t('admin.sales')}'];
 
-    coffee:
-      new Morris.Line({
-        # ID of the element in which to draw the chart.
-        element: 'comable-morris',
-        # Chart data records -- each entry in this array corresponds to a point on
-        # the chart.
-        data: morris_data,
-        # The name of the data record attribute that contains x-values.
-        xkey: 'date',
-        # A list of names of data record attributes that contain y-values.
-        ykeys: morris_keys,
-        # Labels for the ykeys -- will be displayed when you hover over the
-        # chart.
-        labels: morris_labels,
-        xLabelAngle: 45,
-        xLabels: ['day'],
-        lineColors: ['#00acac', '#348fe2'],
-        hideHover: 'auto'
-      })
+      coffee:
+        new Morris.Line({
+          # ID of the element in which to draw the chart.
+          element: 'comable-morris',
+          # Chart data records -- each entry in this array corresponds to a point on
+          # the chart.
+          data: morris_data,
+          # The name of the data record attribute that contains x-values.
+          xkey: 'date',
+          # A list of names of data record attributes that contain y-values.
+          ykeys: morris_keys,
+          # Labels for the ykeys -- will be displayed when you hover over the
+          # chart.
+          labels: morris_labels,
+          xLabelAngle: 45,
+          xLabels: ['day'],
+          lineColors: ['#00acac', '#348fe2'],
+          hideHover: 'auto'
+        })

data/app/views/comable/admin/orders/_google_map.slim

@@ -0,0 +1,22 @@
+/ TODO: Refactoring
+= javascript_include_tag '//maps.google.com/maps/api/js?v=3&sensor=false'
+
+coffee:
+  window.initialize_google_map = (element_id, address) ->
+    google_map = new google.maps.Map(document.getElementById(element_id), { zoom: 15 })
+    google_geo = new google.maps.Geocoder()
+    google_geo.geocode({ address: address }, (result, status) =>
+      return if status != google.maps.GeocoderStatus.OK
+      location = result[0].geometry.location
+      google_map.setCenter(location)
+      new google.maps.Marker({ map: google_map, position: location })
+    )
+
+javascript:
+  $(document).ready(function() {
+    initialize_google_map('#{id}', '#{address.full_address}');
+  })
+
+.comable-map
+  .comable-google-map id="#{id}"
+    | Loading map...