60 lines
3.1 KiB
HTML
60 lines
3.1 KiB
HTML
<div class="settings section connectionHistory">
|
|
|
|
<!-- Connection history -->
|
|
<p>{{'SETTINGS_CONNECTION_HISTORY.HELP_CONNECTION_HISTORY' | translate}}</p>
|
|
|
|
<!-- Search controls -->
|
|
<form class="filter" ng-submit="search()">
|
|
<input class="search-string" type="text" placeholder="{{'SETTINGS_CONNECTION_HISTORY.FIELD_PLACEHOLDER_FILTER' | translate}}" ng-model="searchString" />
|
|
<input class="search-button" type="submit" value="{{'SETTINGS_CONNECTION_HISTORY.ACTION_SEARCH' | translate}}" />
|
|
<button type="button" ng-click="downloadCSV()">{{'SETTINGS_CONNECTION_HISTORY.ACTION_DOWNLOAD' | translate}}</button>
|
|
</form>
|
|
|
|
<!-- Search results -->
|
|
<div class="results">
|
|
|
|
<!-- List of matching history records -->
|
|
<table class="sorted history-list">
|
|
<thead>
|
|
<tr>
|
|
<th guac-sort-order="order" guac-sort-property="'username'">
|
|
{{'SETTINGS_CONNECTION_HISTORY.TABLE_HEADER_SESSION_USERNAME' | translate}}
|
|
</th>
|
|
<th guac-sort-order="order" guac-sort-property="'startDate'">
|
|
{{'SETTINGS_CONNECTION_HISTORY.TABLE_HEADER_SESSION_STARTDATE' | translate}}
|
|
</th>
|
|
<th guac-sort-order="order" guac-sort-property="'duration'">
|
|
{{'SETTINGS_CONNECTION_HISTORY.TABLE_HEADER_SESSION_DURATION' | translate}}
|
|
</th>
|
|
<th guac-sort-order="order" guac-sort-property="'connectionName'">
|
|
{{'SETTINGS_CONNECTION_HISTORY.TABLE_HEADER_SESSION_CONNECTION_NAME' | translate}}
|
|
</th>
|
|
<th guac-sort-order="order" guac-sort-property="'remoteHost'">
|
|
{{'SETTINGS_CONNECTION_HISTORY.TABLE_HEADER_SESSION_REMOTEHOST' | translate}}
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-class="{loading: !isLoaded()}">
|
|
<tr ng-repeat="historyEntryWrapper in historyEntryWrapperPage" class="history">
|
|
<td><guac-user-item username="historyEntryWrapper.username"></guac-user-item></td>
|
|
<td>{{historyEntryWrapper.startDate | date : dateFormat}}</td>
|
|
<td translate="{{historyEntryWrapper.readableDurationText}}"
|
|
translate-values="{VALUE: historyEntryWrapper.readableDuration.value, UNIT: historyEntryWrapper.readableDuration.unit}"></td>
|
|
<td>{{historyEntryWrapper.connectionName}}</td>
|
|
<td>{{historyEntryWrapper.remoteHost}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<!-- Text displayed if no history exists -->
|
|
<p class="placeholder" ng-show="isHistoryEmpty()">
|
|
{{'SETTINGS_CONNECTION_HISTORY.INFO_NO_HISTORY' | translate}}
|
|
</p>
|
|
|
|
<!-- Pager for history list -->
|
|
<guac-pager page="historyEntryWrapperPage" page-size="25"
|
|
items="historyEntryWrappers | orderBy : order.predicate"></guac-pager>
|
|
</div>
|
|
|
|
</div>
|