1<loader loading="loading"></loader>
2<div id="sys-log">
3    <section id="sys-log__events" class="table row column">
4      <div class="row column">
5        <h1>System Logs</h1>
6        <div class="page-header">
7          <p class="inline h4">Select system log type: </p>
8          <div class="inline dropdown__wrapper" >
9            <button type="button" class="dropdown__button" ng-click="showLogDropdown = !showLogDropdown"><strong>{{selectedRecordType}}</strong></button>
10            <ul class="dropdown__list inline" ng-show="showLogDropdown">
11              <li ng-repeat="recordType in recordTypeList">
12                <button type="button" ng-click="selectRecordType(recordType);">{{recordType}}</button>
13              </li>
14            </ul>
15          </div>
16          <a ng-href="data:text/json;charset=utf-8,{{sysLogs}}" class="inline btn-export float-right"  download="systemLogs.json" ng-show="sysLogs.length">Export </a>
17          <button class="inline clear-input float-right btn-secondary" ng-click="confirm = !confirm" ng-show="sysLogs.length">&#10005; Clear {{selectedRecordType}} Logs</button>
18          <div class="inline__confirm event__confirm" ng-show="confirm">
19            <div class="inline__confirm-message">
20              <p class="h3">Are you sure you want to <strong class="ng-binding">clear {{selectedRecordType}} logs</strong>?
21              </p>
22            </div>
23            <div class="inline__confirm-buttons">
24              <button class="btn-primary" ng-click="clearSystemLogEntries()">Yes</button>
25              <button class="btn-primary" ng-click="confirm = false">No</button>
26            </div>
27          </div>
28        </div>
29      </div>
30    </section>
31    <section class="row column">
32      <p class="content-label">Filter {{selectedRecordType}} Logs</p>
33      <div class="content__search">
34        <label for="content__search-input">Search</label>
35        <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
36        <div class="search-submit__wrapper">
37          <button class="clear-input" ng-click="clear()">&#10005;</button>
38          <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
39        </div>
40      </div>
41    </section>
42    <section id="sys-log__events" class="table row column" ng-show="sysLogs.length">
43      <div class="table row column">
44        <div class="table__head">
45          <div class="table__row">
46            <div class="table__cell sys-log__col-wrapper sys-log__col-id">
47              <div class="column small-2 sort_button_wrapper">
48                <button class="sort-ascending" ng-click="sortBy('Id', false)"></button>
49                <button class="sort-descending" ng-click="sortBy('Id', true)"></button>
50              </div>
51              ID
52            </div>
53            <div class="table__cell sys-log__col-wrapper">
54              <div class="column small-2 sort_button_wrapper">
55                <button class="sort-ascending" ng-click="sortBy('Created', false)"></button>
56                <button class="sort-descending" ng-click="sortBy('Created', true)"></button>
57              </div>
58              Timestamp
59            </div>
60            <div class="table__cell sys-log__col-wrapper">
61              <div class="column small-2 sort_button_wrapper">
62                <button class="sort-ascending" ng-click="sortBy('Name', false)"></button>
63                <button class="sort-descending" ng-click="sortBy('Name', true)"></button>
64              </div>
65              Name
66            </div>
67            <div class="table__cell sys-log__col-wrapper">
68              <div class="column small-2 sort_button_wrapper">
69                <button class="sort-ascending" ng-click="sortBy('SensorType', false)"></button>
70                <button class="sort-descending" ng-click="sortBy('SensorType', true)"></button>
71              </div>
72              Type
73            </div>
74            <div class="table__cell sys-log__col-wrapper sys-log__col-sev">
75              <div class="column small-2 sort_button_wrapper">
76                <button class="sort-ascending" ng-click="sortBy('Severity', false)"></button>
77                <button class="sort-descending" ng-click="sortBy('Severity', true)"></button>
78              </div>
79              Severity
80            </div>
81            <div class="table__cell sys-log__col-wrapper sys-log__col-desc">Description</div>
82          </div>
83        </div>
84        <div class="table__body">
85          <div class="table__row" dir-paginate="log in (sysLogs | filter:filterBySearchTerms | orderBy:sortKey:reverse) | itemsPerPage:itemsPerPage">
86            <div class="table__cell sys-log__col-wrapper sys-log__col-id">{{log.Id}}</div>
87            <div class="table__cell sys-log__col-wrapper">{{log.Created | localeDate}}</div>
88            <div class="table__cell sys-log__col-wrapper">{{log.Name}}</div>
89            <div class="table__cell sys-log__col-wrapper">{{log.SensorType}}</div>
90            <div class="table__cell sys-log__col-wrapper sys-log__col-sev">{{log.Severity}}</div>
91            <div class="table__cell sys-log__col-wrapper sys-log__col-desc">{{log.Message}}</div>
92          </div>
93        </div>
94      </div>
95      <dir-pagination-controls></dir-pagination-controls>
96    </section>
97    <section id="sys-log__events" class="table row column" ng-show="!sysLogs.length">
98      <p>There are no {{selectedRecordType}} logs to display at this time.</p>
99    </section>
100</div> <!-- end event log -->
101