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

<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>&nbsp;
        <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()">{{'kSave' | translate}}</button>
    </ion-nav-buttons>
    <ion-content scroll-sista delegate-handle="none" overflow-scroll="false" mouse-wheel-scroll>
        <div class="item item-text-wrap  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"><span class="item-text-wrap">{{'kLowBandwidth'|translate}}</span>
            </ion-toggle>
        </label>
        <label ng-if="loginData.enableLowBandwidth">
            <ion-toggle ng-model="loginData.autoSwitchBandwidth" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kAutoSwitchBW'|translate}}</span>
            </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>
            <p ng-if="$root.platformOS!='desktop'" style="font-size:0.8em; color:gray">{{'kDisableSamsung' | translate}}</p>
            <div class="item item-text-wrap">
                <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="{{'kUserName' | translate}}" ng-model="loginData.username">
                    </label>
                    <label class="item item-input item-floating-label">
                        <span class="input-label">{{'kPassword' | translate}}</span>
                        <input type="password" placeholder="{{'kPassword' | translate}}" ng-model="loginData.password">
                    </label>
                </div>
            </div>
            <label class="item item-input item-floating-label">
                <span class="input-label">{{'kPortalUrl' | translate}}</span>
                <input hidepassword autocapitalize="none" autocomplete="off" autocorrect="off" type="text" placeholder="{{'kPortalUrlExample' | translate}}" 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 hidepassword autocapitalize="none" autocomplete="off" autocorrect="off" type="text" placeholder="{{'kPathToCgiExample' | translate}}" ng-model="loginData.streamingurl">
            </label>
            <label class="item item-input item-floating-label">
                <span class="input-label">{{'kApiUrl' | translate}}</span>
                <input hidepassword autocapitalize="none" autocomplete="off" autocorrect="off" type="text" placeholder="{{'kApiUrlExample' | translate}}" 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"><span class="item-text-wrap">{{'kPassword' | translate}} {{'kProtect'|translate}}</span></ion-toggle>
                </label>
            </div>
            <!--<label>
                <ion-toggle ng-model="loginData.useSSL" ng-checked="{{loginData.useSSL}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kUseSSL' | translate}}</span></ion-toggle>
            </label>-->
            <div ng-if="$root.platformOS != 'desktop'">
                <label>
                    <ion-toggle ng-model="loginData.keepAwake" ng-checked="{{loginData.keepAwake}}" toggle-class="toggle-calm"><span class="item-text-wrap">{{'kAwake1'|translate}}
                        <p>{{'kAwake2'| translate}}</p></span>
                    </ion-toggle>
                </label>
            </div>
        </div>
    </ion-content>
</ion-view>