From 2f5dd4283e82058aca91c19ae24e25c7f4b72df7 Mon Sep 17 00:00:00 2001
From: David Baldwynn <david.baldwin@alumni.ubc.ca>
Date: Sat, 18 Jun 2016 14:03:29 -0700
Subject: [PATCH] added headings to analytics

---
 design/screenshots/color-pallette.jpg            | Bin 0 -> 6985 bytes
 .../form/edit-submissions-form.client.view.html  |  15 +++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 design/screenshots/color-pallette.jpg

diff --git a/design/screenshots/color-pallette.jpg b/design/screenshots/color-pallette.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..828c45a02f0c5e5a5ad3386dabc5b88c481d8b81
GIT binary patch
literal 6985
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
X%)~+UlD}6ug&3o1Xl+^Ul3)K9ez)z)

literal 0
HcmV?d00001

diff --git a/public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html b/public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html
index 198abf55..4af7f659 100644
--- a/public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html
+++ b/public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html
@@ -1,5 +1,8 @@
 <div class="submissions-table row container">
 	<div class="row text-center analytics">
+		<div class="row col-xs-12 header-numbers">
+			Overview Analytics
+		</div>
 		<div class="row col-xs-12 header-title">
 			<div class="col-xs-3">
 				{{ 'TOTAL_VIEWS' | translate }}
@@ -17,7 +20,6 @@
 				{{ 'AVERAGE_TIME_TO_COMPLETE' | translate }}
 			</div>
 		</div>
-
 		<div class="row col-xs-12 header-numbers">
 			<div class="col-xs-3">
 				{{myform.analytics.views}}
@@ -35,7 +37,9 @@
 				{{AverageTimeElapsed | secondsToDateTime | date:'mm:ss'}}
 			</div>
 		</div>
-
+		<div class="row col-xs-12 header-numbers">
+			Device Analytics
+		</div>
 		<div class="row col-xs-12 detailed-title">
 			<div class="col-xs-3">
 				{{ 'DESKTOP_AND_LAPTOP' | translate }}
@@ -206,6 +210,9 @@
 			</div>
 		</div>
 
+		<div class="row col-xs-12 text-center" style="font-size:5em;">
+			Field Analytics
+		</div>
 		<div class="row col-xs-12 field-title-row">
 			<div class="col-xs-3">
 				<strong>{{ 'FIELD_TITLE' | translate }}</strong>
@@ -221,6 +228,7 @@
 				<strong>{{ 'FIELD_DROPOFF' | translate }}</strong>
 			</div>
 		</div>
+
 		<div class="row col-xs-12 field-detailed-row" ng-repeat="fieldStats in myform.analytics.fields">
 
 			<div class="col-xs-3">
@@ -238,6 +246,9 @@
 		</div>
 	</div>
 	<br>
+	<div class="row col-xs-12 header-numbers text-center" style="font-size:5em;">
+		Responses Table
+	</div>
 	<div class="row table-tools">
 		<div class="col-xs-2">	
 			<button class="btn btn-danger" ng-click="deleteSelectedSubmissions()" ng-disabled="!isAtLeastOneChecked();">