/
settings-user-activity.tpl.htm
111 lines (93 loc) · 3.75 KB
/
settings-user-activity.tpl.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<h1>User Activity</h1>
<div class="spinner big" ng-show="vm.loading">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<hr/>
<div class="row">
<div class="col-sm-6">
<h4>Filter</h4>
<select class="form-control input-sm" ng-model="vm.filter.user" ng-options="user as user.username for user in vm.users"
ng-change="vm.onUserSelect()">
<option value="">---All Users---</option>
</select>
</div>
<div class="col-sm-6">
<h4>Sort</h4>
<select class="form-control input-sm" ng-model="vm.currentSort"
ng-options="sortOption.key as sortOption.label for sortOption in vm.sortOptions"
ng-change="vm.onSortChange()">
</select>
</div>
</div>
<br>
<uib-tabset active="activePill">
<uib-tab index="0" heading="Login Activity" ng-click="vm.changeType('login')">
<table class="table table-striped">
<thead>
<tr>
<td>User</td>
<td>date Created</td>
<td>Device</td>
<td>Operating System</td>
<td>Browser</td>
<td>IP Address</td>
</tr>
</thead>
<tr ng-repeat="activity in vm.userActivity.list">
<td>{{activity.username}} <span class="opacity-50 text-sm">(id: {{activity.userId}})</span></td>
<td>{{activity.dateCreated | date:'short'}}</td>
<td>{{activity.device}}</td>
<td>{{activity.operatingSystem}}</td>
<td>{{activity.browser}}</td>
<td>{{activity.ipAddress}}</td>
</tr>
</table>
<ul uib-pagination ng-if="vm.userActivity.list.length < vm.userActivity.total"
max-size="7" force-ellipses="true"
boundary-links="true" total-items="vm.userActivity.total"
ng-model="vm.pagination.currentPage" ng-change="vm.pagination.onChange()"></ul>
</uib-tab>
<uib-tab index="1" heading="Video Activity" ng-click="vm.changeType('video')">
<table class="table table-striped">
<thead>
<tr>
<td>User</td>
<td>last viewed</td>
<td>Video</td>
<td>Play</td>
<td>Device</td>
<td>Operating System</td>
<td>Browser</td>
<td>IP Address</td>
</tr>
</thead>
<tr ng-repeat="activity in vm.userActivity.list">
<td>{{activity.username}} <span class="opacity-50 text-sm">(id: {{activity.userId}})</span></td>
<td>{{(activity.lastUpdated || activity.dateCreated) | date:'short'}}</td>
<td style="width: 185px;">
<img ng-if="activity.video.poster_path || activity.video.show.poster_path"
ng-src="{{activity.video.show.poster_path || activity.video.poster_path}}"
style="max-width: 50px; margin-right: 10px; float: left;"/>
<div>{{activity.video.title || activity.video.name}}</div>
<div class="text-muted" ng-if="activity.video.canonicalName === 'streama.Episode'">s{{activity.video.season_number| padnumber:2}}e{{activity.video.episode_number | padnumber:2}}</div>
<div class="text-muted">({{(activity.video.show.first_air_date || activity.video.release_date).substring(0,4)}})</div>
</td>
<td >
<a class="ion-android-arrow-dropright-circle"
style="font-size: 30px"
ui-sref="player({videoId: activity.video.id})"></a>
</td>
<td>{{activity.device}}</td>
<td>{{activity.operatingSystem}}</td>
<td>{{activity.browser}}</td>
<td>{{activity.ipAddress}}</td>
</tr>
</table>
<ul uib-pagination ng-if="vm.userActivity.list.length < vm.userActivity.total"
max-size="7" force-ellipses="true"
boundary-links="true" total-items="vm.userActivity.total"
ng-model="vm.pagination.currentPage" ng-change="vm.pagination.onChange()"></ul>
</uib-tab>
</uib-tabset>