1<loader loading="loading"></loader>
2<div id="sys-log">
3    <section id="sys-log__logs">
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 sys-log__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>
43      <syslog-filter></syslog-filter>
44    </section>
45    <section id="sys-log__logs" class="table row column" ng-show="sysLogs.length">
46      <div class="table row column">
47        <div class="table__head">
48          <div class="table__row">
49            <div class="table__cell sys-log__col-wrapper sys-log__col-id">
50              <div class="column small-2 sort_button_wrapper">
51                <button class="sort-ascending" ng-click="sortBy('Id', false)"></button>
52                <button class="sort-descending" ng-click="sortBy('Id', true)"></button>
53              </div>
54              ID
55            </div>
56            <div class="table__cell sys-log__col-wrapper">
57              <div class="column small-2 sort_button_wrapper">
58                <button class="sort-ascending" ng-click="sortBy('Created', false)"></button>
59                <button class="sort-descending" ng-click="sortBy('Created', true)"></button>
60              </div>
61              Timestamp
62            </div>
63            <div class="table__cell sys-log__col-wrapper">
64              <div class="column small-2 sort_button_wrapper">
65                <button class="sort-ascending" ng-click="sortBy('Name', false)"></button>
66                <button class="sort-descending" ng-click="sortBy('Name', true)"></button>
67              </div>
68              Name
69            </div>
70            <div class="table__cell sys-log__col-wrapper">
71              <div class="column small-2 sort_button_wrapper">
72                <button class="sort-ascending" ng-click="sortBy('SensorType', false)"></button>
73                <button class="sort-descending" ng-click="sortBy('SensorType', true)"></button>
74              </div>
75              Type
76            </div>
77            <div class="table__cell sys-log__col-wrapper sys-log__col-sev">
78              <div class="column small-2 sort_button_wrapper">
79                <button class="sort-ascending" ng-click="sortBy('Severity', false)"></button>
80                <button class="sort-descending" ng-click="sortBy('Severity', true)"></button>
81              </div>
82              Severity
83            </div>
84            <div class="table__cell sys-log__col-wrapper sys-log__col-desc">Description</div>
85          </div>
86        </div>
87        <div class="table__body">
88          <div class="table__row" dir-paginate="log in (sysLogs | filter:filterBySearchTerms | filter:filterBySeverity | filter:filterByDate | filter:filterByType | orderBy:sortKey:reverse) | itemsPerPage:itemsPerPage">
89            <div class="table__cell sys-log__col-wrapper sys-log__col-id">{{log.Id}}</div>
90            <div class="table__cell sys-log__col-wrapper">{{log.Created | localeDate}}</div>
91            <div class="table__cell sys-log__col-wrapper">{{log.Name}}</div>
92            <div class="table__cell sys-log__col-wrapper">{{log.SensorType}}</div>
93            <div class="table__cell sys-log__col-wrapper sys-log__col-sev">{{log.Severity}}</div>
94            <div class="table__cell sys-log__col-wrapper sys-log__col-desc">{{log.Message}}</div>
95          </div>
96        </div>
97      </div>
98      <dir-pagination-controls></dir-pagination-controls>
99    </section>
100    <section id="sys-log__logs" class="table row column" ng-show="!sysLogs.length">
101      <p>There are no {{selectedRecordType}} logs to display at this time.</p>
102    </section>
103</div> <!-- end log -->
104