JSON api serializers for suppliers

app/assets/stylesheets/supplier/foundation1/resources/_dashboard.sass

@@ -0,0 +1,60 @@
+.active-orders-table
+  .status-icons
+    .active-order
+      @extend .fa
+      @extend .fa-check
+      @extend .fa-lg
+.dashboard-lists-header, .dashboard-orders-header
+  cursor: pointer
+  .icon
+    @extend .fa
+    @extend .fa-arrow-down
+    color: #ccc
+    padding-right: 10px
+    &.collapsed
+      @extend .fa-arrow-right
+.dashboard-section-selection
+  float: right
+  min-width: 124px
+  select
+    width: calc(100% - 30px)
+.active-lists-table
+  width: 100%
+  .show-list
+    +button-icon-only
+    margin-left: $button-spacing
+    span
+      @extend .fa
+      @extend .fa-2x
+      @extend .fa-list
+.remove_list_needs_payment
+  +button-icon-only
+  vertical-align: top
+  padding-left: 8px //do not ask me why, just looks
+  padding-right: 2px //do not ask me why, just looks
+  margin-right: $button-spacing
+.close-list-button
+  +button-icon-only
+.active-orders-table
+  width: 100%
+.go-to-orders-list
+  span
+    @extend .fa
+    @extend .fa-list-alt
+
+.table-number-with-info
+  position: relative
+  .extra-list-info
+    // Facebook profiles
+    display: none
+    $extra-info-width: 220px
+    position: absolute
+    width: $extra-info-width
+    // 7px is padding + border, 5px is extra spacing
+    right: -$extra-info-width - 7px*2 - 5px
+    top: -7px*2
+    padding: 4px
+    border: 3px solid #aaa
+    border-radius: 3px
+    background-color: white
+    text-align: left

app/assets/stylesheets/supplier/foundation1/resources/_section_areas.sass

@@ -0,0 +1,15 @@
+.section-area-container
+  position: absolute
+  background-color: #aaa
+  text-align: center
+  &.rounded
+    border-radius: 999px
+  .title
+    display: inline-block
+  &.vertical
+    .title
+      transform: rotate(270deg)
+    &.right-half
+      .title
+        transform: rotate(90deg)
+

app/assets/stylesheets/supplier/foundation1/resources/_section_elements.sass

@@ -0,0 +1,35 @@
+.add-section-element-list
+  list-style: none
+  li
+    list-style: none
+    float: left
+    margin-right: 10px
+    margin-bottom: 10px
+    width: 80px
+    max-height: 120px
+    border: 2px outset #aaa
+    &:hover
+      border-color: $active-color
+.section-element-handles
+  width: 80px
+  height: 22px
+  position: absolute
+  top: -22px
+  .rotate-left
+    +button($bg: $secondary-color, $padding: $button-tny)
+    +button-icon-only
+    margin-right: 4px
+    span
+      @extend .fa, .fa-lg, .fa-rotate-left
+  .rotate-right
+    +button($bg: $secondary-color, $padding: $button-tny)
+    +button-icon-only
+    margin-right: 4px
+    span
+      @extend .fa, .fa-lg, .fa-rotate-right
+  .remove-section-element
+    +button($bg: $alert-color, $padding: $button-tny)
+    +button-icon-only
+    span
+      @extend .fa, .fa-lg, .fa-times
+

app/assets/stylesheets/supplier/foundation1/resources/_section_tables.sass

