Added graphs and charts; Updated a lot of the collections for security and consistency; Updated all of the page to fix bugs and propagate fixes to all templates; Added the d3 library for graphing; Added a real ui for Measures and Venues.

2017-02-03 09:20:29 -08:00
parent 55337521f6
commit 184ce1133f
38 changed files with 2564 additions and 641 deletions
--- a/imports/ui/Venues.import.styl
+++ b/imports/ui/Venues.import.styl
@@ -0,0 +1,94 @@
+#venues
+	margin: 20px 20px
+	height: 100%
+	text-align: left
+
+	.tableControls
+		text-align: right
+		margin-right: 20px
+		.controlLabel
+			font-size: 9px
+			font-weight: 700
+			color: #5a5a5a
+			position: relative
+			top: -2px
+		.toggleShowHidden
+			margin: 0 40px 0 0
+			position: relative
+			top: -4px
+			display: inline-block
+
+	.tableContainer
+		width: 100%
+		margin-bottom: 20px
+		border: 0
+		font-size: 12.5px
+
+		table
+			table-layout: fixed
+			width: 100%
+			.venueSearch
+				margin: 3px 0 2px 1px
+			.venueEditorTd
+				background: #deeac0
+			input[name="name"], input[name="type"]
+				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
+			> thead
+				> tr
+					> th.name
+						width: auto
+					> th.type
+						width: auto
+					> th.actions
+						width: 90px
+						text-align: center
+						.newVenueButton
+							margin-top: 4px
+							padding: 0px 12px
+							.fa-plus-circle
+								display: inline-block
+							.fa-times-circle
+								display: none
+						.newVenueButton.active
+							background-color: #fb557b
+							color: black
+							.fa-times-circle
+								display: inline-block
+							.fa-plus-circle
+								display: none
+			> tbody
+				> tr
+					.actionRemove
+						color: #F77
+					.actionEdit
+						color: #44F
+					.editorApply
+						color: green
+					.editorCancel
+						color: red
+				> tr.deactivated
+					background-color: #fac0d1
+					.actionActivate
+						color: #158b18
+					.actionHide
+						color: #6a0707
+					.actionEdit
+						color: #0101e4
+				> tr.deactivated:hover
+					background-color: #ffcadb
+				> tr.hidden
+					background-color: #e995ff
+					.actionEdit
+						color: #0101e4
+					.actionShow
+						color: #027905
+				> tr.hidden:hover
+					background-color: #ffb5ff