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

<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>
        
        <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>