Prototyped the barcode idea; Added a basic production system.

This commit is contained in:
Wynne Crisman
2019-10-07 15:51:50 -07:00
parent 8211da6b39
commit 2e57558ef4
50 changed files with 8949 additions and 782 deletions

View File

@@ -1,60 +1,142 @@
#production
margin: 10px 20px
display: table
content-box: border-box
padding: 10px 20px
height: 100%
//Flex container options.
flex-flow: column nowrap
justify-content: space-around //Spacing between sales along the primary axis. (vertical spacing for a column layout)
align-items: flex-start //Align the sales within a line along the primary axis. (horizontal alignment for a column layout)
align-content: center //Spacing between lines along the secondary axis. (spacing between columns for a column layout)
display: -webkit-box
display: -moz-box
display: -ms-flexbox
display: -moz-flex
display: -webkit-flex
display: flex
width: 100%
text-align: left
.editor
height: 100%
overflow-y: auto
.insertSale
flex: none
.tableControls
text-align: right
margin-right: 20px
margin-bottom: 4px
display: table
width: 100%
.contentControls
vertical-align: bottom
display: table-cell
text-align: right
min-width: 100px
a
font-size: 12px
font-family: "Arial", san-serif
font-weight: 800
color: #2d1b8c
text-decoration: none
a:hover
text-decoration: underline
a.disabled
visibility: hidden
.formGroupHeading
font-size: 1.6em
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
font-style: normal
font-variant: normal
font-weight: 500
.grid
flex: auto
align-self: stretch
overflow-y: auto
overflow-x: auto
margin-bottom: 20px
border: 0
padding-top: 20px
.table > thead > tr > th
border: 0
padding-top: 0
padding-bottom: 6px
.left
text-align: left
.center
text-align: center
.dataTable
table-layout: fixed
.tdLarge
font-size: 1.3em
.saleRemove
color: red
margin-left: 8px
.saleEdit
color: darkblue
margin-right: 8px
.table
table-layout: fixed
min-width: 100%
thead, tbody
> tr
> .hasLabels
width: 30px
.hasLabels
color green
.noLabels
color red
> .name
//width: auto
width: 100%
> .date
//width: auto
min-width: 150px
max-width: 180px
> .amount
//width: auto
min-width: 100px
max-width: 100px
> .cook
//width: auto
min-width: 150px
max-width: 180px
> .canner
//width: auto
min-width: 150px
max-width: 180px
> .comment
width: 220px
min-width: 220px
max-width: 220px
> .actions
width: 90px
min-width: 90px
max-width: 90px
> tr.deleted
background-color: gray
.separatedTableHeader
table
thead
> tr
> th.actions
text-align: center
.newButton
margin-top: 4px
padding: 0 12px
.fa-plus-circle
display: inline-block
.fa-times-circle
display: none
.newButton:active
background-color: #fb557b
color: black
.fa-times-circle
display: inline-block
.fa-plus-circle
display: none
.showDeletedButton
margin-top: 4px
padding: 0 12px
color gray
.showDeletedButton.selected
color black
.listRow
display: table-row
.listCell
display: table-cell
position: relative
height: 100%
width: 100%
.tableContainer
position: absolute
top: 0
bottom: 0
left: 0
right: 0
width: auto
height: auto
border: 0
font-size: 12.5px
overflow-y: auto
table
thead
visibility: hidden
display: none
.search
margin: 3px 0 2px 1px
.editorTd
background: #deeac0
input, select
width: 100%
.editorDiv
margin: 4px 0
label
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
font-size: .9em
padding-bottom: 4px
select2
font-size: .4em
> tbody
> tr
.actionRemove
color: #F77
.actionEdit
color: #44F
.editorApply
color: green
.editorCancel
color: red