login, sinup and change password modals translations

1 files changed, 41 insertions, 30 deletions

diff --git a/index.html b/index.html
index bd861d8..b78f190 100644
--- a/index.html
+++ b/index.html
@@ -43,7 +43,7 @@
                         <li style="display: none;" id="navigation-robot"><a href="" data-tkey="robot">Robot</a></li>
                     </ul>
                     <ul class="nav navbar-nav navbar-right">
-                        <p class="navbar-text" id="signed-in-title"></p>
+                        <p class="navbar-text"><span data-tkey="signed_in_as">Signed in as </span><span id="signed-in-title">Janez</span></p>
                         <!--<li class="dropdown lang-selection">
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                                 <span class="lang-choice"></span>
@@ -303,30 +303,30 @@
             <div class="modal-dialog modal-sm">
                 <div class="modal-content">
                     <div class="modal-header">
-                        <h3 class="text-center">Please sign in</h3>
+                        <h3 class="text-center" data-tkey="signin_header">Please sign in</h3>
                     </div>
                     <div class="modal-body">
                         <div class="row">
                             <div class="col-md-12">
-                                Login via
+                                <span data-tkey="signin_via">Login via</span>
                                 <div class="ssa-buttons">
                                     <a href="#" class="ssa-buttons" role="button" data-dismiss="modal" data-toggle="modal" data-target="#modalAAI">
                                         <img src="res/gumb_aaiprijava.png" style="width: 49%">
                                     </a>
                                 </div>
-                                or
+                                <span data-tkey="signin_or">or</span>
                                 <form class="form" role="form" method="post" action="login" accept-charset="UTF-8" id="login-nav">
                                     <div class="form-group">
-                                        <label class="sr-only" for="username">Username</label>
-                                        <input type="text" class="form-control" id="username" placeholder="Username" required>
+                                        <label class="sr-only" for="username" data-tkey="username">Username</label>
+                                        <input type="text" class="form-control" id="username" data-tkey-placeholder="username" placeholder="Username" required>
                                     </div>
                                     <div class="form-group">
-                                        <label class="sr-only" for="password">Password</label>
-                                        <input type="password" class="form-control" id="password" placeholder="Password" required>
+                                        <label class="sr-only" for="password" data-tkey="password">Password</label>
+                                        <input type="password" class="form-control" id="password" data-tkey-placeholder="password" placeholder="Password" required>
                                         <!--div class="help-block text-right"><a href="#">Forgot the password?</a></div-->
                                     </div>
                                     <div class="form-group">
-                                        <button class="btn btn-primary btn-block" type="button" id="submit">Sign in</button>
+                                        <button class="btn btn-primary btn-block" type="button" id="submit" data-tkey="signin_button">Sign in</button>
                                     </div>
                                     <!--div class="checkbox">
                                         <label>
@@ -339,7 +339,11 @@
                     </div><!--/modal-body-->
                     <div class="modal-footer">
                         <div class="text-center">
-                            New here ? <a href="#" role="button" data-dismiss="modal" data-toggle="modal" data-target="#modalSignUp"><b>Sign Up</b></a>
+                            <span data-tkey="signin_footer">New here ? </span><a href="#" role="button" data-dismiss="modal" data-toggle="modal" data-target="#modalSignUp"><b data-tkey="signin_footer_signup">Sign Up</b></a>
+                        </div>
+                        <br>
+                        <div class="text-center small">
+                            <a role="button" onclick="codeq.setLang('sl')">Slovenščina</a> | <a role="button" onclick="codeq.setLang('en')">English</a>
                         </div>
                     </div><!--/modal-footer-->
                 </div>
@@ -352,35 +356,42 @@
                 <div class="modal-content">
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true" data-toggle="modal" data-target="#modalLogIn">×</button>
-                        <h3 class="text-center">Sign up</h3>
+                        <h3 class="text-center" data-tkey="signup_header">Sign up</h3>
                     </div>
                     <div class="modal-body">
                         <form id="formSignUp" class="form">
                             <div class="form-group">
-                                <label class="control-label small">Username</label>
-                                <input class="form-control" name="username" id="modalSignUpUsername" type="text" placeholder="desired username" pattern="^[a-z,A-Z,0-9,_]{5,15}$" data-valid-min="5" title="Choose a alpha-numeric username of 5-15 characters" required="">
+                                <label class="control-label small" data-tkey="username">Username</label>
+                                <input class="form-control" name="username" id="modalSignUpUsername" type="text" data-tkey-placeholder="username_placeholder" placeholder="Desired username" pattern="^[a-z,A-Z,0-9,_]{5,15}$" data-valid-min="5" data-tkey-title="username_title" title="Choose a alpha-numeric username of 5-15 characters." required="">
                             </div>
                             <div class="form-group">
-                                <label class="control-label small">Display name</label>
-                                <input class="form-control" name="name" id="modalSignUpName" type="text" placeholder="desired display name" title="Display name">
+                                <label class="control-label small" data-tkey="name">Display name</label>
+                                <input class="form-control" name="name" id="modalSignUpName" type="text" data-tkey-placeholder="name_placeholder" placeholder="Desired display name" data-tkey-title="name_title" title="Choose a display name.">
                             </div>
                             <div class="form-group">
