]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates-bootstrap/opac/parts/login/login_modal.tt2
LP2045292 Color contrast for AngularJS patron bills
[Evergreen.git] / Open-ILS / src / templates-bootstrap / opac / parts / login / login_modal.tt2
1 <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true">
2   <div class="modal-dialog modal-dialog-centered" role="document">
3     <div class="modal-content">
4      <form method='post' action="/eg/opac/login?redirect_to=%2Feg%2Fopac%2Fmyopac%2Fmain">
5       <div class="modal-header">
6         <h1 class="modal-title" id="exampleModalLabel">Login To Evergreen</h1>
7         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
8           <i class="fas fa-times" aria-hidden="true"></i>
9         </button>
10       </div>
11       <div class="modal-body">
12
13       [% IF ctx.login_failed_event %]
14     <div id='login-failed-message'>
15     [%
16         IF ctx.login_failed_event.textcode == 'PATRON_CARD_INACTIVE';
17             l("The barcode used to login is marked as inactive.  Please contact your local library.");
18         ELSIF ctx.login_failed_event.textcode == 'PATRON_INACTIVE';
19             l("This account has been deactivated.  Please contact your local library.");
20         ELSE;
21             l("Login failed. The username or password provided was not valid. " _
22                "Passwords are case-sensitive.  Check your Caps-Lock key and try again or contact your local library.");
23         END;
24     %]
25     </div>
26     [% END %]
27
28 <div class='container'>
29         <div class="table table-borderless table-sm">
30                 <div class="row">
31                         <div class="col-sm w-50">
32                                 <label for='username_field' class="lbl1" >[% l('Library Card Number') %]
33                                 <a href="#" title="[% INCLUDE "opac/parts/login/username_hint.tt2" %]" data-html="true" data-toggle="tooltip">
34                                 <i class="fas fa-question-circle"></i></a></label>
35                         </div>
36                         <div class="col-sm w-50">
37                                 <label for="password_field" class="lbl1" >[% l('PIN') %]
38                                 <a href="#" title="[% INCLUDE "opac/parts/login/password_hint.tt2" %]" data-html="true" data-toggle="tooltip">
39                 <i class="fas fa-question-circle"></i>
40                 </a></label>
41                         </div>
42                 </div>
43                 <div class="row">
44                         <div class="col-sm w-50">
45                                 <input class="form-control" type='text' id="username_field" name="username"/>
46                         </div>
47                         <div class="col-sm w-50">
48                                 <input class="form-control" id="password_field" name="password" type="password"/>
49                         </div>
50                 </div>
51                 <div class="row">
52                         <div class="col-sm w-50">
53                             [% IF ctx.get_org_setting(
54                                 ctx.physical_loc || ctx.aou_tree.id, 'opac.allow_pending_user') %]
55                                 <a href='[% mkurl(ctx.opac_root _ '/register', {}, 1) %]'>[% l('Request A Card') %]</a>
56                             [% END %]
57                         </div>
58                         <div class="col-sm w-50">
59                                 [% IF reset_password == 'true' %]
60                                 <a href='[% mkurl(ctx.opac_root _ '/password_reset', {}, 1) %]'>[% l('Forgot Your Password?') %]  </a>
61                                 [% END %]
62                         </div>
63                 </div>
64         </div>
65
66     <div class="mx-auto row py-4">
67
68         <div style="clear: both; padding-top: 15px;" class="col-12">
69         [%
70             redirect = CGI.param('redirect_to');
71             # Don't use referer unless we got here from elsewhere within the TPAC
72             IF !redirect AND ctx.referer.match('^https?://' _ ctx.hostname _ ctx.opac_root);
73                 redirect = ctx.referer;
74             END;
75             # If no redirect is offered or it's leading us back to the
76             # login form, redirect the user to My Account
77             IF !redirect OR redirect.match(ctx.path_info _ '$');
78                 redirect = CGI.url('-full' => 1) _ '/opac/myopac/main';
79             END;
80                 redirect = redirect  | replace('^http:', 'https:');
81             %]
82         </div>
83
84         <input id="client_tz_id" name="client_tz" type="hidden" />
85         </div>
86   </div>
87     [%# INCLUDE "opac/parts/login/help.tt2" %]
88
89       </div>
90       <div class="modal-footer">
91       <div class="mr-auto">
92         <input type='hidden' name='redirect_to' value='[% redirect | html %]'/>
93         <input type="checkbox" name="persist" id="login_persist" class="mr-1"/>
94         <label for="login_persist"> [% l('Stay logged in?') %]</label>
95       </div>
96
97         <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fas fa-times" aria-hidden="true"></i> [% l('Close') %]</button>
98         <button type="submit" class="btn btn-confirm"><i class="fas fa-sign-in-alt" aria-hidden="true"></i> [% l('Log in') %]</button>
99       </div>
100       </form>
101     </div>
102   </div>
103 </div>