JSON api serializers for suppliers

This commit is contained in:
2015-09-09 19:11:46 +02:00
parent 5cdbe57dec
commit 968d042501
37 changed files with 86 additions and 133 deletions
@@ -0,0 +1,3 @@
.button-text
// Only icons for now
display: none
@@ -1,38 +0,0 @@
$button-spacing: 8px
.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
@@ -1,44 +0,0 @@
//DEPRICATED
#product-category-list
list-style: none
li
clear: both
margin-bottom: 8px
.name
padding: 5px 5px
#week_days-group
display: inline-block
.week-day-toggle
margin: 0
&.active
// nothing for now
&.inactive
opacity: 0.4
#full_day-controller
line-height: 34px
vertical-align: top
// height: 34px
display: inline-block
span
@extend .fa
@extend .fa-clock-o
margin: 0 10px
color: #444
&.active
span
color: #f70
#sub-day-container
display: inline-block
vertical-align: top
&.hide
display: none
select
width: 70px
margin-right: 14px
margin-bottom: 0
.product-category-visible-never
@extend .fa
@extend .fa-times
.product-category-visible-always
@extend .fa
@extend .fa-circle-o-notch
@@ -1,19 +0,0 @@
.products_preview-date
.products_preview-time-container
float: left
input
width: 120px
.products_preview-hour
float: left
margin-left: 10px
select
width: 70px
&:after
content: " :"
.products_preview-minute
float: left
margin-left: 10px
select
width: 70px
#products-table
width: 100%
@@ -1,15 +0,0 @@
.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)
@@ -1,35 +0,0 @@
.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
@@ -1,166 +0,0 @@
.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
@@ -1,16 +0,0 @@
.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