menu and section header progress

2014-11-26 20:18:17 +01:00
parent a64d3de319
commit 60f014811c
38 changed files with 450 additions and 96 deletions
@@ -0,0 +1,3 @@
+.large-2.columns: label.prefix= currencySymbol
+.large-4.columns.end= input valueBinding="inputValue" placeholder=placeholder
+
@@ -0,0 +1,13 @@
+.row.menu-product-container
+  if editMode
+    .small-3.columns= input value=product.name
+    .small-3.columns= edit-currency value=product.price validatePresence=true
+    .small-3.columns= input value=product.code
+    .small-3.columns
+      a.destroy-product-action{action "destroyProduct" product}: span
+      a.save-product-action{action "save"}: span
+  else
+    .small-3.columns: span= product.name
+    .small-3.columns= currency product.price
+    .small-3.columns: span= product.code_or_empty
+    .small-3.columns: span.fa.fa-edit{action "makeEditable"}
@@ -0,0 +1,7 @@
+dl.sections-header-container.sub-nav
+  dd data-section="all": a.section-header-title{action "setSection"} href="" = t 'sections_header.all_sections'
+  each s in sections
+    dd data-section=s.id
+      a.section-header-title{action "setSection" s} href="#" = s.title
+      = link-to "section" s.id class="section-jumper"
+        span.fa.fa-chevron-circle-right
@@ -1,2 +1,2 @@
-Ember.Checkbox id=view.switchId checkedBinding="view.value"
+= input type="checkbox" id=view.switchId checkedBinding="view.value"
 label for=view.switchId
@@ -1,7 +1,9 @@
+= sections-header sectionBinding="controller.controllers.application.active_section"
 .page-header
  div.dashboard-section-selection
-    App.HomeSectionSelectorView selectionBinding="controller.controllers.application.active_section" content=controller.sections prompt=controllers.application.supplier.name
-    App.HomeSectionJumperView
+    /App.HomeSectionSelectorView selectionBinding="controller.controllers.application.active_section" content=controller.sections prompt=controllers.application.supplier.name
+    /= home-section-selector sectionBinding="controller.controllers.application.active_section"
+    /= view "home-section-jumper"
  if active_lists.length
    h3.dashboard-lists-header{action "toggleDashboardLists"}
      if show_lists
@@ -6,10 +6,9 @@ each product_category in sorted_product_categories
      span.title= product_category.name
      span.availability= product_category.availability_text
      a.edit-product-category-button{action "editProductCategory" product_category} href="#"
-    each product in product_category.products
-      .row
-        .small-4.columns= product.name
-        .small-8.columns= currency product.price
+      a.add-product-product-category-button{action "addProduct" product_category} href="#": span
+    each product in product_category.sorted_products
+      = menu-product product=product
 .row
  .small-12.columns
    a.button{action "newProductCategory"} href="#" = t 'product_category.new_button'
@@ -6,32 +6,32 @@
    unless model.supplier.week_starts_on_monday
      .form-row
        .form-label.half= t 'date.day_name.sunday'
-        .form-field.half: App.BooleanSwitchView value=model.active_on_sunday
+        .form-field.half= view "boolean-switch" value=model.active_on_sunday
    .form-row
      .form-label.half= t 'date.day_name.monday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_monday
+      .form-field.half= view "boolean-switch" value=model.active_on_monday
    .form-row
      .form-label.half= t 'date.day_name.tuesday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_tuesday
+      .form-field.half= view "boolean-switch" value=model.active_on_tuesday
    .form-row
      .form-label.half= t 'date.day_name.wednesday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_wednesday
+      .form-field.half= view "boolean-switch" value=model.active_on_wednesday
    .form-row
      .form-label.half= t 'date.day_name.thursday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_thursday
+      .form-field.half= view "boolean-switch" value=model.active_on_thursday
    .form-row
      .form-label.half= t 'date.day_name.friday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_friday
+      .form-field.half= view "boolean-switch" value=model.active_on_friday
    .form-row
      .form-label.half= t 'date.day_name.saturday'
-      .form-field.half: App.BooleanSwitchView value=model.active_on_saturday
+      .form-field.half= view "boolean-switch" value=model.active_on_saturday
    if model.supplier.week_starts_on_monday
      .form-row
        .form-label.half= t 'date.day_name.sunday'
-        .form-field.half: App.BooleanSwitchView valueBinding=model.active_on_sunday
+        .form-field.half= view "boolean-switch" valueBinding=model.active_on_sunday
  .small-6.columns
    .row
-      .small-12.columns.text-center: App.BooleanButtonView value=model.full_day reverse=true text_path="product_category.modal.active_between.top"
+      .small-12.columns.text-center= view 'boolean-button' value=model.full_day reverse=true text_path="product_category.modal.active_between.top"
    unless model.full_day
      .row
        .small-12.columns= view "select-minute-of-day" value=model.start_from
@@ -10,4 +10,12 @@ each product_category in product_categories
        span.title= product_category.name
        span.availability= product_category.availability_text
 hr
+h4=t 'product_category.modal.move.products.title'
+hr
+ul.sortable
+  each product in model.sorted_products
+    li.sortable-item-container data-sortable-id=product.id
+      span.handle
+      span= product.name
+hr
 button.modal-close{action "close"}=t 'section.add_tables.modal.close_button'
@@ -1,7 +1,5 @@
-dl.orders-display-nav.sub-nav
-  dd.active data-section="all": a.active{action "clearActiveSection"} href="" All
-  each section in sections
-    dd data-section=section.id: a{action "setActiveSection" section} href="#" = section.title
+= sections-header sectionBinding="section"
+h2= section.title
 table.table
  thead
    tr