summaryrefslogtreecommitdiff
path: root/www/templates/devoptions.html
blob: 0996b6d383bc3fb0abda1c78510c7a8520444587 (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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<ion-view view-title="Dev. Settings">
    <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-nav-buttons side="right">
        <button class="button button-clear" ng-click="saveDevOptions()">Save</button>
    </ion-nav-buttons>


    <ion-content class="padding">
        <div class="list list-inset">
            <span style="color:rgb(100,100,100)">
                <i class="ion-android-settings" style="font-size:150%"></i> Developer Options for {{loginData.serverName}}
            </span>

             <div class="item item-input-inset">
                Frame update (sec.)&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="min is 1s" ng-model="loginData.refreshSec">
                </label>
            </div>
            
            
            <label>
                <ion-toggle ng-model="loginData.use24hr"
                            ng-checked="{{loginData.use24hr}}"
                            toggle-class="toggle-calm">enable 24hr time format</ion-toggle>
            </label>
            
            <div ng-if="$root.platformOS=='android'">
                <label>
                    <ion-toggle ng-model="loginData.exitOnSleep"
                                ng-checked="{{loginData.exitOnSleep}}"
                                toggle-class="toggle-calm">exit app in background</ion-toggle>
                </label>
            </div>
            
            <label>
                <ion-toggle ng-model="loginData.useNphZms"
                            ng-checked="{{loginData.useNphZms}}"
                            toggle-class="toggle-calm">use ZMS for single live view</ion-toggle>
            </label>
            
            <label>
                <ion-toggle ng-model="loginData.useNphZmsForEvents"
                            ng-checked="{{loginData.useNphZmsForEvents}}"
                            toggle-class="toggle-calm">use ZMS for events footage</ion-toggle>
            </label>
            
            <div class="item item-input-inset">
                Max monitors in montage&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="be careful" ng-model="loginData.maxMontage">
                </label>
            </div>

            <!--
            <div class="item item-input-inset">
                maxfps for streaming&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="max is 30" ng-model="loginData.maxFPS">
                </label>
            </div>
            -->

            <div class="item item-input-inset">
                Montage image scale(%)&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="max is 70" ng-model="loginData.montageQuality">
                </label>
            </div>
            
            <div class="item item-input-inset">
                 Event single image scale(%)&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="" ng-model="loginData.singleImageQuality">
                </label>
            </div>
            
            <div class="item item-input-inset">
                 Event Montage image scale(%)&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="" ng-model="loginData.montageHistoryQuality">
                </label>
            </div>
            
            <div class="item item-input-inset">
                 Max. items for Timeline&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="" ng-model="loginData.graphSize">
                    <br/>
            
                </label>
                <br/>
        
            </div>
            
            <div class="item" style="background-color:#C8F7C5" ng-if="loginData.graphSize > 5000">
                <label class="animated fadeInDown item-text-wrap" >
                    
                A large value can affect timeline performance. If you find timeline performance slow, try reducing the value to 200 and work your way up from there.
                    
                </label>
            </div>
            
            <label>
            <ion-toggle ng-model="loginData.enableDebug"
                        ng-checked="{{loginData.enableDebug}}"
                        toggle-class="toggle-calm">Enable debug logs</ion-toggle>
            </label>
            
            <label>
            <ion-toggle ng-model="loginData.canSwipeMonitors"
                        ng-checked="{{loginData.canSwipeMonitors}}"
                        toggle-class="toggle-calm">Swipe to change monitors</ion-toggle>
            </label>
            
            <label>
            <ion-toggle ng-model="loginData.persistMontageOrder"
                        ng-checked="{{loginData.persistMontageOrder}}"
                        toggle-class="toggle-calm">Persist hidden monitors</ion-toggle>
            </label>
            
            
            <label>
                <ion-toggle ng-model="loginData.enableh264"
                        ng-checked="{{loginData.enableh264}}"
                        toggle-class="toggle-calm"> H264 Video support</ion-toggle>
            </label>
            
            <label>
                <ion-toggle ng-model="loginData.enableBlog"
                        ng-checked="{{loginData.enableBlog}}"
                        toggle-class="toggle-calm"> enable news updates</ion-toggle>
            </label>

            
        </div>
    </ion-content>
</ion-view>