www/templates/eventserversettings.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

<ion-view view-title="Event Server/{{loginData.serverName}}" 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-nav-buttons side="right">
        <button class="button button-clear" ng-click="saveItems()">Save</button>
    </ion-nav-buttons>
    
    <ion-content padding="true">
        
         <div class="list list-inset">
        Please make sure your ZM settings are configured and saved before you configure the event server
        </div>
        <ion-checkbox ng-model="loginData.isUseEventServer" ng-checked="{{loginData.isUseEventServer}}">use event server</ion-checkbox>
        
        
        <ion-item  ng-href="" ng-click="selectScreen()">
            on tap, navigate to: {{defScreen}}
        </ion-item>

        <label class="item item-input item-floating-label" ng-if="loginData.isUseEventServer">
            <span class="input-label">Event Server</span>
            <input autocapitalize="none" autocomplete="off" autocorrect="off" type="text" placeholder="Event notification url" ng-model="loginData.eventServer">

        </label>
        
            <ion-toggle ng-if="loginData.isUseEventServer" ng-model="loginData.disablePush"  ng-checked="{{loginData.disablePush}}" toggle-class="toggle-calm"  class="item-text-wrap">only use websockets<br/><p>disables APNS/GCM</p></ion-toggle>
        
        <!--
             <ion-toggle  ng-model="loginData.defaultPushSound" toggle-class="toggle-calm" class="item-text-wrap" ng-checked="{{loginData.defaultPushSound}}">use system sound<p>please save and restart app</p></ion-toggle>
        -->
        <ion-list>
            <div ng-repeat="monitor in monitors">
            
                <ion-item class="custom-list"
                    ng-click="toggleGroup(monitor)"
                    ng-class="{active: isGroupShown(monitor)}">
              <i class="icon" ng-class="isGroupShown(monitor) ? 'ion-minus' : 'ion-plus'"></i>
            &nbsp;

             {{monitor.Monitor.Name}}
          </ion-item>
                
                <ion-item class="item-accordion"
                      ng-show="isGroupShown(monitor)">
                <span class="item-checkbox">
                
                    report events
                    <label class="checkbox">
                        <input type="checkbox" ng-model="monitor.Monitor.isChecked" ng-checked="monitor.Monitor.isChecked">
                    </label>
                    </span>
                </ion-item>
                
            <ion-item class="item-accordion"
                      ng-show="isGroupShown(monitor)">
                <div class="item-input-inset" >
                      <label class="item-input-wrapper" >
                        <input type="tel"  placeholder="sec." ng-model="monitor.Monitor.reportingInterval">
                    </label>
                    &nbsp;minimum interval
                  
                    
                </div>
                </ion-item>
                
        
            </div>
        
        </ion-list>
        
        
       <!-- <ul class="list" ng-if="check.isUseEventServer">
http://codepen.io/anon/pen/QbVveV
            <div class="item-icon-right">
                <li class="item item-checkbox" ng-repeat="monitor in monitors">
                    <label class="checkbox">
                        <input type="checkbox" ng-model="monitor.Monitor.isChecked" ng-checked="monitor.Monitor.isChecked">
                    </label>
                    {{monitor.Monitor.Name}}

                    <i class="icon ion-ios-arrow-down"></i>
                </li>
            </div>


        </ul>-->

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


<!--
 <label class="checkbox">
                    <input type="checkbox" ng-model="monitor.Monitor.isChecked" ng-checked="monitor.Monitor.isChecked">
                </label>
                {{monitor.Monitor.Name}}-->