blob: 7791cd7b5a11763f81bd284402ab3e39d3cd0056 (
plain)
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
<ion-view view-title="{{'kSystemStatus' | translate}}" cache-view="false">
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
<button data-badge="{{$root.alarmCount}}" class="animated infinite tada button button-icon button-clear ion-ios-bell notification-badge"
ng-click="handleAlarms();" ng-if="$root.isAlarm"></button>
</ion-nav-buttons>
<ion-content delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
<ion-refresher pulling-text="{{'kPullToReload' | translate}}..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
<ion-item>
<div>
<div class="row">
<div class="col text-center">
<a class="button button-small button-outline button-dark " ng-click="selectCustomState();" href="">{{'kChangeState'|translate}}</a>
<a class="button button-small button-outline button-dark " ng-click="controlZM('restart');" href="">{{'kRestart'
| translate}}</a>
<a class="button button-small button-outline button-dark" href="" ng-click="controlZM('stop');">{{'kStop'
| translate}}</a>
<a class="button button-small button-outline button-dark" ng-click="controlZM('start');" href="">{{'kStart'
| translate}}</a>
</div>
</div>
</div>
</ion-item>
<ion-list>
<ion-item>
<div class="row">
<div class="col col-10">
<i class="ion-home" style="font-size:150%;"></i>
</div>
<div class="col">
ZoneMinder:
</div>
<div class="col" ng-style="{'text-align':'right','color':color}">
{{zmRun}}
<p>{{customState}}</p>
</div>
</div>
</ion-item>
<ion-item>
<div class="row">
<div class="col col-10">
<i class="ion-arrow-graph-up-right" style="font-size:150%;"></i>
</div>
<div class="col">
ZoneMinder {{'kLoad' | translate}}:
</div>
<div class="col" style="text-align:right;">
{{zmLoad}}
</div>
</div>
</ion-item>
</ion-list>
<div class="list" >
<div class="item item-divider icon-left" ng-click="toggleStorage()">
<i class="icon" ng-class="showStorage? 'ion-chevron-up':'ion-chevron-down'"></i>
{{'kStateStorage' | translate}}
</div>
<div ng-repeat = "store in storage">
<div class="item item-accordion item-divider item-icon-left " ng-show="showStorage">
<i class="icon ion-social-buffer"></i>
{{store.Storage.Name}} ({{store.Storage.Id}})
</div> <!-- divider -->
<div class="item item-accordion" ng-show="showStorage">
<div class="row">
{{'kStatePath' | translate }}: {{store.Storage.Path}}
</div>
<div class="row">
{{'kStateDiskUsed' | translate }}: {{ humanFileSize(store.Storage.DiskSpace,true)}}
</div>
<div class="row">
{{'kScheme' | translate }}: {{ store.Storage.Scheme}}
</div>
<div ng-if="store.Storage.ServerId" class="row">
{{'kStateServer' | translate }}: {{ matchServer(store.Storage.ServerId)}}
</div>
</div> <!-- item -->
</div> <!-- repeat -->
<div class="item item-divider icon-left" ng-click="toggleServer()">
<i class="icon" ng-class="showServer? 'ion-chevron-up':'ion-chevron-down'"></i>
{{'kStateServer' | translate}}
</div>
<div ng-repeat = "server in servers">
<div class="item item-accordion item-divider item-icon-left " ng-show="showServer">
<i class="icon ion-monitor"></i>
{{server.Server.Name}} ({{server.Server.Id}})
</div> <!-- divider -->
<div class="item item-accordion" ng-show="showServer">
<div class="row">
{{'kStateHost' | translate }}: {{server.Server.Hostname}}
</div>
<div class="row">
{{'kStatus' | translate }}: {{ server.Server.Status}}
</div>
<div class="row">
{{'kStateCpuLoad' | translate }}: {{ server.Server.CpuLoad}}
</div>
<div class="row">
{{'kStateTotalMem' | translate }}: {{ humanFileSize(server.Server.TotalMem, true)}}
</div>
<div class="row">
{{'kStateFreeMem' | translate }}: {{ humanFileSize(server.Server.FreeMem, true)}}
</div>
</div> <!-- item -->
</div> <!-- repeat -->
</div> <!-- list ---->
</ion-content>
</ion-view>
|
