tienda 1.1.2 → 2.0.1

data/app/views/tienda/orders/new.html.haml

@@ -1,14 +1,25 @@
 - @page_title = t('tienda.orders.new_order')
 
-= content_for :header do
-  %p.buttons= link_to t('tienda.orders.back_to_orders'), :orders, :class => 'button grey'
-  %h2.orders= t('tienda.orders.new_order')
+.row
+  .col-md-12
+    %h1.page-header
+      = t('tienda.orders.new_order')
+      -# %small Lorem ipsum dolor
+/ /. ROW
+.row
+  .col-md-12
+    %p.pull-right
+      = link_to t('tienda.orders.back_to_orders'), :orders, class: 'btn btn-default'
 
-= form_for @order, :html => {:class => 'orderForm newOrder'} do |f|
-  = f.error_messages
-  = render 'form', :f => f
-  = field_set_tag t('tienda.orders.ordered_products'), :class => 'padded' do
-    = render 'order_items_form', :f => f
-  %p.submit
-    = f.submit t('tienda.orders.create_order'), :class => 'button green'
-    = link_to t('tienda.cancel'), :orders, :class => 'button grey'
+.panel.panel-default
+  .panel-heading
+    = t('tienda.orders.new_order')
+  .panel-body
+    = form_for @order, html: {class: 'orderForm newOrder'} do |f|
+      = f.error_messages
+      = render 'form', f: f
+      = field_set_tag t('tienda.orders.ordered_products'), class: 'padded' do
+        = render 'order_items_form', f: f
+      %p.submit
+        = f.submit t('tienda.orders.create_order'), class: 'btn btn-primary'
+        = link_to t('tienda.cancel'), :orders, class: 'btn btn-default'

data/app/views/tienda/orders/show.html.haml

@@ -1,25 +1,31 @@
 - @page_title = "#{t('tienda.orders.order')} ##{@order.number}"
 
-= content_for :header do
-  %p.buttons
-    = link_to t('tienda.edit'), [:edit, @order], :class => 'button'
-    - if @order.accepted?
-      = link_to t('tienda.orders.despatch_note.despatch_note'), [:despatch_note, @order], :class => 'button', :rel => 'print'
-    = link_to t('tienda.orders.back_to_orders'), :orders, :class => 'button grey'
-  %h2.orders= t('tienda.orders.order_no_html', order_number: @order.number)
+.row
+  .col-md-12
+    %h1.page-header
+      = t('tienda.orders.order_no_html', order_number: @order.number)
+      -# %small Lorem ipsum dolor
+/ /. ROW
+.row
+  .col-md-12
+    %p.pull-right
+      = link_to t('tienda.edit'), [:edit, @order], class: 'btn btn-default'
+      - if @order.accepted?
+        = link_to t('tienda.orders.despatch_note.despatch_note'), [:despatch_note, @order], class: 'btn btn-success', rel: 'print'
+      = link_to t('tienda.orders.back_to_orders'), :orders, class: 'btn btn-default'
 
-#order
+- if @order.received?
+  = render 'order_details'
+  = render 'status_bar'
+- else
+  %p.warning= t('tienda.orders.in_progress_warning')
 
-  - if @order.received?
-    = render 'order_details'
-    = render 'status_bar'
-  - else
-    %p.warning= t('tienda.orders.in_progress_warning')
+= render 'order_items'
 
-  = field_set_tag t('tienda.orders.order_items'), :class => 'padded' do
-    = render 'order_items'
-
-  - if @order.received?
-    = field_set_tag t('tienda.orders.payments'), :class => 'padded orderPayments' do
+- if @order.received?
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.orders.payments')
+    .panel-body
       = render 'payments_table'
       = render 'payments_form'

data/app/views/tienda/product_categories/_form.html.haml

@@ -1,26 +1,38 @@
 = form_for @product_category do |f|
   = f.error_messages
-  = field_set_tag t('tienda.product_category.category_details') do
-    .splitContainer
-      %dl.half
-        %dt= f.label :name, t('tienda.product_category.name')
-        %dd= f.text_field :name, :class => 'focus text'
-      %dl.half
-        %dt= f.label :permalink, t('tienda.product_category.permalink')
-        %dd= f.text_field :permalink, :class => 'text'
-    %dl
-      %dt= f.label :description, t('tienda.product_category.description')
-      %dd= f.text_area :description, :class => 'text'
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.product_category.category_details')
+    .panel-body
+      .row
+        .col-md-6
+          .form-group
+            = f.label :name, t('tienda.product_category.name')
+            = f.text_field :name, class: 'focus form-control'
+        .col-md-6
+          .form-group
+            = f.label :permalink, t('tienda.product_category.permalink')
+            = f.text_field :permalink, class: 'form-control'
+      .row
+        .col-md-12
+          .form-group
+            = f.label :description, t('tienda.product_category.description')
+            = f.text_area :description, class: 'form-control'
 
