Initial dev repository
[kcls-web.git] / opac / skin / nogrey1 / xml / common / login.xml
diff --git a/opac/skin/nogrey1/xml/common/login.xml b/opac/skin/nogrey1/xml/common/login.xml
new file mode 100644 (file)
index 0000000..078207f
--- /dev/null
@@ -0,0 +1,125 @@
+\r
+<![CDATA[<!-- ****************** login.xml ***************************** -->]]>\r
+<div class="hide_me">\r
+       <div class='login_text color_1' style='padding: 4px; text-align: center;'>\r
+               <span>&opac.login.login;</span>\r
+       </div>\r
+       <br/>\r
+</div>\r
+<div class="hide_me" id="forget_pw">\r
+<h1>Password Reset</h1>\r
+       Username or Barcode<br />\r
+       <input type="text" id="forget_pw_user" /><br /><br />\r
+       Email Address on account<br />\r
+       <input type="text" id="forget_pw_email" /><br />\r
+       <a href="javascript:;" onclick="iForgotMyPassword($('forget_pw_user').value,$('forget_pw_email').value);">Submit</a><![CDATA[&nbsp;&nbsp;&nbsp;]]><a href="javascript:;" onclick="unHideMe($('login_box'));hideMe($('forget_pw'));">Cancel</a>\r
+</div>\r
+       <table id='change_pw_table' class='data_grid hide_me' style='margin-left: 20px;' width='95%'>\r
+               <thead>\r
+                       <tr><td colspan='2' align='center'><b>&login.password;</b></td></tr>\r
+               </thead>\r
+               <tbody>\r
+                       <tr>\r
+                               <td colspan='2' style='padding:10px;'>\r
+                                       &login.first.time;\r
+                                       &common.password_criteria;\r
+                               </td>\r
+                       </tr>\r
+                       <tr>\r
+                               <td>&login.password.current.enter;</td>\r
+                               <td><input type='password' id='change_pw_current'/></td>\r
+                       </tr>\r
+                       <tr>\r
+                               <td>&login.password.new.enter;</td>\r
+                               <td><input type='password' id='change_pw_1'/></td>\r
+                       </tr>\r
+                       <tr>\r
+                               <td>&login.password.new.reenter;</td>\r
+                               <td><input type='password' id='change_pw_2'/></td>\r
+                       </tr>\r
+                       <tr><td><br/></td><td/></tr>\r
+                       <tr class='color_1'>\r
+                               <td colspan='2' align='center'>\r
+                                       <span class='login_text' style='margin-right: 20px;'>\r
+                                               <input type='submit' value='&login.password.update;'  id='change_pw_button'/>\r
+                                       </span>\r
+                               </td>\r
+                       </tr>\r
+               </tbody>\r
+       </table>\r
+\r
+       <span id='pw_no_match' class='hide_me'>&login.password.nomatch;</span>\r
+       <span id='pw_update_successful' class='hide_me'>&login.password.success;</span>\r
+       <span id='pw_not_strong' class='hide_me'>\r
+               &login.password.strength;\r
+               &common.password_criteria;\r
+       </span>\r
+       <span id='patron_card_inactive_alert' class='hide_me'>&login.barcode.inactive;</span>\r
+       <span id='patron_inactive_alert' class='hide_me'>&login.account.inactive;</span>\r
+       <span id='patron_login_failed' class='hide_me'>&login.failed;</span>\r
+\r
+<div id="login_box" class="hide_me">\r
+    <form id='login_form' method='POST' action='javascript:loginDance();'>\r
+        <table cellpadding="0" cellspacing="0" border="0">\r
+            <tr>\r
+                <td valign="top" width="100%" class="login_boxes left_brain">\r
+                       <table cellpadding="0" cellspacing="0" border="0" width="100%">\r
+                        <tr>\r
+                               <td colspan="2">\r
+                                   <h2>If this is your first time logging in, please enter the last 4 digits of your phone number as your PIN.</h2> \r
+                                   <h1>Log in to Your Account</h1>Please enter the following information:<br /><br />\r
+                            </td>\r
+                           </tr>\r
+                        <tr>\r
+                               <td width="43%" class="lbl1">\r
+                                Library Card Number<br />or Username<br />\r
+                                <span class="lbl2">Please include leading zeros and<br />no spaces. Example: 0026626051</span>\r
+                            </td>\r
+                               <td width="57%" valign="top">\r
+                                <div class="input_bg">\r
+                                    <input type="text" name="opacUser" id="login_username"/>\r
+                                </div>\r
+                            </td>\r
+                        </tr>\r
+                           <tr><td colspan="2"><div style="height:15px;"></div></td></tr>\r
+                           <tr>\r
+                            <td class="lbl1">\r
+                                PIN Number or<br />Password<br />\r
+                                <span class="lbl2">If this is your first time logging in,<br />please enter the last 4 digits of<br />your phone number.<br />Example: 0926</span>\r
+                            </td>\r
+                               <td valign="top">\r
+                                       <div class="input_bg">\r
+                                    <input name="opacPass" type="password" id="login_password"/>\r
+                                </div>\r
+                                       <div style="padding-top:7px;">\r
+                                               <input type="checkbox" class="hide_me" id="remember_me" name="remember_me"/>\r
+                                               <label style="position:relative;top:-2px;" class="hide_me" for="remember_me">Remember Me?</label>\r
+                                       </div>\r
+                                       <div style="padding-top:14px;">\r
+                                               <a href="javascript:;" id="login_button"><img alt="Log in" src="/opac/skin/kcls/graphics/login-btn2.png" /></a>                                         \r
+                                               <input type='submit' id='login_form_submit' class='hide_me' />\r
+                                               <a href="javascript:;" onclick="hideMe($('login_box'));unHideMe($('forget_pw'));" style="position:relative;top:-13px;left:2px;font-size:10px;">Forgot your PIN?</a>\r
+                                       </div>\r
+<!--\r
+               <div style="padding-top:14px;"><a href="javascript:;" id="login_button"><img alt="Log in" src="/opac/skin/kcls/graphics/login-btn2.png" /></a> <a href="javascript:;" \r
+onclick="hideMe($('login_box'));unHideMe($('forget_pw'));" style="position:relative;top:-13px;left:2px;font-size:10px;">Forgot your PIN?</a></div>\r
+-->\r
+                               </td>\r
+                           </tr>\r
+                    </table>\r
+                    <br /><br />\r
+                </td>\r
+                   <td><div style="width:10px;"></div></td>\r
+                   <td class="login_boxes right_brain" align="center" valign="top">\r
+                       <a href="http://www.kcls.org/about/contact/"><img alt="Questions" src="/opac/skin/kcls/graphics/questions.png" style="margin-top:29px;" /></a>\r
+                       <div style="width:182px;color:black;padding:5px 25px;">\r
+                           Visit our FAQs section for answers to common questions about how to use your account.\r
+                       </div>\r
+                       <a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm#FAQs"><img alt="FAQs" src="/opac/skin/kcls/graphics/faqs-btn.png" style="margin-top:13px;" /></a>\r
+                   </td>\r
+            </tr>\r
+        </table>\r
+  </form>\r
+  <div style="clear:both"></div>\r
+</div>\r
+<![CDATA[<!-- ****************** end: login.xml ***************************** -->]]>\r