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