-  = field_set_tag t('tienda.product_category.attachments') do
-    %dl
-      %dt= f.label :image_file, t('tienda.product_category.image')
-      %dd
-        = attachment_preview @product_category.image
-        %p= f.file_field :image_file
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.product_category.attachments')
+    .panel-body
+      .row
+        .col-md-12
+          = f.label :image_file, t('tienda.product_category.image')
+          %div
+            = attachment_preview @product_category.image
+            %p= f.file_field :image_file, class: 'form-control'
 
-  %p.submit
-    - unless @product_category.new_record?
-      %span.right= link_to t('tienda.delete') , @product_category, :class => 'button purple', :method => :delete, :data => {:confirm => t('tienda.product_category.delete_confirmation') }
-    = f.submit t('tienda.submit'),  :class => 'button green'
-    = link_to t('tienda.cancel') , :product_categories, :class => 'button'
+  .panel.panel-default
+    .panel-body
+      - unless @product_category.new_record?
+        %span.pull-right= link_to t('tienda.delete') , @product_category, class: 'btn btn-danger', method: :delete, data: {confirm: t('tienda.product_category.delete_confirmation') }
+      = f.submit t('tienda.submit'),  class: 'btn btn-primary'
+      = link_to t('tienda.cancel') , :product_categories, class: 'btn btn-default'

data/app/views/tienda/product_categories/edit.html.haml

@@ -1,6 +1,14 @@
 - @page_title = t('tienda.product_category.product_categories')
-= content_for :header do
-  %p.buttons= link_to t('tienda.product_category.back_to_categories'), :product_categories, :class => 'button'
-  %h2.products= t('tienda.product_category.product_categories')
-= render 'form'
 
+.row
+  .col-md-12
+    %h1.page-header
+      = t('tienda.product_category.product_categories')
+      -# %small Lorem ipsum dolor
+/ /. ROW
+.row
+  .col-md-12
+    %p.pull-right
+      = link_to t('tienda.product_category.back_to_categories'), :product_categories, class: 'btn btn-primary'
+
+= render 'form'

data/app/views/tienda/product_categories/index.html.haml

@@ -1,19 +1,29 @@
 - @page_title = t('tienda.product_category.product_categories')
 
-= content_for :header do
-  %p.buttons=link_to t('tienda.product_category.new_category'), :new_product_category, :class => 'button green'
-  %h2.products= t('tienda.product_category.product_categories')
+.row
+  .col-md-12
+    %h1.page-header
+      = t('tienda.product_category.product_categories')
+      -# %small Lorem ipsum dolor
+/ /. ROW
+.row
+  .col-md-12
+    %p.pull-right
+      = link_to t('tienda.product_category.new_category'), :new_product_category, class: 'btn btn-primary'
 
-.table
-  %table.data
-    %thead
-      %tr
-        %th= t('tienda.product_category.name')
-    %tbody
-      - if @product_categories.empty?
-        %tr.empty
-          %td= t('tienda.product_category.no_categories')
-      - else
-        - for cat in @product_categories
-          %tr
-            %td= link_to cat.name, [:edit, cat]
+.panel.panel-default
+  .panel-heading
+    Listing product categories
+  .panel-body
+    %table.table.table-hover
+      %thead
+        %tr
+          %th= t('tienda.product_category.name')
+      %tbody
+        - if @product_categories.empty?
+          %tr.empty
+            %td= t('tienda.product_category.no_categories')
+        - else
+          - for cat in @product_categories
+            %tr
+              %td= link_to cat.name, [:edit, cat]

data/app/views/tienda/product_categories/new.html.haml

@@ -1,6 +1,14 @@
 - @page_title = t('tienda.product_category.product_categories')
-= content_for :header do
-  %p.buttons= link_to t('tienda.product_category.back_to_categories'), :product_categories, :class => 'button'
-  %h2.products= t('tienda.product_category.product_categories')
+
+.row
+  .col-md-12
+    %h1.page-header
+      = t('tienda.product_category.product_categories')
+      -# %small Lorem ipsum dolor
+/ /. ROW
+.row
+  .col-md-12
+    %p.pull-right
+      = link_to t('tienda.product_category.back_to_categories'), :product_categories, class: 'btn btn-primary'
 
 = render 'form'

