Added a Sales Sheet page along with other changes.

client/client.js

@@ -6,6 +6,7 @@ import '/imports/ui/helpers.js';
 // import '/imports/util/normalize.css';
 import '/imports/util/validator.js';
 import '/imports/util/polyfills/blaze.js';
+import '/imports/util/polyfills/regex.js';
 import '/imports/util/polyfills/date.js';
 import '/imports/util/polyfills/array.js';
 import '/imports/util/de.combo.js';
@@ -16,7 +17,10 @@ import '/imports/ui/layouts/Full.js';
 import '/imports/ui/accounts/accounts.js';
 import '/imports/util/select2/select2.css';
 import '/imports/util/select2/select2.full.js';
+//The SweetAlert2 NPM package is where this is being pulled from.  The js file that actually wants to use it should import it (see Sales.js).
+import 'sweetalert2/dist/sweetalert2.min.css';
 import '/imports/util/simplegrid.css';
+import 'dragula/dist/dragula.css';
 
 Blaze._allowJavascriptUrls();
 

client/main.styl

@@ -17,32 +17,14 @@ html
 	scrollbar-arrow-color: #ffffff
 	scrollbar-track-color: #505050
 	height: 100%
-
-html, body, #archives ul, #overall-footer, #content ul
-	margin: 0 0 0 0
-	padding: 0 0 0 0
-
+	min-height: 100%
 body
 	font-family: verdana, arial, helvetica, sans-serif
 	font-size: 12px
 	height: 100%
-
+	min-height: 100%
 #__blaze-root
-	//max-width: 950px  //Use if the width should be limited.
-	//min-width: 250px
-	//margin: 0 auto  //Use if the width should be limited.
-	//min-height: 100%  //Used with a full height layout.
-
-	//Flex container.
-	//display: flex
-	//flex-direction: row
-	//flex-wrap: nowrap
-	//align-items: stretch
-	//align-content: stretch
-	height: 100%;
-	//width: 100%;
-	//min-height: 100%;
-	//min-width: 100%;
+	height: 100%
 
 //Standard Stylings
 .noselect
@@ -69,7 +51,6 @@ body
 
 //Table Styles
 .table
-	border: 0
 	padding: 0
 	margin: 0
 	border-collapse: collapse
@@ -108,123 +89,6 @@ body
 .table-hover > tbody > tr:hover
 	background-color: #ded
 
-//Form Styles
-.select2-container
-	font-size: 10px
-.select2-selection
-	font-size: 13px  //Make the font small enough the control can have a height similar to a standard input field.
-	margin-bottom: 0px
-	min-height: 10px !important  //This is what really sets the height of the box containing the selection(s)
-	padding-bottom: 2px  //Add a little space below the selections to balance it all out.
-input
-	padding: 6px
-	border-radius: 4px
-	border-width: 1px
-	border-style: solid
-	border-color: #ccc
-//input[type='button'].btn-success, input[type='submit'].btn-success
-//	background-color: #5cb85c
-//	:hover
-//		background-color:
-//input[type='button'].btn-danger, input[type='submit'].btn-danger
-//	background-color: #e55b46
-.form-control, .select2-selection  //?
-	font-size: 14px
-	margin-bottom: 0px
-.form-group
-	margin: 4px 0
-.has-error .form-control
-	border-color: #a94442
-	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
-
-@media screen and (-webkit-min-device-pixel-ratio: 0)
-	input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control
-		line-height: 34px
-
-.form-control
-	display: block
-	width: 100%
-	height: 34px
-	padding: 6px 12px
-	font-size: 14px
-	line-height: 1.42857143
-	color: #555
-	background-color: #fff
-	background-image: none
-	border: 1px solid #ccc
-	border-radius: 4px
-	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
-	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
-	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
-	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
-	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
-input[type="date" i], input[type="datetime-local" i], input[type="month" i], input[type="time" i], input[type="week" i]
-	align-items: center
-	-webkit-padding-start: 1px
-	overflow: hidden
-	padding-left: 10px
-input
-	-webkit-appearance: textfield
-	background-color: white
-	-webkit-rtl-ordering: logical
-	user-select: text
-	cursor: auto
-	padding: 1px
-	border-width: 2px
-	border-style: inset
-	border-color: initial
-	border-image: initial
-.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
-	background-color: #eee
-	opacity: 1
-input, textarea, keygen, select, button
-	text-rendering: auto
-	color: initial
-	letter-spacing: normal
-	word-spacing: normal
-	text-transform: none
-	text-indent: 0px
-	text-shadow: none
-	display: inline-block
-	text-align: start
-	margin: 0em 0em 0em 0em
-	font: 13.3333px Arial
-input, textarea, keygen, select, button, meter, progress
-	-webkit-writing-mode: horizontal-tb
-//.btn.disabled, .btn[disabled], fieldset[disabled] .btn
-//	cursor: not-allowed
-//	filter: unquote("alpha(opacity=65)")
-//	-webkit-box-shadow: none
-//	box-shadow: none
-//	opacity: .65
-//button, html input[type="button"], input[type="reset"], input[type="submit"]
-//	-webkit-appearance: button
-//	cursor: pointer
-//button, html input[type="button"], input[type="reset"], input[type="submit"]
-//	-webkit-appearance: button
-//	cursor: pointer
-//.btn
-//	display: inline-block;
-//	padding: 6px 12px;
-//	margin-bottom: 0;
-//	font-size: 14px;
-//	font-weight: normal;
-//	line-height: 1.42857143;
-//	text-align: center;
-//	white-space: nowrap;
-//	vertical-align: middle;
-//	-ms-touch-action: manipulation;
-//	touch-action: manipulation;
-//	cursor: pointer;
-//	-webkit-user-select: none;
-//	-moz-user-select: none;
-//	-ms-user-select: none;
-//	user-select: none;
-//	background-image: none;
-//	border: 1px solid transparent;
-//	border-radius: 4px;
-
 .pagination
 	text-align: right
 	font-size: 15px
@@ -232,7 +96,8 @@ input, textarea, keygen, select, button, meter, progress
 	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
 	margin: 0 0 10px 0
 	overflow: visible
-	whitespace: nowrap
+	white-space: nowrap
+	display: inline-block
 	span
 		padding: 2px 8px 3px 8px
 		margin: 0 8px
@@ -288,6 +153,12 @@ input, textarea, keygen, select, button, meter, progress
 	overflow: visible !important
 	max-width: none !important
 
+@import "../imports/ui/styles/effects.import.styl"
+@import "../imports/ui/styles/buttons.import.styl"
+@import "../imports/ui/styles/maxHeightLayout.import.styl"
+@import "../imports/ui/styles/tabs.import.styl"
+@import "../imports/ui/styles/forms.import.styl"
+
 //@import "../imports/util/selectize/selectize.default.import.styl"
 //@import "../imports/util/selectize/selectize.import.styl"
 @import "../imports/util/de.combo.import.styl"
@@ -302,6 +173,9 @@ input, textarea, keygen, select, button, meter, progress
 @import "../imports/ui/Products.import.styl"
 @import "../imports/ui/ProductTags.import.styl"
 @import "../imports/ui/Sales.import.styl"
+@import "../imports/ui/SalesSheets.import.styl"
+@import "../imports/ui/SalesSheetForm.import.styl"
+@import "../imports/ui/SalesSheetEditor.import.styl"
 @import "../imports/ui/Pricing.import.styl"
 @import "../imports/ui/Production.import.styl"
 @import "../imports/ui/Graphs.import.styl"