Initial dev repository
[kcls-web.git] / opac / skin / kcls / xml / common / login.xml
1
2 <![CDATA[<!-- ****************** login.xml ***************************** -->]]>
3 <div class="hide_me">
4         <div class='login_text color_1' style='padding: 4px; text-align: center;'>
5                 <span>&opac.login.login;</span>
6         </div>
7         <br/>
8 </div>
9 <div class="hide_me" id="forget_pw">
10 <h1>Password Reset</h1>
11         Username or Barcode<br />
12         <input type="text" id="forget_pw_user" /><br /><br />
13         Email Address on account<br />
14         <input type="text" id="forget_pw_email" /><br />
15         <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>
16 </div>
17         <table id='change_pw_table' class='data_grid hide_me' style='margin-left: 20px;' width='95%'>
18                 <thead>
19                         <tr><td colspan='2' align='center'><b>&login.password;</b></td></tr>
20                 </thead>
21                 <tbody>
22                         <tr>
23                                 <td colspan='2' style='padding:10px;'>
24                                         &login.first.time;
25                                         &common.password_criteria;
26                                 </td>
27                         </tr>
28                         <tr>
29                                 <td>&login.password.current.enter;</td>
30                                 <td><input type='password' id='change_pw_current'/></td>
31                         </tr>
32                         <tr>
33                                 <td>&login.password.new.enter;</td>
34                                 <td><input type='password' id='change_pw_1'/></td>
35                         </tr>
36                         <tr>
37                                 <td>&login.password.new.reenter;</td>
38                                 <td><input type='password' id='change_pw_2'/></td>
39                         </tr>
40                         <tr><td><br/></td><td/></tr>
41                         <tr class='color_1'>
42                                 <td colspan='2' align='center'>
43                                         <span class='login_text' style='margin-right: 20px;'>
44                                                 <input type='submit' value='&login.password.update;'  id='change_pw_button'/>
45                                         </span>
46                                 </td>
47                         </tr>
48                 </tbody>
49         </table>
50
51         <span id='pw_no_match' class='hide_me'>&login.password.nomatch;</span>
52         <span id='pw_update_successful' class='hide_me'>&login.password.success;</span>
53         <span id='pw_not_strong' class='hide_me'>
54                 &login.password.strength;
55                 &common.password_criteria;
56         </span>
57         <span id='patron_card_inactive_alert' class='hide_me'>&login.barcode.inactive;</span>
58         <span id='patron_inactive_alert' class='hide_me'>&login.account.inactive;</span>
59         <span id='patron_login_failed' class='hide_me'>&login.failed;</span>
60
61 <div id="login_box" class="hide_me">
62  <div style="height:20px;"></div>
63  <form id='login_form' method='POST' action='javascript:loginDance();'>
64   <table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" width="676" class="login_boxes left_brain">
65         <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr>
66           <td colspan="2" style="padding-bottom: 10px;">
67           <h1>Log in to Your Account</h1>Please enter the following information:<br /><br /></td>
68           </tr><tr>
69           <td width="42%" class="lbl1">Library Card Number or Username<br /><span class="lbl2">Please include leading zeros and no spaces.<br /> Example: 0026626051</span><br /><br /></td>
70           <td width="58%" valign="top"><div class="input_bg"><input type="text" name="opacUser" id="login_username" /></div></td></tr>
71           <tr><td colspan="2"><div style="height:15px;"></div></td></tr>
72           <tr><td valign="top" class="lbl1">PIN Number or Password<br /><span class="lbl2">If this is your first time logging in, please enter<br /> the last 4 digits of your phone number.<br />Example: 0926</span></td>
73           <td valign="top"><div class="input_bg"><input name="opacPass" type="password" id="login_password" /></div>
74           <div style="padding-top:7px;"><input class="hide_me" type="checkbox" id="remember_me" name="remember_me" /> <label class="hide_me" style="position:relative;top:-2px;" for="remember_me">Remember Me?</label></div>
75           <div style="padding-top:14px;"><a href="javascript:;" id="login_button"><img alt="Log in" src="/opac/skin/kcls/graphics/login-btn2.png" /></a> <input class="hide_me" id="login_form_submit" type="submit" /> <a href="javascript:;" onclick="hideMe($('login_box'));unHideMe($('forget_pw'));" style="position:relative;top:-13px;left:2px;font-size:10px;">Forgot your PIN?</a></div>
76           </td>
77         </tr></table><br /><br /></td>
78         <td><div style="width:10px;"></div></td>
79         <td class="login_boxes right_brain" align="center" valign="top" width="291">
80           <a href="http://www.kcls.org/about/contact/"><img src="/opac/skin/kcls/graphics/questions.png" alt="Questions?" style="margin-top:29px;" /></a>
81           <div style="width:182px;color:black;padding:5px 25px;">
82             Visit our FAQs section for answers to common questions about how to use your account.
83           </div>
84           <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>
85         </td>
86   </tr></table>
87   </form>
88   <div style="clear:both"></div>
89 </div>
90 <![CDATA[<!-- ****************** end: login.xml ***************************** -->]]>