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

<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>
        <label ng-if="loginData.enableLowBandwidth">
            <ion-toggle ng-model="loginData.autoSwitchBandwidth" toggle-class="toggle-calm">{{'kAutoSwitchBW'|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>