92 lines
4.9 KiB
HTML
92 lines
4.9 KiB
HTML
<div class="console-config__container">
|
||
<div loading-spinner if="dataLoading" overlay="true" fixed-full-screen="true"></div>
|
||
<div class="reports__date-range">
|
||
<label>{{'console.config.reports.dateRange' | i18n}}</label>
|
||
|
||
<div class="reports__date-field">
|
||
<input type="text"
|
||
title="{{'common.label.date' | i18n}}"
|
||
placeholder="{{'console.config.reports.startDate' | i18n}}"
|
||
class="form-control"
|
||
name="reportStartDate"
|
||
datepicker-popup="mediumDate"
|
||
ng-model="reportsConfig.reportStartDate"
|
||
max-date="maxDate"
|
||
is-open="reportsConfig.reportStartDatePicker.open"
|
||
show-button-bar="false"
|
||
ng-click="openDatePicker('start', reportsConfig.reportStartDatePicker, $event)"
|
||
ng-focus="openDatePicker('start', reportsConfig.reportStartDatePicker, $event)"
|
||
ng-enter="openDatePicker(reportsConfig.reportStartDatePicker)"
|
||
datepicker-options="datePickerOptions"
|
||
aria-labelledby="reportStart" />
|
||
</div>
|
||
|
||
<div class="reports__date-field">
|
||
<input type="text"
|
||
title="{{'common.label.date' | i18n}}"
|
||
placeholder="{{'console.config.reports.endDate' | i18n}}"
|
||
class="form-control"
|
||
name="reportEndDate"
|
||
datepicker-popup="mediumDate"
|
||
ng-model="reportsConfig.reportEndDate"
|
||
min-date="reportsConfig.reportStartDate"
|
||
max-date="maxDate"
|
||
is-open="reportsConfig.reportEndDatePicker.open"
|
||
show-button-bar="false"
|
||
ng-click="openDatePicker('end', reportsConfig.reportEndDatePicker, $event)"
|
||
ng-focus="openDatePicker('end', reportsConfig.reportEndDatePicker, $event)"
|
||
ng-enter="openDatePicker(reportsConfig.reportEndDatePicker)"
|
||
datepicker-options="datePickerOptions"
|
||
aria-labelledby="reportEnd" />
|
||
</div>
|
||
|
||
<button class="btn_primary reports__filter-button" ng-click="getCustomReportData()" ng-enter="getCustomReportData()">{{'console.column.submitDate' | i18n}}</button>
|
||
<span class="reports__clear-dates"><a href="" ng-click="clearReportDates()" ng-enter="clearReportDates()">{{'common.button.clear' | i18n}}</a></span>
|
||
<button class="btn_primary reports__export-csv" ng-click="downloadCSV()" ng-enter="downloadCSV()">{{'console.config.reports.exportToCsv' | i18n}}</button>
|
||
|
||
</div>
|
||
<div class="reports__summary">
|
||
<ul class="reports__dashboard">
|
||
<li class="reports__dashboard-item-all">
|
||
<div>{{'console.config.reports.allUniqueUsers' | i18n}}</div>
|
||
<div class="reports__dashboard-item-count">{{reportsData.users.length}}</div>
|
||
</li>
|
||
<li class="reports__dashboard-item-{{client.clientType}}" ng-repeat="client in reportsData.clients">
|
||
<div>{{client.clientType}}</div>
|
||
<div class="reports__dashboard-item-count">{{client.activeUserCount}}</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="reports__users_detail">
|
||
<table class="console-config__table">
|
||
<thead>
|
||
<tr>
|
||
<th rowspan="2">{{'user.loginForm.usernamePlaceholder' | i18n}}</th>
|
||
<th rowspan="2">{{'personInfoCard.label.email' | i18n}}</th>
|
||
<th rowspan="2">{{'console.config.reports.headers.userId' | i18n}}</th>
|
||
<th colspan="3">{{'console.config.reports.headers.lastVisit' | i18n}}</th>
|
||
|
||
</tr>
|
||
<tr>
|
||
<th>{{'console.config.reports.headers.web' | i18n}}</th>
|
||
<th>{{'console.config.reports.headers.ios' | i18n}}</th>
|
||
<th>{{'console.config.reports.headers.android' | i18n}}</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr ng-repeat="user in reportsData.users | filter : paginate">
|
||
<td>{{user.userFirstName}} {{user.userLastName}}</td>
|
||
<td>{{user.userEmail}}</td>
|
||
<td>{{user.userId}}</td>
|
||
<td>{{user.lastWebLoginDate | date: 'short'}}</td>
|
||
<td>{{user.lastIOsLoginDate | date: 'short'}}</td>
|
||
<td>{{user.lastAndroidLoginDate | date: 'short'}}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<pagination previous-text="‹" next-text="›" first-text="«" last-text="»" total-items="pagination.totalItems" ng-model="pagination.currentPage"
|
||
max-size="5" boundary-links="true"
|
||
items-per-page="pagination.numPerPage" class="pagination-sm">
|
||
</pagination>
|
||
</div>
|
||
</div> |