data/app/views/tienda/products/_form.html.haml

@@ -1,146 +1,183 @@
 = form_for @product, :html => {:multipart => true} do |f|
   = f.error_messages
-  = field_set_tag  t('tienda.products.product_information') do
-    %dl
-      %dt= f.label :product_category_id, t('tienda.products.product_category')
-      %dd= f.collection_select :product_category_id, Tienda::ProductCategory.ordered, :id, :name, {:prompt => false}, {:class => 'chosen'}
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.product_information')
+    .panel-body
+      .row
+        .col-md-12
+          .form-group
+            = f.label :product_category_id, t('tienda.products.product_category')
+            = f.collection_select :product_category_id, Tienda::ProductCategory.ordered, :id, :name, {prompt: false}, {class: 'form-control'}
+      .row
+        .col-md-4
+          .form-group
+            = f.label :name, t('tienda.products.name')
+            = f.text_field :name, class: 'form-control focus'
+        .col-md-4
+          .form-group
+            = f.label :permalink, t('tienda.products.permalink')
+            = f.text_field :permalink, class: 'form-control'
+        .col-md-4
+          .form-group
+            = f.label :sku, t('tienda.products.sku')
+            = f.text_field :sku, class: 'form-control'
+      .row
+        .col-md-12
+          .form-group
+            = f.label :description, t('tienda.products.description')
+            = f.text_area :description, class: 'form-control'
+      .row
+        .col-md-12
+          .form-group
+            = f.label :short_description, t('tienda.products.short_description')
+            = f.text_area :short_description, class: 'form-control'
+      .row
+        .col-md-12
+          .form-group
+            = f.label :in_the_box, t('tienda.products.in_the_box')
+            = f.text_area :in_the_box, class: 'form-control'
 
-    .splitContainer
-      %dl.third
-        %dt= f.label :name, t('tienda.products.name')
-        %dd= f.text_field :name, :class => 'text focus'
-      %dl.third
-        %dt= f.label :permalink, t('tienda.products.permalink')
-        %dd= f.text_field :permalink, :class => 'text'
-      %dl.third
-        %dt= f.label :sku, t('tienda.products.sku')
-        %dd= f.text_field :sku, :class => 'text'
-    %dl
-      %dt= f.label :description, t('tienda.products.description')
-      %dd= f.text_area :description, :class => 'text'
-    %dl
-      %dt= f.label :short_description, t('tienda.products.short_description')
-      %dd= f.text_area :short_description, :class => 'text'
-    %dl
-      %dt= f.label :in_the_box, t('tienda.products.in_the_box')
-      %dd= f.text_area :in_the_box, :class => 'text'
-
-  = field_set_tag t('tienda.products.attributes') do
-    .margin
-      %table.productAttributes
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.attributes')
+    .panel-body
+      %table.productAttributes.table.table-hover
         %thead
           %tr
-            %td= t('tienda.products.name')
-            %td= t('tienda.products.value')
-            %td.searchable= t('tienda.products.searchable?')
-            %td.searchable= t('tienda.products.public?')
-            %td.remove= t('tienda.products.remove')
-            %td
+            %th= t('tienda.products.name')
+            %th= t('tienda.products.value')
+            %th.searchable= t('tienda.products.searchable?')
+            %th.searchable= t('tienda.products.public?')
+            %th.remove= t('tienda.products.remove')
+            %th
         %tbody
-          %tr.template{:style => 'display:none;'}
-            %td= text_field_tag 'product[product_attributes_array][][key]', '', :placeholder => t('tienda.products.name')
-            %td= text_field_tag 'product[product_attributes_array][][value]', '', :placeholder => t('tienda.products.value')
+          %tr.template{style: 'display:none;'}
+            %td= text_field_tag 'product[product_attributes_array][][key]', '', placeholder: t('tienda.products.name'), class: 'form-control'
+            %td= text_field_tag 'product[product_attributes_array][][value]', '', placeholder: t('tienda.products.value'), class: 'form-control'
             %td.searchable= check_box_tag 'product[product_attributes_array][][searchable]', '1'
             %td.searchable= check_box_tag 'product[product_attributes_array][][public]', '1'
