www/templates/devoptions.html


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

<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 {{$root.currentServerGroup}}
            </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.useNphZms"
                            ng-checked="{{loginData.useNphZms}}"
                            toggle-class="toggle-calm">use ZMS for single stream</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 image scale(%)&nbsp;
                <label class="item-input-wrapper">
                    <input type="tel" placeholder="" ng-model="loginData.singleImageQuality">
                </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>

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