Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates.

2017-05-26 11:17:32 -07:00
parent e1b0b19589
commit 210517a5c2
42 changed files with 15153 additions and 8505 deletions
--- a/imports/ui/SaleDuplicates.import.styl
+++ b/imports/ui/SaleDuplicates.import.styl
@@ -0,0 +1,149 @@
+#saleDuplicates
+	display: table
+	content-box: border-box
+	padding: 10px 20px
+	height: 100%
+	width: 100%
+	text-align: left
+	.controls
+		text-align: left
+		display: table
+		width: 100%
+		.pageControls
+			padding: 4px 8px
+			margin: 4px 8px
+			display: table-cell
+			width: 240px
+		.tableControls
+			text-align: right
+			padding: 4px 8px
+			margin: 4px 12px 4px 8px
+			display: table-cell
+			.toggleShowHidden
+				margin: 0 40px 0 0
+				position: relative
+				top: -4px
+				display: inline-block
+	.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
+				//width: 100%
+				//margin-bottom: 20px
+				border: 0
+				font-size: 12.5px
+				overflow-y: auto
+				//height: 100%
+				label
+					font-size: 10px
+					font-weight: 800
+				table
+					table-layout: fixed
+					min-width: 100%
+					.saleRemove
+						color: red
+						margin-left: 8px
+					.saleEdit
+						color: darkblue
+						margin-right: 8px
+					.editorApply
+						color: green
+					.editorCancel
+						color: red
+					thead
+						> tr
+							> th.amount
+								width: 90px
+							> th.product
+								width: auto
+								min-width: 140px
+							> th.price
+								width: 140px
+							> th.measure
+								width: 100px
+							> th.saleDate
+								width: 140px
+							> th.createdDate
+								width: 100px
+							> th.venue
+								width: 160px
+							> th.actions
+								width: 90px
+					tbody
+						> tr
+							> td.actions
+								.ignoreDuplicatesButton
+									padding: 0 2px
+									color: green
+								.ignoreDuplicatesButton:hover
+									color: #00bb00
+								.ignoreDuplicatesButton:active
+									color: black
+								.ignoreDuplicatesButton.hidden
+									visibility: hidden
+								.removeAllDuplicatesButton, .removeOneDuplicateButton
+									padding: 0 2px
+									color: #a00000
+								.removeAllDuplicatesButton:hover, .removeOneDuplicateButton:hover
+									color: red
+								.removeAllDuplicatesButton:active, .removeOneDuplicateButton:active
+									color: black
+						> tr.hidden:nth-child(odd)
+							background-color: #f4f0ab
+						> tr.hidden:nth-child(even)
+							background-color: #fff6c0
+						> tr.hidden:hover
+							background-color: #ded
+
+				.editComment
+					color: grey
+				.hasComment
+					color: black
+				.actionEdit
+					margin-right: 6px
+					color: #44F
+	.saleEditor
+		.heading
+			font-size: 2em
+			font-family: verdana, arial, helvetica, sans-serif
+			text-transform: uppercase
+			font-weight: 800
+			margin: 6px 0 14px 0
+		.priceContainer
+			display: table
+			width: 100%
+			.price
+				display: table-cell
+				padding-right: 10px
+			.priceButtons
+				display: table-cell
+				width: 1.5em
+				.setDefaultPrice
+					font-size: 1.5em
+					padding: 6px 8px
+					margin-left: 8px
+					border-radius: 8px
+				.setDefaultPrice:hover
+					text-shadow: 0px 0px 6px #00b900
+				.setDefaultPrice:active
+					text-shadow: 0px 0px 6px grey
+	.insertSaleForm
+		.form-group, label
+			text-align: left
+		.formGroupHeading
+			font-size: 1.6em
+			font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
+			font-style: normal
+			font-variant: normal
+			font-weight: 500