@@ -0,0 +1,166 @@
+.go-to-orders-list
+  display: inline-block
+  margin-right: 7px
+  span
+    @extend .fa-lg
+.section-title
+  font-size: 24px
+  padding: 4px 0px
+.section-manage-tables
+  margin: -40px 6px 4px 6px
+  min-width: 470px
+  text-align: right
+  .section-edit-title-field
+    display: inline-block
+    width: 120px
+  .section-edit-width-field
+    display: inline-block
+    width: 52px
+  .section-edit-height-field
+    display: inline-block
+    width: 52px
+  #section-action-list
+    text-align: left
+.section-tables-container
+  $section-border: 1px solid black
+  border-left: $section-border
+  border-right: $section-border
+  border-bottom: $section-border
+  border: $section-border
+  position: relative
+  padding: 0
+  height: 400px
+  &.editing
+    background-color: rgba(240, 138, 36, 0.5)
+  .section-element-container, .section-area-container
+    cursor: pointer
+  //background-image: image-url('textures/wood4.jpg')
+  //background-color: rgba(0,0,0,0.4)
+  .section-table
+    position: absolute
+    cursor: pointer
+    background-color: #ccc
+    //TODO remove width and height for ember control
+    height: 60px
+    width: 60px
+    background-repeat: no-repeat
+    box-shadow: 2px 2px 4px #888888
+    color: black
+    border-radius: 3px
+    display: table
+    .status-icons
+      // float: right
+      // width: 16px
+      position: absolute
+      margin-top: -18px
+      right: 0
+      min-width: 60px
+      .needs_help, .needs_payment, .occupied, .active_order
+        display: none
+        float: right
+        @extend .fa
+      .needs_help
+        @extend .fa-bell
+      .needs_payment
+        @extend .fa-money
+      .active_order
+        @extend .fa-coffee
+    &.occupied
+      background-color: #ffa
+    &.needs_help
+      background-color: #7f7
+      .status-icons .needs_help
+        display: inline-block
+    &.needs_payment
+      // background-image: image-url('icons/needs-payment.png')
+      // background-position: 40px 2px
+      .status-icons .needs_payment
+        display: inline-block
+    &.active_order
+      .active_order
+        display: block
+      .status-icons .active_order
+        display: inline-block
+      //background-color: #f77
+    &.right-half
+      .table-actions
+        right: 100%
+        left: initial
+    a
+      color: black
+      &:hover
+        text-decoration: none
+    //background-image: image-url('icons/section-table.png')
+    .table-link
+      margin-top: -45px
+    .table-number
+      color: black
+      //position: absolute
+      display: table-cell
+      //top: 0
+      //line-height: 44px
+      width: 100%
+      height: 100%
+      font-size: 30px
+      text-align: center
+      vertical-align: middle
+
+    .action-button-container
+      margin-right: -20px
+    .table-actions
+      display: none
+      position: absolute
+      z-index: 247
+      left: 100%
+      top: 0
+      width: 140px
+      text-align: center
+      background-color: white
+      border: 1px solid #aaa
+      padding-bottom: 10px
+      .title
+        background-color: #aaa
+      .table-action-row
+        margin-top: 10px
+        &.total
+          font-size: 1.2em
+          font-weight: bold
+      .order-display
+        &.active
+          .post-display
+            margin-left: 10px
+            @extend .fa
+            @extend .fa-check
+    .table-settings
+      width: 200px
+      height: 30px
+      position: absolute
+      top: -30px
+      select
+        width: 92px
+  //&.section-tables-active
+
+  //&.section-tables-manage
+    .section-table
+      cursor: move
+  //&.section-tables-inactive
+    .section-table
+      position: relative
+      margin-top: 10px
+      margin-bottom: 30px
+      float: left
+      margin-right: 30px
+// INDEX
+
+table
+  td
+    &.table-info
+      .table-count
+        &:after
+          content: " - "
+.go-to-tables-view.hide
+  display: inline-block
+
+ul#table-actions-list
+  list-style: none
+  margin: 0

app/assets/stylesheets/supplier/foundation1/resources/_sections_header.sass

@@ -0,0 +1,16 @@
+.sections-header-container
+  margin: 0
+  dd:first-child
+    margin-left: 0
+  .section-header-title
+    padding-right: 0.5em
+    color: #555
+  .section-jumper
+    display: none
+  .active
+    .section-jumper
+      display: inline-block
+      +button($bg: #ddd)
+      margin: 0
+      margin-left: 4px
+      padding: 0 5px