diff options
Diffstat (limited to 'www/templates/wizard.html')
| -rw-r--r-- | www/templates/wizard.html | 58 |
1 files changed, 29 insertions, 29 deletions
diff --git a/www/templates/wizard.html b/www/templates/wizard.html index 7eab6f3e..dab46d02 100644 --- a/www/templates/wizard.html +++ b/www/templates/wizard.html @@ -1,4 +1,4 @@ -<ion-view view-title="Wizard" ng-cloak cache-view="false" > +<ion-view view-title="{{'kWizard' | translate}}" ng-cloak cache-view="false" > <ion-nav-buttons side="left"> <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button> @@ -12,11 +12,11 @@ <!-- portal url --> <wz-step wz-title="1" canexit="exitPortal"> - <h4><i id="transition-delay" class="animated swing ion-wand" style="font-size:2em"></i> Welcome to zmWizard</h4> + <h4><i id="transition-delay" class="animated swing ion-wand" style="font-size:2em"></i> {{'kWelcomeWizard' | translate}}</h4> <img src="img/wizard.svg" width="100px" style="float:left"/> - <p>Configuring ZoneMinder can be a pain. Let's see if zmWizard can help.</p> + <p>{{'kWizConfigPain' | translate}}</p> - <h4>What is your Zoneminder portal url?</h4> + <h4>{{'kWizPortalUrl' | translate}}</h4> <label class="item item-input"> <input autocapitalize="none" autocomplete="off" type="text" placeholder="typically http://server/zm" ng-model="wizard.portalurl"> </label> @@ -25,13 +25,13 @@ <div class="wizardtip" ng-show="wizard.tipshow"> - <b>Tip: </b>Confused? You can easily find out your portal URL by noting down the url you see on your browser when accessing the ZoneMinder Console.<br/> + <b>{{'kWizTip' | translate}}: </b>{{'kWizPortalTip' | translate}}<br/> <img src="img/portalurl.png" width="30%"> </div> <br/> - <button class="button button-small icon icon-right ion-chevron-right" wz-next>Next</button> + <button class="button button-small icon icon-right ion-chevron-right" wz-next>{{'kNext' | translate}}</button> </wz-step> @@ -39,34 +39,34 @@ <!-- auth mode --> <wz-step wz-title="2" > - <h4>Portal Authentication</h4> + <h4>{{'kWizPortalAuth' | translate}}</h4> <!--<img src="img/wizard.svg" width="100px" style="float:left"/>--> - <p>Lets talk about how you have configured authentication If you have enabled authentication, toggle this button</p> - <ion-toggle ng-change="toggleAuth()" ng-model="wizard.useauth" ng-checked="wizard.useauth" toggle-class="toggle-calm">I use authentication</ion-toggle> + <p>{{'kWizPortalText' | translate}}</p> + <ion-toggle ng-change="toggleAuth()" ng-model="wizard.useauth" ng-checked="wizard.useauth" toggle-class="toggle-calm">{{'kWizUseAuth' | translate}}</ion-toggle> - <ion-toggle ng-show="wizard.useauth" ng-model="wizard.usezmauth" ng-checked="wizard.usezmauth" toggle-class="toggle-calm">I use ZM authentication</ion-toggle> + <ion-toggle ng-show="wizard.useauth" ng-model="wizard.usezmauth" ng-checked="wizard.usezmauth" toggle-class="toggle-calm">{{'kWizZMAuth' | translate}}</ion-toggle> <div ng-if="wizard.usezmauth"> <label class="item item-input item-floating-label" > - <span class="input-label">user name</span> + <span class="input-label">{{'kUserName' | translate}}</span> <input autocapitalize="none" autocomplete="off" type="text" ng-model="wizard.zmuser" placeholder="zm auth username" > </label> - <label class="item item-input item-floating-label" > - <span class="input-label">password</span> + <label class="item item-text-wrap item-input item-floating-label" > + <span class="input-label">{{'kPassword' | translate}}</span> <input type="password" ng-model="wizard.zmpassword" placeholder="zm auth password" > - <p>note: if your password has # or ? in it, the wizard will fail cgi detection.</p> + <p >{{'kWizPasswdNote' | translate}}</p> </label> </div> - <ion-toggle ng-show="wizard.useauth" ng-model="wizard.usebasicauth" ng-checked="wizard.usebasicauth" toggle-class="toggle-calm">I use Basic authentication</ion-toggle> + <ion-toggle ng-show="wizard.useauth" ng-model="wizard.usebasicauth" ng-checked="wizard.usebasicauth" toggle-class="toggle-calm">{{'kWizBasicAuth' | translate}}</ion-toggle> <label class="item item-input item-floating-label" ng-show="wizard.usebasicauth"> - <span class="input-label">user name</span> + <span class="input-label">{{'kUserName' | translate}}</span> <input autocapitalize="none" autocomplete="off" type="text" ng-model="wizard.basicuser" placeholder="basic auth username" > </label> - <label class="item item-input item-floating-label" ng-show="wizard.usebasicauth"> - <span class="input-label">password</span> + <label class="item item-input item-text-wrap item-floating-label" ng-show="wizard.usebasicauth"> + <span class="input-label">{{'kPassword' | translate}}</span> <input type="password" ng-model="wizard.basicpassword" placeholder="basic auth password" > - <p>note: if your password has # or ? in it, the wizard will fail cgi detection.</p> + <p >{{'kWizPasswdNote' | translate}}</p> </label> @@ -74,19 +74,19 @@ <div class="wizardtip" ng-show="wizard.tipshow"> - <b>Tip: </b>Confused? <i>ZM Auth</i> is the authentication used when you enable OPT_USE_AUTH in the ZM console options screen.<br/> - <i>Basic Auth</i> is when you configure a username and password in your webserver. If you are using LDAP authentication, its likely basic auth. + <b>{{'kWizTip'| translate}} </b> {{'kWizAuthText1' | translate}}<br/> + {{'kWizAuthText2' | translate}} </div> <br/> - <button class="button button-small icon icon-left ion-chevron-left" wz-previous>Prev</button> - <button class="button button-small icon icon-right ion-chevron-right" ng-click="exitAuth()">Next</button> + <button class="button button-small icon icon-left ion-chevron-left" wz-previous>{{'kPrev' | translate}}</button> + <button class="button button-small icon icon-right ion-chevron-right" ng-click="exitAuth()">{{'kNext' | translate}}</button> </wz-step> <wz-step wz-title="3" > - <h4>Results of auto-detection</h4> + <h4>{{'kWizResults' | translate}}</h4> <span ng-if="wizard.portalValidText" style="color:{{wizard.portalColor}};"><i ng-class="wizard.portalColor=='#16a085' ? 'ion-checkmark-circled':'ion-close-circled'"></i> {{wizard.portalValidText}}<br/></span> @@ -96,15 +96,15 @@ <br/> <div class="wizardtip"> - Once auto-detection is over, you could either: + {{'kWizNextStep1' | translate}}: <ul class="wiz-list"> - <li>Go back to previous steps and re-do</li> - <li>Go to the login screen with these findings auto filled in</li> + <li>{{'kWizNextStep2' | translate}}</li> + <li>{{'kWizNextStep3' | translate}}</li> </ul> </div> <br/><br/> - <button class="button button-small icon icon-left ion-chevron-left" wz-previous>Prev</button> - <button class="button button-small icon icon-right ion-chevron-right" ng-click="gotoLoginState()">Go to Login Screen</button> + <button class="button button-small icon icon-left ion-chevron-left" wz-previous>{{'kPrev' | translate}}</button> + <button class="button button-small icon icon-right ion-chevron-right" ng-click="gotoLoginState()">{{'kWizGotoLogin' | translate}}</button> </wz-step> |