-                                <label class="control-label small">E-mail</label>
-                                <input class="form-control" name="email" id="modalSignUpEmail" type="email" placeholder="email" title="E-mail" required="">
+                                <label class="control-label small" data-tkey="email">E-mail</label>
+                                <input class="form-control" name="email" id="modalSignUpEmail" type="email" data-tkey-placeholder="email" placeholder="E-mail" data-tkey-title="email_title" title="Enter a valid email address." required="">
                             </div>
                             <div class="form-group">
-                                <label class="control-label small">Password</label>
-                                <input class="form-control" name="password" id="modalSignUpPassword" type="password" placeholder="password" pattern="^[a-z,A-Z,0-9,_]{6,}$" data-valid-min="6" title="Choose a alpha-numeric password of a least 6 characters" required="">
+                                <label class="control-label small" data-tkey="password">Password</label>
+                                <input class="form-control" name="password" id="modalSignUpPassword" type="password" data-tkey-placeholder="password" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
                             </div>
                             <div class="form-group">
-                                <label class="control-label small">Verify (repeat password)</label>
-                                <input class="form-control" name="verify" id="modalSignUpVerify" type="password" placeholder="password (again)" pattern="^[a-z,A-Z,0-9,_]{6,}$" data-valid-min="6" title="Choose a alpha-numeric password of a least 6 characters" required="">
+                                <label class="control-label small" data-tkey="password_verify">Verify (repeat password)</label>
+                                <input class="form-control" name="verify" id="modalSignUpVerify" type="password" data-tkey-placeholder="password_verify_placeholder" placeholder="Repeat the password again" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
                             </div>
                         </form><!--/row-->
                     </div><!--/modal-body-->
                     <div class="modal-footer">
-                        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true" data-toggle="modal" data-target="#modalLogIn">Cancel</button>
-                        <input form="formSignUp" class="btn btn-primary" id="btnSignUp" type="submit" value="Sign up">
+                        <div>
+                            <button class="btn btn-default" data-dismiss="modal" aria-hidden="true" data-toggle="modal" data-target="#modalLogIn" data-tkey="cancel">Cancel</button>
+                            <input form="formSignUp" class="btn btn-primary" id="btnSignUp" type="submit" data-tkey-value="signup_button" value="Sign up">
+                        </div>
+                        <br>
+                        <div class="text-center small">
+                            <a role="button" onclick="codeq.setLang('sl')">Slovenščina</a> | <a role="button" onclick="codeq.setLang('en')">English</a>
+                        </div>
+
                     </div><!--/modal-footer-->
                 </div>
             </div>
@@ -391,23 +402,23 @@
                 <div class="modal-content">
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                        <h3 class="text-center">Change password </h3>
+                        <h3 class="text-center" data-tkey="change_password_header">Change password </h3>
                     </div>
                     <div class="modal-body">
                         <form id="formChangePassword" class="form">
                             <div class="form-group">
-                                <label class="control-label small">New Password</label>
-                                <input class="form-control" placeholder="Enter a new password" name="new" id="modalChangePasswordNew" type="password" pattern="^[a-z,A-Z,0-9,_]{6,}$" data-valid-min="6" title="Choose a alpha-numeric password of a least 6 characters" required="">
+                                <label class="control-label small" data-tkey="password_new">New Password</label>
+                                <input class="form-control" name="new" id="modalChangePasswordNew" type="password" data-tkey-placeholder="password_new_placeholder" placeholder="Enter a new password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
                             </div>
                             <div class="form-group">
-                                <label class="control-label small">Verify Password</label>
-                                <input class="form-control" placeholder="Repeat the password again" name="verify" id="modalChangePasswordVerify" type="password" pattern="^[a-z,A-Z,0-9,_]{6,}$" data-valid-min="6" title="Choose a alpha-numeric password of a least 6 characters" required="">
+                                <label class="control-label small" data-tkey="password_verify">Verify Password</label>
+                                <input class="form-control" name="verify" id="modalChangePasswordVerify" type="password" data-tkey-placeholder="password_verify_placeholder" placeholder="Repeat the password again" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" data-valid-min="6" data-tkey-title="password_title" title="Choose a password with at least one number, one lowercase and one uppercase letter and at least 6 characters." required="">
                             </div>
                         </form><!--/row-->
                     </div><!--/modal-body-->
                     <div class="modal-footer">
-                        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
-                        <input form="formChangePassword" class="btn btn-primary" id="btnPasswdChange" type="submit" value="Change password"></button>
+                        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true" data-tkey="cancel">Cancel</button>
+                        <input form="formChangePassword" class="btn btn-primary" id="btnPasswdChange" type="submit" data-tkey-value="change_password_button" value="Change password"></button>
                     </div><!--/modal-footer-->
                 </div>
             </div>