From 5430d51b092a4a1cdf7f32233e38e5350995956c Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Wed, 25 May 2016 15:17:48 -0400
Subject: #261 - more intl

Former-commit-id: 0976517fc45eff4876eba6fd945cccea15b69f42
---
 www/templates/wizard.html | 58 +++++++++++++++++++++++------------------------
 1 file changed, 29 insertions(+), 29 deletions(-)

(limited to 'www/templates/wizard.html')

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>&nbsp;{{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>
         
         
-- 
cgit v1.2.3