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

<ion-view cache-view="false">

    <ion-nav-title>{{'kEventServer' | translate}}/{{getTitle();}} </ion-nav-title>

    <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()">{{'kSave'|translate}}</button>
    </ion-nav-buttons>
    
    <ion-content scroll-sista delegate-handle="none"  overflow-scroll="false"  mouse-wheel-scroll >
        
         <div class="list list-inset">
        {{'kEventServerConfig1' | translate }}
        </div>
        <ion-checkbox ng-model="loginData.isUseEventServer" ng-checked="loginData.isUseEventServer">{{'kUseEventServer' | translate}}</ion-checkbox>
        
        
        <ion-item  ng-href="" ng-click="selectScreen()">
            {{'kOnTapNavigate' | translate}}: {{defScreen}}
        </ion-item>

        <label class="item item-input item-floating-label" ng-if="loginData.isUseEventServer">
            <span class="input-label">{{'kEventServer' | translate}}</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">{{'kOnlyUseWebSocket'| translate }}<br/><p>{{'kDisablePush' | translate }}</p></ion-toggle>
        
        
            <!-- vibrate app setting is not av. on iOS-->
            <ion-toggle ng-if="loginData.isUseEventServer && $root.platformOS !='ios'" ng-model="loginData.vibrateOnPush"  ng-checked="loginData.vibrateOnPush" toggle-class="toggle-calm" >{{'kVibrateOnPush'| translate }}</ion-toggle>
        
        
          <ion-toggle ng-if="loginData.isUseEventServer" ng-model="loginData.soundOnPush"  ng-checked="loginData.soundOnPush" toggle-class="toggle-calm" class="item-text-wrap" >{{'kSoundOnPush'| translate }}</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">
                
                    {{'kReportEvents' | translate }}
                    <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;{{'kMinimumIntervals' | translate}}
                  
                    
                </div>
                </ion-item>
                
        
            </div>
        
        </ion-list>
        
        

   

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