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

<ion-view view-title="{{'kSettings' | translate}}" cache-view="false">

    <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
        <button class="button button-icon button-clear ion-arrow-down-b" ng-click="serverActionSheet()"></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="item item-input-inset">
                {{'kServerName' | translate }}:&nbsp;
                <label class="item-input-wrapper">
                    <input autocorrect="off" type="text" placeholder="{{'kExampleServer' | translate}}" ng-model="loginData.serverName">
                </label>
        </div>
        
        <label>
        
            <ion-toggle ng-model="loginData.enableLowBandwidth"
                        
                        toggle-class="toggle-calm">{{'kLowBandwidth'|translate}}
            </ion-toggle>
            </label>
        
        <div class="list list-inset">
            <span style="color:rgb(100,100,100)">
                <i class="ion-android-home" style="font-size:150%"></i>
               {{'kZMSettingsFor' | translate}} {{loginData.serverName || ('kUnknown' | translate)}}
            </span>
            
            <div class="item">
            <ion-checkbox ng-model="check.isUseAuth">{{'kUseZmAuth' | translate }}</ion-checkbox>
            
            <div ng-if = "check.isUseAuth" >
                
                <label class="item item-input item-floating-label" >
                    <span class="input-label">{{'kUserName'|translate}}</span>
                    <input autocapitalize="none" autocomplete="off"
                           autocorrect="off" type="text"
                           placeholder="username"
                           ng-model="loginData.username">
                </label>

                <label class="item item-input item-floating-label" >
                    <span class="input-label">{{'kPassword' | translate}}</span>
                    <input type="password" placeholder="password"
                           ng-model="loginData.password">
                </label>
            </div>
                
                </div>
            <label class="item item-input item-floating-label" >
                <span class="input-label">{{'kPortalUrl' | translate}}</span>
                <input autocapitalize="none" autocomplete="off"
                       autocorrect="off" type="text"
                       placeholder="ZM portal url "
                       ng-model="loginData.url" ng-keyup="portalKeypress($event)">
            </label>
            
             <!--<button class="button button-small button-clear icon-left ion-wand" ng-click="detectCgi()">tap here to discover cgi-bin
                </button>-->
            
            <label class="item item-input item-floating-label" >
                
             
                    <!--<span style="float:right;margin-top:-7px;background-color:#6d0909;color:#fff;font-size:14px;opacity:0.7;width:90px;border-radius: 0px 0px 5px 5px;" on-tap="detectCgi();">&nbsp;&nbsp;&nbsp;<i class="ion-wand"></i>discover</span>-->
                

                <span class="input-label">{{'kPathToCgi' | translate}}</span>
           
                    <input autocapitalize="none" autocomplete="off"
                           autocorrect="off" type="text"
                           placeholder="eg. server.com/zm/cgi-bin"
                           ng-model="loginData.streamingurl">
               
            </label>
             
               
            
            <label class="item item-input item-floating-label" >
                <span class="input-label">{{'kApiUrl' | translate}}</span>
                <input autocapitalize="none"
                       autocomplete="off" autocorrect="off"
                       type="text" placeholder="ZM api url"
                       ng-model="loginData.apiurl">
            </label>
            
            <a class="item item-icon-right" href="" ng-click="selectFallback()">
                <i class="icon ion-ios-arrow-right">
                </i>
                {{'kFallback' | translate}}<p>{{loginData.fallbackConfiguration}}</p>
            </a>     
            
            <a class="item item-icon-right" href="" ng-click="eventServerSettings()">
                <i class="icon ion-ios-arrow-right">
                </i>
                {{'kEventServer' | translate}}
            </a>
            
            
            <div ng-if="$root.platformOS != 'desktop'">
                <label>

                <ion-toggle ng-model="loginData.usePin" ng-change="pinPrompt();"
                            ng-checked="{{loginData.usePin}}"
                            toggle-class="toggle-calm">{{'kPassword' | translate}} {{'kProtect'|translate}}</ion-toggle>
                </label>
            </div>
            
            <label>
            <ion-toggle ng-model="loginData.useSSL"
                        ng-checked="{{loginData.useSSL}}"
                        toggle-class="toggle-calm">{{'kUseSSL' | translate}}</ion-toggle>
            </label>

            <div ng-if="$root.platformOS != 'desktop'">
             <label>
            
            <ion-toggle ng-model="loginData.keepAwake"
                        ng-checked="{{loginData.keepAwake}}"
                        toggle-class="toggle-calm">{{'kAwake1'|translate}}<p>{{'kAwake2'| translate}}</p>
            </ion-toggle>
            </label>
            </div>
        </div>
        

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