summaryrefslogtreecommitdiff
path: root/www/templates/state.html
blob: d227bb5bf7d6b9619479f0bfb0b5b42d0e2e4eca (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
<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-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-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>