LP1977554 - Add Password visibility toggle on login screens
[evergreen-equinox.git] / Open-ILS / src / templates / opac / parts / js.tt2
1 <!-- JS imports, etc.  -->
2 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/simple.js[% ctx.cache_key %]"></script>
3 [% INCLUDE "opac/i18n_strings.tt2" %]
4
5 [% IF ctx.want_jquery || ctx.readonly %]
6 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/common/build/js/jquery.min.js[% ctx.cache_key %]"></script>
7 [% END; # ctx.want_jquery %]
8
9 [% IF ctx.readonly %]
10 <script type="text/javascript">
11   $(document).ready(function() {
12     $('a').removeAttr('href');
13     $('a').click(function(event) { event.preventDefault(); });
14     $('button').prop('disabled', true);
15     $('button').click(function(event) { event.preventDefault(); });
16     $('input').prop('disabled', true);
17     $('input').click(function(event) { event.preventDefault(); });
18     $('select').prop('disabled', true);
19     $('select').click(function(event) { event.preventDefault(); });
20     $('textarea').prop('disabled', true);
21     $('textarea').click(function(event) { event.preventDefault(); });
22   });
23 </script>
24 [% END %]
25
26 [% IF ctx.get_org_setting(ctx.search_ou, 'opac.patron.custom_jquery') %]
27 [%     custom_jquery = ctx.get_org_setting(ctx.search_ou, 'opac.patron.custom_jquery') %]
28 [%     '<script>'; custom_jquery ; '</script>' %]                                          
29 [% END %]
30
31 <!-- DOB validation for Patron Registration in OPAC -->
32 <script type="text/javascript">
33     function dobValidate(input) {
34         var validformat = /^(19|20)\d\d([- /.])(0[1-9]|1[012])\2(0[1-9]|[12][0-9]|3[01])$/
35         var returnval = false
36         if (input.value != '' && !validformat.test(input.value))
37             alert("[% l('You have entered an invalid date, or an improperly formatted date.  Please enter Date of Birth in YYYY-MM-DD or YYYY/MM/DD format and try again.') %]")
38         else
39             returnval = true
40         if (returnval == false) input.select()
41         return returnval
42 }
43 </script>
44
45 <!-- Password Visibility Checkbox -->
46 <script>
47     // Show the checkbox if JS is enabled
48     document.getElementById('password_visibility').style.display = 'block';
49     let checkbox = document.getElementById('password_visibility_checkbox');
50     let input = document.getElementById('password_field');
51     checkbox.addEventListener('change', () => {
52         if(checkbox.checked) input.type = 'text';
53         else input.type = 'password';
54         input.focus();
55     });
56     // If the form is submitted revert the password field to a password input 
57     let form = document.getElementById('opac-login-form');
58     form.addEventListener('submit', () => {
59         input.type = 'password';
60     });
61 </script>
62
63 [%- IF ctx.use_stripe %]
64 <script type="text/javascript">unHideMe($("pay_fines_now"));[%# the DOM is loaded now, right? %]</script>
65 [% END -%]
66
67 [%- IF ctx.is_staff %]
68 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/staff.js[% ctx.cache_key %]"></script>
69     [% IF ctx.page == 'record' %]
70         [% IF ctx.search_result_index >= 0 %]
71         <script>
72             rdetail_next_prev_actions(
73                 "[% ctx.search_result_index %]",
74                 "[% ctx.hit_count %]",
75                 "[% ctx.prev_rec_url || '' %]",
76                 "[% ctx.next_rec_url || '' %]",
77                 "[% mkurl(ctx.first_search_record, {page => 0}) %]",
78                 "[% mkurl(ctx.opac_root _ '/results', {find_last => 1, page => POSIX.floor(ctx.hit_count / ctx.page_size)}) %]",
79                 "[% mkurl(ctx.opac_root _ '/results', {}, ['expand','cnoffset']) %]"
80             );
81         </script>
82         [% END %]
83         [% IF ctx.mfhd_summaries.size %]
84         <script>
85             window.mfhdDetails = [
86                 [% FOR summary IN ctx.mfhd_summaries %]
87                     [% IF summary.sre_id != -1 %]
88                 {
89                     'id' : '[% summary.sre_id %]', 
90                     'label' : '[% summary.location | replace("'", "\\'") %]',
91                     'entryNum' : [% loop.index %],
92                     'owning_lib' : '[% summary.owning_lib %]'
93                 },
94                     [% END %]
95                 [% END %]
96             ];
97         </script>
98         [% END %]
99     [% END %]
100 [%- END %]
101
102 [%- IF ENV.OILS_NOVELIST_URL AND ctx.page == 'record';
103     url = ENV.OILS_NOVELIST_URL;
104     IF CGI.https; url = url.replace('^http:', 'https:'); END; %]
105 <script type='text/javascript' id='EIT' src='[% url %]'></script>
106 [%- END %]
107 [%- IF ctx.page == 'record' AND ctx.google_books_preview %]
108 <script src='[% ctx.media_prefix %]/js/ui/default/opac/ac_google_books.js[% ctx.cache_key %]' async defer></script>
109 [%- END %]
110
111 <script>
112     window.egStrings = [];
113     window.egStrings['CONFIRM_BASKET_EMPTY'] = "[% l('Remove all records from basket?') %]";
114 </script>
115 <script src='[% ctx.media_prefix %]/js/ui/default/opac/record_selectors.js[% ctx.cache_key %]' async defer></script>
116
117 <!-- Require some inputs and selections for browsers that don't support required form field element -->
118 [% IF ctx.page == 'place_hold' %]
119   <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/holds-validation.js[% ctx.cache_key %]">
120   </script>
121 [% END %]
122
123 [%- IF want_dojo; -%]
124 <script type="text/javascript">
125      var djConfig = {
126          locale: "[% ctx.locale | lower | replace('_', '-') %]",
127          parseOnLoad: true,
128          isDebug: false
129      }, lang, bidi;
130 </script>
131 <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/dojo/dojo.js?[% ctx.eg_cache_hash %]"></script>
132
133 [%- # So the following works in Mozilla and Chrome, but not in IE8.
134     # Seems like it /should/ work anywhere, though, and obviate the
135     # next three script tags: %]
136 <!-- <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/DojoSRF.js?[% ctx.eg_cache_hash %]"></script> -->
137
138 <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/opensrf.js?[% ctx.eg_cache_hash %]"></script>
139 <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/opensrf_xhr.js?[% ctx.eg_cache_hash %]"></script>
140 <script type="text/javascript" src="[% ctx.media_prefix %]/js/dojo/opensrf/JSON_v1.js?[% ctx.eg_cache_hash %]"></script>
141
142 [% IF use_autosuggest.enabled == "t" AND basic_search != "f"; %]
143 <script type="text/javascript">
144     dojo.require("openils.widget.AutoSuggest");
145
146     /* Set focus, and place the cursor at the end of the input string */
147     dojo.addOnLoad(function() {
148         /* Don't error out if the object doesn't exist, like on advanced search pages */
149         if (dojo.byId('search_box')) {
150             dijit.byId('search_box').focus();
151
152             var sb_value = dijit.byId('search_box').value;
153             /* Dojo won't trigger a change if the value doesn't change */
154             if (sb_value) {
155                 dijit.byId('search_box').setValue(sb_value + ' ');
156                 dijit.byId('search_box').setValue(sb_value);
157             }
158         }
159     });
160 </script>
161 [% END; # use_autosuggest %]
162
163 [% INCLUDE "opac/parts/acjs.tt2" IF ctx.page == 'record' %]
164 [% IF ctx.page == 'advanced' %]
165 <script type="text/javascript" 
166     src="[% ctx.media_prefix %]/js/ui/default/opac/copyloc.js[% ctx.cache_key %]"></script>
167 [% END %]
168
169 [% IF ebook_api.enabled == 'true' %]
170     [% INCLUDE "opac/parts/ebook_api/base_js.tt2" %]
171     [% INCLUDE "opac/parts/ebook_api/login_js.tt2" IF (ctx.page == 'login') %]
172 [% END %]
173 <script src='[% ctx.media_prefix %]/js/ui/default/opac/test_notification.js'></script>
174 <!-- provide a JS friendly org unit hash -->
175 <script type="text/javascript">
176 var aou_hash = {
177 [% FOR org_unit IN ctx.aou_list %]
178     [% org_unit.id %] : {
179         id : "[% org_unit.id %]",
180         name : "[% org_unit.name | replace('"', '\"') %]",
181         parent_ou : "[% org_unit.parent_ou %]",
182         depth : "[% org_unit.ou_type.depth %]",
183         can_have_vols : "[% org_unit.ou_type.can_have_vols %]"
184     }[%- ',' UNLESS loop.last -%]
185 [% END %]
186 };
187 </script>
188
189 <script type="text/javascript">if ($('client_tz_id')) { $('client_tz_id').value = OpenSRF.tz }</script>
190 [%- END; # want_dojo -%]
191
192 [%- IF ctx.max_cart_size; %]
193 <script type="text/javascript">var max_cart_size = [% ctx.max_cart_size %];</script>
194 [%- END; %]
195 <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/opac/accordion.js[% ctx.cache_key %]"></script>
196
197 <link rel="stylesheet" href="[% ctx.media_prefix %]/js/ui/default/common/build/js/glide/css/glide.core.min.css[% ctx.cache_key %]">
198 <link rel="stylesheet" href="[% ctx.media_prefix %]/js/ui/default/common/build/js/glide/css/glide.theme.min.css[% ctx.cache_key %]">