adding event log template
Change-Id: Iafc948727ff93737db6119d75320890af2887b71
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/overview/controllers/log-controller.html b/app/overview/controllers/log-controller.html
index cf70c95..1540887 100644
--- a/app/overview/controllers/log-controller.html
+++ b/app/overview/controllers/log-controller.html
@@ -1,3 +1,30 @@
-<div id="uid-log">
- Log contents here
+<div id="event-log">
+
+<div class="row column">
+ <h1>Event Log</h1>
+</div>
+
+<!-- Current status and bar display the state of the server. Class 'power__state-off' is applied to bar and 'power__state' text switches to say "off"-->
+<div class="row column page-header">
+ <h2 class="inline h4">All events generated by the system</h2>
+ <div class="event-log__timezone inline float-right">
+ <ul class="event-log__tz-list inline">
+ <li>User timezone: EDT (UTC-4)</li>
+ <li>UTC Timezone : UTC - 0</li>
+ </ul>
+ </div>
+</div>
+
+<div id="event-filter" class="row">
+ <div class="column large-6">
+ <p class="filter-label">Filter by severity</p>
+ <button class="btn-secondary inline first">High</button>
+ <button class="btn-primary inline">Medium</button>
+ <button class="btn-secondary inline">Low</button>
+ <button class="btn-secondary inline last">Resolved</button>
+ </div>
+ <div class="column large-6">
+ <p class="filter-label">Filter by date range (MM/DD/YYYY)</p>
+ </div>
+</div>
</div>
\ No newline at end of file
diff --git a/app/overview/styles/log.scss b/app/overview/styles/log.scss
index e69de29..fb642d8 100644
--- a/app/overview/styles/log.scss
+++ b/app/overview/styles/log.scss
@@ -0,0 +1,51 @@
+// Event Log SCSS
+
+#event-log {
+
+ #event-filter {
+ button {
+ margin: 3px -3px;
+ padding: .5em 2em;
+ min-height: 2em;
+ font-size: .9em;
+ border-radius: 0;
+ &.first,
+ &.last {
+ border-radius: 3px;
+
+ }
+ }
+ .btn-primary {
+ border: 2px solid $primebtn__bg;
+ }
+ .filter-label {
+ color: darken($lightgrey, 10%);
+ text-transform: uppercase;
+ font-weight: 700;
+ font-size: .75em;
+ margin-bottom: 3px;
+
+ }
+ }
+
+ //Timezone select
+ .event-log__timezone {
+ text-transform: uppercase;
+ color: $lightbg__primary;
+ font-size: .8em;
+ font-weight: 700;
+ margin-top: -1em;
+ .event-log__tz-list {
+ display: inline-block;
+ padding-left: .5em;
+ margin-top: -3px;
+ li {list-style-type: none;}
+ }
+ &:after {
+ content: '\25bC';
+ font-size: .8em;
+ display: inline-block;
+ margin-left: 5px;
+ }
+ }
+} //end #event-log
\ No newline at end of file