-            %td.remove= link_to t('tienda.remove') , '#', :class => 'button button-mini purple'
+            %td.remove= link_to t('tienda.remove') , '#', class: 'btn btn-sm btn-danger'
             %td.handle
           - for attribute in @product.product_attributes
             %tr
-              %td= text_field_tag 'product[product_attributes_array][][key]', attribute.key, :placeholder => t('tienda.products.name')
-              %td= text_field_tag 'product[product_attributes_array][][value]', attribute.value, :placeholder => t('tienda.products.value')
+              %td= text_field_tag 'product[product_attributes_array][][key]', attribute.key, placeholder: t('tienda.products.name'), class: 'form-control'
+              %td= text_field_tag 'product[product_attributes_array][][value]', attribute.value, placeholder: t('tienda.products.value'), class: 'form-control'
               %td.searchable= check_box_tag 'product[product_attributes_array][][searchable]', '1', attribute.searchable?
               %td.searchable= check_box_tag 'product[product_attributes_array][][public]', '1', attribute.public?
-              %td.remove= link_to t("tienda.remove"), '#', :class => 'button button-mini purple'
+              %td.remove= link_to t("tienda.remove"), '#', class: 'btn btn-sm btn-danger'
               %td.handle
-      %p.addAttribute= link_to t('tienda.products.add_attribute') , '#', :data => {:behavior => 'addAttributeToAttributesTable'}, :class => 'button button-mini green'
+      %p.addAttribute= link_to t('tienda.products.add_attribute') , '#', data: {behavior: 'addAttributeToAttributesTable'}, class: 'btn btn-success btn-sm'
+
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.attachments')
+    .panel-body
+      .row
+        .col-md-6
+          .form-group
+            = f.label :default_image_file, t('tienda.products.default_image')
+            %p= f.file_field :default_image_file, class: 'form-control'
+          %div
+            = attachment_preview @product.default_image
+        .col-md-6
+          .form-group
+            = f.label :second_image_file, t('tienda.products.second_image')
+            %p= f.file_field :second_image_file, class: 'form-control'
+          %div
+            = attachment_preview @product.second_image
+      .row
+        .col-md-6
+          .form-group
+            = f.label :third_image_file, t('tienda.products.third_image')
+            %p= f.file_field :third_image_file, class: 'form-control'
+          %div
+            = attachment_preview @product.third_image
+        .col-md-6
+          .form-group
+            = f.label :fourth_image_file, t('tienda.products.fourth_image')
+            %p= f.file_field :fourth_image_file, class: 'form-control'
+          %div
+            = attachment_preview @product.fourth_image
+      .row
+        .col-md-6
+          .form-group
+            = f.label :fifth_image_file, t('tienda.products.fifth_image')
+            %p= f.file_field :fifth_image_file, class: 'form-control'
+          %div
+            = attachment_preview @product.fifth_image
+        .col-md-6
+          .form-group
+            = f.label :data_sheet_file, t('tienda.products.datasheet')
+            %p= f.file_field :data_sheet_file, class: 'form-control'
+          %div
+            = attachment_preview @product.data_sheet
 
-  = field_set_tag t('tienda.products.attachments') do
-    .splitContainer
-      %dl.half
-        %dt
-          = f.label :default_image_file, t('tienda.products.default_image')
-          %p= f.file_field :default_image_file
-        %dd
-          = attachment_preview @product.default_image
-      %dl.half
-        %dt
-          = f.label :second_image_file, t('tienda.products.second_image')
-          %p= f.file_field :second_image_file
-        %dd
-          = attachment_preview @product.second_image
-    .splitContainer
-      %dl.half
-        %dt
-          = f.label :third_image_file, t('tienda.products.third_image')
-          %p= f.file_field :third_image_file
-        %dd
-          = attachment_preview @product.third_image
-      %dl.half
-        %dt
-          = f.label :fourth_image_file, t('tienda.products.fourth_image')
-          %p= f.file_field :fourth_image_file
-        %dd
-          = attachment_preview @product.fourth_image
-    .splitContainer
-      %dl.half
-        %dt
-          = f.label :fifth_image_file, t('tienda.products.fifth_image')
-          %p= f.file_field :fifth_image_file
-        %dd
-          = attachment_preview @product.fifth_image
-      %dl.half
-        %dt
-          = f.label :data_sheet_file, t('tienda.products.datasheet')
-          %p= f.file_field :data_sheet_file
-        %dd
-          = attachment_preview @product.data_sheet
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.pricing')
+    .panel-body
+      - unless @product.has_variants?
+        .row
+          .col-md-4
+            .form-group
+              = f.label :price, t('tienda.products.price')
+              .form-group.input-group
+                %span.input-group-addon= Tienda.settings.currency_unit.html_safe
+                = f.text_field :price, class: 'form-control'
 
