summaryrefslogtreecommitdiff
path: root/www/templates/state.html
blob: 653d9a71821c171e0dbadc696d4aeee22273c086 (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
<ion-view view-title="System Status" cache="false">

    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
    </ion-nav-buttons>
    <ion-content>
        <ion-refresher pulling-text="Pull to reload data..."
                       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 is:
                    </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 load:
                    </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="">Change State</a>
                            <a class="button  button-small button-outline button-dark "
                               ng-click="controlZM('restart');" href="">Restart</a>
                            <a class="button  button-small button-outline  button-dark"
                               href="" ng-click="controlZM('stop');">Stop</a>
                            <a class="button  button-small button-outline button-dark" ng-click="controlZM('start');" href="">Start</a>
                        </div>
                    </div>
                </div>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>