From 55f0b3e72626cc03e8740a2e1e177f06d8f8a424 Mon Sep 17 00:00:00 2001
From: Patrick McDonagh <pmcdonagh@henry-pump.com>
Date: Thu, 9 Feb 2017 14:57:01 -0600
Subject: [PATCH] Adds Notes to NodeDetailHeader

---
 NodeDetailHeader.html | 31 ++++++++++++++++++++++++++++
 Overview.html         | 48 ++++++++++++++++++++++++++++++++++---------
 2 files changed, 69 insertions(+), 10 deletions(-)

diff --git a/NodeDetailHeader.html b/NodeDetailHeader.html
index 28262a3..a5fd9fa 100644
--- a/NodeDetailHeader.html
+++ b/NodeDetailHeader.html
@@ -4,3 +4,34 @@
 <div class='col-xs-6'>
     <h3><%= node.vanityname %></h3>
 </div>
+
+<div class='col-xs-4'>
+    <div class="text-center">
+        <h2>Last Note</h2>
+        <p class="note-text"><%= channels['advvfdipp.notes'].value %></p>
+        <p> at <%= channels["advvfdipp.notes"].timestamp %></p>
+        <button href="#" data-channelId="<%= channels['advvfdipp.notes'].channelId %>" class="data-table btn btn-theme note-btn" title="Note History"><i style='margin-left: 0.5em; cursor: pointer' class="fa fa-th-list icon-theme"></i> All Notes</button>
+        <br />
+        <button type="button" class="btn btn-theme note-btn" data-toggle="modal" data-target="#note-modal"><i style='margin-left: 0.5em; cursor: pointer' class="fa fa-pencil icon-theme"></i> New Note</button>
+    </div>
+</div>
+<style>
+#note-modal{
+    position: absolute;
+}
+
+.modal-backdrop {
+    position: relative;
+}
+.modal-dialog {
+    top:5%;
+}
+.note-btn {
+    margin-top: 10px;
+    width: 75%;
+}
+.note-text {
+    font-size: 1.5em;
+    font-style: italic;
+}
+</style>
diff --git a/Overview.html b/Overview.html
index ae353e1..cfdc7d4 100644
--- a/Overview.html
+++ b/Overview.html
@@ -1,3 +1,31 @@
+<div class="modal fade" id="note-modal" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <form class='set_channel'>
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                    <h4 class="modal-title">Note Entry</h4>
+                </div>
+                <div class="modal-body">
+
+                    <input class="form-control" data-channelId='<%= channels["abbflow.notes"].channelId %>'
+                    data-techName='<%=channels["abbflow.notes"].techName %>'
+                    data-name='<%= channels["abbflow.notes"].name %>'
+                    data-val="<%=channels["abbflow.notes"].value %>"
+                    type="text"
+                    id="<%= channels["abbflow.notes"].channelId %>"
+                    value="<%=channels["abbflow.notes"].value %>">
+
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+                    <button class="btn btn-primary set_channel_btn" value='Save'>Save Note</button>
+                </div>
+            </form>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
+
 <div class='row row-flex box-me'>
     <div class='col-xs-4 text-center'>
         <h2>Volume Flow</h2>
@@ -256,19 +284,19 @@
         data-decimalplaces="2"
         data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B"
         data-valuefontsize="18px">
+        </div>
+        <div class="timestamp-box">
+            <a href="#" data-channelId="<%= channels['abbflow.last_calculation_period_volume'].channelId %>" class="data-table" title="Download Channel History">
+                <i class="fa fa-download"></i>
+            </a>
+        </div>
+        <span data-timeupdate="last_calculation_period_volume">
+            <%= channels["abbflow.last_calculation_period_volume"].timestamp %>
+        </span>
     </div>
-    <div class="timestamp-box">
-        <a href="#" data-channelId="<%= channels['abbflow.last_calculation_period_volume'].channelId %>" class="data-table" title="Download Channel History">
-            <i class="fa fa-download"></i>
-        </a>
-    </div>
-    <span data-timeupdate="last_calculation_period_volume">
-        <%= channels["abbflow.last_calculation_period_volume"].timestamp %>
-    </span>
-</div>
 </div>
 
-<div class='col-xs-4 text-center'>
+<div class='col-xs-4 text-center box-me'>
     <h2>Accumulated Volume</h2>
     <div class="gauge-box">
         <div data-labelheight="10"