layout changes and section handling

app/views/suppliers/sections/index.html.slim

@@ -1,25 +1,27 @@
 - model_class = Section
 .page-header= title :index, model_class
-- if @sections.any?
-  table.table.table-striped
-    thead
-      tr
-        th.link= model_class.human_attribute_name(:title)
-        th.numeric= model_class.human_attribute_name(:width)
-        th.numeric= model_class.human_attribute_name(:height)
-        th.timestamp= model_class.human_attribute_name(:created_at)
-        th.actions=t 'helpers.actions'
-    tbody
-      - @sections.each do |section|
+.well
+  - if @sections.any?
+    table.table
+      thead
         tr
-          td.link= link_to section.title, [:suppliers, section]
-          td.numeric= section.width
-          td.numeric= section.height
-          td.timestamp=l section.created_at, format: :short
-          td.actions
-            = link_to t('helpers.links.edit'), [:edit, :suppliers, section], class: 'btn btn-mini'
-            '
-            = link_to t("helpers.links.destroy"), [:suppliers, section], method: :delete, data: {confirm: are_you_sure? }, class: 'btn btn-mini btn-danger'
-- else
-  = no_content_given model_class
-= link_to t("helpers.links.new"), new_suppliers_section_path, class: 'btn btn-primary'
+          th.link= model_class.human_attribute_name(:title)
+          th.numeric= model_class.human_attribute_name(:width)
+          th.numeric= model_class.human_attribute_name(:height)
+          th.timestamp= model_class.human_attribute_name(:created_at)
+          th.actions=t 'helpers.actions'
+      tbody
+        - @sections.each do |section|
+          tr
+            td.link= link_to section.title, [:suppliers, section]
+            td.numeric= section.width
+            td.numeric= section.height
+            td.timestamp=l section.created_at, format: :short
+            td.actions
+              = link_to t('helpers.links.edit'), [:edit, :suppliers, section], class: 'btn btn-mini'
+              '
+              = link_to t("helpers.links.destroy"), [:suppliers, section], method: :delete, data: {confirm: are_you_sure? }, class: 'btn btn-mini btn-danger'
+  - else
+    = no_content_given model_class
+.form-actions
+  = link_to t("helpers.links.new"), new_suppliers_section_path, class: 'btn btn-primary'

app/views/suppliers/sections/manage_tables.html.slim

@@ -0,0 +1,36 @@
+- model_class = Section
+.page-header= title t('section.manage_tables.title', section: Section.model_name.human.downcase, title: @section.title)
+- content_for :row do
+  ul.nav.nav-pills
+    - for section in @section.supplier.sections
+      li class=(section == @section ? 'active' : nil) = link_to section.title, [:suppliers, section]
+  .span9
+    .well.section-tables-container.section-tables-active
+      - for table in @section.tables
+        .section-table.hide{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
+          .pull-right.action-button-container
+          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
+          .table-number = table.number
+  .span3
+    h3= t('table.has_no_section')
+    .well.section-tables-container.section-tables-inactive
+      - for table in @section.supplier.non_placed_tables
+        .section-table{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
+          .pull-right.action-button-container
+            button.btn.btn-primary.btn-mini onClick="Qsupplier.move_table_to_active_section('#{table.id}')" +
+          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
+          .table-number = table.number
+      .clearfix
+- content_for :footer do
+  javascript:
+    var current_section_id = '#{@section.id}';
+    var current_section_width = #{@section.width};
+    var current_section_height = #{@section.height};
+    $(function(){
+      var active_section_container = $('.section-tables-active')
+      active_section_container.css('width', active_section_container.width()); // break fluid layout
+      active_section_container.css('height', #{@section.height/@section.width}*active_section_container.width());
+      active_section_container.find('.section-table').each(function(){
+        Qsupplier.position_table_in_active_section(active_section_container, $(this), true);
+      });
+    });

app/views/suppliers/sections/show.html.slim

@@ -6,38 +6,8 @@
   '
   = link_to t('helpers.links.edit'), [:edit, :suppliers, @section], class: 'btn'
   '
+  = link_to t('supplier.section.manage_tables'), [:manage_tables, :suppliers, @section], class: [:btn, 'btn-warning']
+  '
+  = link_to t('supplier.section.tables_view'), [:tables_view, :suppliers, @section], class: [:btn, 'btn-info']
+  '
   = link_to t("helpers.links.destroy"), [:suppliers, @section], method: :delete, data: {confirm: are_you_sure? }, class: 'btn btn-danger'
-- content_for :row do
-  ul.nav.nav-pills
-    - for section in @section.supplier.sections
-      li class=(section == @section ? 'active' : nil) = link_to section.title, [:suppliers, section]
-  .span9
-    .well.section-tables-container.section-tables-active
-      - for table in @section.tables
-        .section-table.hide{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
-          .pull-right.action-button-container
-          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
-          .table-number = table.number
-  .span3
-    h3= t('table.has_no_section')
-    .well.section-tables-container.section-tables-inactive
-      - for table in @section.supplier.non_placed_tables
-        .section-table{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
-          .pull-right.action-button-container
-            button.btn.btn-primary.btn-mini onClick="Qsupplier.move_table_to_active_section('#{table.id}')" +
-          = link_to :i, [:suppliers, table], class: 'btn btn-mini table-link'
-          .table-number = table.number
-      .clearfix
-- content_for :footer do
-  javascript:
-    var current_section_id = '#{@section.id}';
-    var current_section_width = #{@section.width};
-    var current_section_height = #{@section.height};
-    $(function(){
-      var active_section_container = $('.section-tables-active')
-      active_section_container.css('width', active_section_container.width()); // break fluid layout
-      active_section_container.css('height', #{@section.height/@section.width}*active_section_container.width());
-      active_section_container.find('.section-table').each(function(){
-        Qsupplier.position_table_in_active_section(active_section_container, $(this), true);
-      });
-    });

app/views/suppliers/sections/tables_view.html.slim

@@ -0,0 +1,20 @@
+- model_class = Section
+- content_for :row do
+  .span12
+    .well.section-tables-container.section-tables-active
+      - for table in @section.tables
+        .section-table.hide{ id="section-table-#{table.id}" data-position-x=table.position_x data-position-y=table.position_y data-table-id=table.id}
+          .table-number = link_to table.number, suppliers_table_path(table)
+- content_for :footer do
+  javascript:
+    var current_section_id = '#{@section.id}';
+    var current_section_width = #{@section.width};
+    var current_section_height = #{@section.height};
+    $(function(){
+      var active_section_container = $('.section-tables-active')
+      active_section_container.css('width', active_section_container.width()); // break fluid layout
+      active_section_container.css('height', #{@section.height/@section.width}*active_section_container.width());
+      active_section_container.find('.section-table').each(function(){
+        Qsupplier.position_table_in_active_section(active_section_container, $(this), false);
+      });
+    });