-  - unless @product.has_variants?
-    = field_set_tag t('tienda.products.pricing') do
-      .splitContainer
-        %dl.third
-          %dt= f.label :price, t('tienda.products.price')
-          %dd
-            .moneyInput
-              .currency= Tienda.settings.currency_unit.html_safe
-              = f.text_field :price, :class => 'text'
-        %dl.third
-          %dt= f.label :cost_price, t('tienda.products.cost_price')
-          %dd
-            .moneyInput
-              .currency= Tienda.settings.currency_unit.html_safe
-              = f.text_field :cost_price, :class => 'text'
-        %dl.third
-          %dt= f.label :tax_rate_id, t('tienda.products.tax_rate')
-          %dd= f.collection_select :tax_rate_id, Tienda::TaxRate.ordered, :id, :description, {:include_blank => true}, {:class => 'chosen-with-deselect', :data => {:placeholder => t('tienda.products.no_tax')}}
+          .col-md-4
+            .form-group
+              = f.label :cost_price, t('tienda.products.cost_price')
+              .form-group.input-group
+                %span.input-group-addon= Tienda.settings.currency_unit.html_safe
+                = f.text_field :cost_price, class: 'form-control'
+          .col-md-4
+            .form-group
+              = f.label :tax_rate_id, t('tienda.products.tax_rate')
+              = f.collection_select :tax_rate_id, Tienda::TaxRate.ordered, :id, :description, {include_blank: true}, {class: 'form-control', data: {placeholder: t('tienda.products.no_tax')}}
 
-    = field_set_tag  t('tienda.products.stock_control') do
-      .splitContainer
-        %dl.half
-          %dt= f.label :weight, t('tienda.products.weight')
-          %dd= f.text_field :weight, :class => 'text'
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.stock_control')
+    .panel-body
+      .row
+        .col-md-6
+          .form-group
+            = f.label :weight, t('tienda.products.weight')
+            = f.text_field :weight, class: 'form-control'
 
-        %dl.half
-          %dt= f.label :stock_control,  t('tienda.products.stock_control')
-          %dd.checkbox
-            = f.check_box :stock_control
-            = f.label :stock_control, t('tienda.products.enable_stock_control?')
+        .col-md-6
+          .form-group
+            = f.label :stock_control,  t('tienda.products.stock_control')
+            .checkbox
+              %label
+                = f.check_box :stock_control
+                = t('tienda.products.enable_stock_control?')
 
-  = field_set_tag  t('tienda.products.website_properties') do
-    .splitContainer
-      %dl.half
-        %dt= f.label :active,  t('tienda.products.on_sale?')
-        %dd.checkbox
-          = f.check_box :active
-          = f.label :active,  t('tienda.products.on_sale_info')
-      %dl.half
-        %dt= f.label :featured,  t('tienda.products.featured?')
-        %dd.checkbox
-          = f.check_box :featured
-          = f.label :featured, t('tienda.products.featured_info')
+  .panel.panel-default
+    .panel-heading
+      = t('tienda.products.website_properties')
+    .panel-body
+      .row
+        .col-md-6
+          .form-group
+            = f.label :active,  t('tienda.products.on_sale?')
+            .checkbox
+              %label
+                = f.check_box :active
+                = t('tienda.products.on_sale_info')
+        .col-md-6
+          .form-group
+            = f.label :featured,  t('tienda.products.featured?')
+            .checkbox
+              %label
+                = f.check_box :featured
+                =t('tienda.products.featured_info')
 
-  %p.submit
-    - unless @product.new_record?
-      %span.right= link_to t('tienda.delete') , @product, :class => 'button purple', :method => :delete, :data => {:confirm => "Are you sure you wish to remove this product?"}
-    = f.submit t('tienda.submit'),  :class => 'button green'
-    = link_to t('tienda.cancel'), :products, :class => 'button'
+  .panel.panel-default
+    .panel-body
+      - unless @product.new_record?
+        %span.pull-right= link_to t('tienda.delete') , @product, class: 'btn btn-danger', method: :delete, data: {confirm: "Are you sure you wish to remove this product?"}
+      = f.submit t('tienda.submit'),  class: 'btn btn-primary'
+      = link_to t('tienda.cancel'), :products, class: 'btn btn-default'

