summaryrefslogtreecommitdiff
path: root/www/templates/state.html
blob: 33df994e4afbb57c9b5f8cdb09b4b87d7059bbdc (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
<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 scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
        <ion-refresher pulling-text="{{'kPullToReload' | translate}}..." spinner="bubbles" on-refresh="doRefresh()"></ion-refresher>
        <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" style="text-align:right; {{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-item>
                <div class="row">
                    <div class="col col-10">
                        <i class="ion-social-buffer" style="font-size:150%;"></i>
                    </div>
                    
                    <div class="col">

                        Disk Usage:
                    </div>
                    <div class="col" style="text-align:right;">
                        {{zmDisk}}
                    </div>
                </div>
            </ion-item>
            -->
            <ion-item>
                <button class="button button-full {{dangerButtonColor[showDanger?1:0]}}" ng-click="showDanger=!showDanger">
                    <i class="ion-alert-circled" "style:font-size:300%;"></i> {{dangerText[showDanger?1:0]}}
                </button>
                <div ng-show="showDanger">
                    <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-content>
</ion-view>