data/app/views/tienda/products/_table.html.haml

@@ -1,42 +1,51 @@
-.table
-  %table.data
-    %thead
-      %tr
-        %th{:width => '20%'}= t('tienda.products.sku')
-        %th{:width => '40%'}= t('tienda.products.name')
-        %th{:width => '25%'}= t('tienda.products.price_variants')
-        %th{:width => '15%'}= t('tienda.products.stock')
-    %tbody
-      - if products.empty?
-        %tr.empty
-          %td{:colspan => 4}= t('tienda.products.no_products')
-      - else
-        - for category, products in products
+%table.table.table-hover
+  %thead
+    %tr
+      %th{width: '20%'}= t('tienda.products.sku')
+      %th{width: '40%'}= t('tienda.products.name')
+      %th{width: '25%'}= t('tienda.products.price_variants')
+      %th{width: '15%'}= t('tienda.products.stock')
+  %tbody
+    - if products.empty?
+      %tr.empty
+        %td{colspan: 4}= t('tienda.products.no_products')
+    - else
+      - for category, products in products
+        %tr
+          %th.info{colspan: 4}= category.name
+        - for product in products
           %tr
-            %th{:colspan => 4}= category.name
-          - for product in products
-            %tr
-              %td= product.sku
-              %td= link_to product.name, [:edit, product]
-              - if product.has_variants?
-                %td.table{:colspan => 2}
-                  %table.data
-                    - for variant in product.variants
-                      %tr
-                        %td{:width => '40%'}= link_to variant.name, edit_product_variant_path(product, variant)
-                        %td{:width => '30%'}= number_to_currency variant.price
-                        %td{:width => '30%'}
-                          - if variant.stock_control?
-                            %span.float-right= link_to t('tienda.products.edit') , stock_level_adjustments_path(:item_type => variant.class, :item_id => variant.id), :class => 'edit', :rel => 'dialog', :data => {:dialog_width => 700, :dialog_behavior => 'stockLevelAdjustments'}
-                            = boolean_tag(variant.in_stock?, nil, :true_text => variant.stock, :false_text => t('tienda.products.no_stock'))
-                          - else
-                            ∞
-              - else
-                %td= number_to_currency product.price
-                %td
-                  - if product.stock_control?
-                    %span.float-right= link_to t('tienda.products.edit'), stock_level_adjustments_path(:item_type => product.class, :item_id => product.id), :class => 'edit', :rel => 'dialog', :data => {:dialog_width => 700, :dialog_behavior => 'stockLevelAdjustments'}
-                    = boolean_tag(product.in_stock?, nil, :true_text => product.stock, :false_text => t('tienda.products.no_stock'))
-                  - else
-                    ∞
+            %td= product.sku
+            %td= link_to product.name, [:edit, product]
+            - if product.has_variants?
+              %td{colspan: 2}
+                %table.table.table-hover
+                  - for variant in product.variants
+                    %tr
+                      %td{width: '40%'}= link_to variant.name, edit_product_variant_path(product, variant)
+                      %td{width: '30%'}= number_to_currency variant.price
+                      %td{width: '30%'}
+                        - if variant.stock_control?
+                          %span.float-right= link_to t('tienda.products.edit') , stock_level_adjustments_path(item_type: variant.class, item_id: variant.id), class: 'btn btn-default btn-sm', rel: 'dialog', data: {toggle: 'modal', target: '#stockModal'}
+                          %span.label{class: "#{variant.in_stock? ? 'label-default' : 'label-danger'}"}
+                            = boolean_tag(variant.in_stock?, nil, true_text: variant.stock, false_text: t('tienda.products.no_stock'))
+                        - else
+                          ∞
+            - else # Product has not variants
+              %td= number_to_currency product.price
+              %td
+                - if product.stock_control?
+                  %span.float-right= link_to t('tienda.products.edit'), stock_level_adjustments_path(item_type: product.class, item_id: product.id), class: 'btn btn-default btn-sm', rel: 'dialog', data: {toggle: 'modal', target: '#stockModal'}
+                  %span.label{class: "#{product.in_stock? ? 'label-default' : 'label-danger'}"}
+                    = boolean_tag(product.in_stock?, nil, true_text: product.stock_count, false_text: t('tienda.products.no_stock'))
+                - else
+                  ∞
 
+/ Modal
+#stockModal.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "myModalLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog
+    .modal-content
+
+    / /.modal-content
+  / /.modal-dialog
+/ /.modal