]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/web/templates/default/opac/myopac/prefs.tt2
Merge branch 'master' of ssh://yeti.esilibrary.com/home/evergreen/evergreen-equinox...
[working/Evergreen.git] / Open-ILS / web / templates / default / opac / myopac / prefs.tt2
1 [%  PROCESS "default/opac/parts/header.tt2";
2     WRAPPER "default/opac/parts/base.tt2" +
3         "default/opac/parts/myopac/base.tt2";
4     myopac_page = "prefs"  %]
5     <div id='myopac_prefs_div'>
6         <!-- XXX TODO <div id="acct_prefs_tabs"
7              style="padding-bottom: 12px;color:#666;">
8             <div style="float:left;">
9                 <div class="align selected"
10                      id="prefs_info_lbl"><img src=
11                      "[% ctx.media_prefix %]/images/sub_prefs_info_on.jpg" /></div>
12
13                 <div class="align hide_me"
14                      id="prefs_info_link">
15                     <a href="#"><img src=
16                          "[% ctx.media_prefix %]/images/sub_prefs_info_off.jpg" /></a>
17                 </div>
18
19                 <div class="align"
20                      id="prefs_notify_link">
21                     <a href="#"><img src=
22                          "[% ctx.media_prefix %]/images/sub_prefs_notify_off.jpg" /></a>
23                 </div>
24
25                 <div class="align selected hide_me"
26                      id="prefs_notify_lbl"><img src=
27                      "[% ctx.media_prefix %]/images/sub_prefs_notify_on.jpg" /></div>
28
29                 <div class="align"
30                      id="prefs_search_link">
31                     <a href="#"><img src=
32                          "[% ctx.media_prefix %]/images/sub_prefs_search_off.jpg" /></a>
33                 </div>
34
35                 <div class="align selected hide_me"
36                      id="prefs_search_lbl"><img src=
37                      "[% ctx.media_prefix %]/images/sub_prefs_search_on.jpg" /></div>
38             </div>
39
40             <div style="float:right;width:65px;">
41                 <div style="position:absolute">
42                     <div style="position:relative;top:75px;">
43                         <a id='acct_prefs_save'
44                              class='hide_me'
45                              href="#"><img alt="Save"
46                              src="[% ctx.media_prefix %]/images/save-btn.png" /></a>
47                     </div>
48                 </div>
49             </div>
50
51             <div class="clear-both"></div>
52         </div> -->
53
54         <div class="header_middle">
55             <span id="acct_prefs_header">
56                 Account Information and Preferences
57             </span>
58             <span class="float-right">
59                 <a class="hide_me"
60                     href="#">Export List</a>
61             </span>
62         </div>
63
64         <div class="clear-both normal-height"></div>
65
66         <table class="hide_me full-width" id="acct_search_main">
67             <tbody id='myopac_prefs_tbody'>
68                 <tr id='myopac_prefs_loading'>
69                     <td colspan='3'><b>[% l("Loading...") %]</b></td>
70                 </tr>
71
72                 <tr id='myopac_prefs_row'>
73                     <td width='20%'>[% l("Search hits per page") %]</td>
74
75                     <td>
76                         <div style="position:absolute">
77                             <div style="position:relative;top:0px;left:55px;">
78                                 <a href="#">
79                                 <img alt="Search Hits Help"
80                                      src=
81                                      "[% ctx.media_prefix %]/images/question-mark.png" /></a>
82                             </div>
83                         </div><select id='prefs_hits_per'
84                             style="position:relative;z-index:100;">
85                             <option value='5'>
86                                 5
87                             </option>
88
89                             <option value='8'>
90                                 8
91                             </option>
92
93                             <option value='10'>
94                                 10
95                             </option>
96
97                             <option value='15'>
98                                 15
99                             </option>
100
101                             <option value='20'>
102                                 20
103                             </option>
104
105                             <option value='25'>
106                                 25
107                             </option>
108
109                             <option value='50'>
110                                 50
111                             </option>
112                         </select>
113                     </td>
114                 </tr>
115
116                 <tr>
117                     <td colspan="2"><label for="circHistStart">Keep history of
118                     checked out items?</label> <input type="checkbox"
119                            id="circHistStart" /></td>
120                 </tr><!-- FONT size preference -->
121
122                 <tr class="hide_me">
123                     <td>[% l("Default Font Size") %]</td>
124
125                     <td><select id='prefs_def_font'>
126                         <option value='regular'>
127                             [% l("Regular Font") %]
128                         </option>
129
130                         <option value='large'>
131                             [% l("Large Font") %]
132                         </option>
133                     </select></td>
134                 </tr>
135
136                 <tr class="hide_me">
137                     <td>[% l("Default Search Location") %]</td>
138                     <td>
139                         <div style='margin-bottom: 5px;'>
140                             <input type='checkbox' id='myopac_pref_home_lib' />
141                                  [% l("Always search my home library by default.") %]
142                         </div>
143                         <select id='prefs_def_location'></select>
144                     </td>
145                 </tr>
146
147                 <tr class="hide_me">
148                     <td>[% l("Default Search Range") %]</td>
149
150                     <td><select id='prefs_def_range'>
151                         </select></td>
152                 </tr>
153             </tbody>
154         </table><a href=
155         "http://www.kcls.org/usingthelibrary/catalog_help/library_elf.cfm"><u>Try
156         Library Elf-to manage library materials!</u></a>
157
158         <table class="hide_me"
159                id="acct_notify_main">
160             <tbody>
161                 <tr class="hide_me">
162                     <td><span>[% l("Default Hold Notification Method") %]</span> <a class=
163                     'classic_link'
164                        href='#'>[% l("(Help)") %]</a></td>
165
166                     <td style="padding-left:15px;"><select id=
167                     'prefs_hold_notify'>
168                         <option value='phone:email'
169                                 selected='selected'>
170                             [% l("Use Phone and Email") %]
171                         </option>
172
173                         <option value='phone'>
174                             [% l("Use Phone Only") %]
175                         </option>
176
177                         <option value='email'>
178                             [% l("Use Email Only") %]
179                         </option>
180                     </select></td>
181                 </tr>
182
183                 <tr>
184                     <td style="padding-top:10px;"><strong>Pick Up Notice for
185                     Holds</strong><br />
186                     <input type="checkbox"
187                            id="opac.hold_notify.email"
188                            name="opac.hold_notify.email" /> <label for=
189                            "opac.hold_notify.email">Email</label><br />
190                     <input type="checkbox"
191                            id="opac.hold_notify.phone"
192                            name="opac.hold_notify.phone" /> <label for=
193                            "opac.hold_notify.phone">Phone</label>
194                            <b>(Temporarily phone notification will generate a
195                            mailed paper notice.)</b></td>
196                 </tr>
197
198                 <tr>
199                     <td style="padding-top:10px;"><strong>Expire Notice for
200                     Holds</strong><br />
201                     <input type="checkbox"
202                            id="notification.hold.expire.email"
203                            name="notification.hold.expire.email" /> <label for=
204                            "notification.hold.expire.email">Email</label></td>
205                 </tr>
206
207                 <tr>
208                     <td style="padding-top:10px;"><strong>Cancel Notice for
209                     Holds</strong><br />
210                     <input type="checkbox"
211                            id="notification.hold.cancel.email"
212                            name="notification.hold.cancel.email" /> <label for=
213                            "notification.hold.cancel.email">Email</label></td>
214                 </tr>
215
216                 <tr>
217                     <td style="padding-top:10px;"><strong>Overdue First
218                     Notice</strong><br />
219                     <input type="checkbox"
220                            id="notification.overdue.first.email"
221                            name="notification.overdue.first.email" />
222                            <label for=
223                            "notification.overdue.first.email">Email</label><br />
224                     <input type="checkbox"
225                            id="notification.overdue.first.phone"
226                            name="notification.overdue.first.phone" />
227                            <label for=
228                            "notification.overdue.first.phone">Phone</label>
229                            <b>(Temporarily phone notification will generate a
230                            mailed paper notice.)</b></td>
231                 </tr>
232
233                 <tr>
234                     <td style="padding-top:10px;"><strong>Courtesy
235                     Notice</strong><br />
236                     <input type="checkbox"
237                            id="notification.predue.email"
238                            name="notification.predue.email" /> <label for=
239                            "notification.predue.email">Email</label><br /></td>
240                 </tr>
241             </tbody>
242         </table>
243
244         <div id="acct_info_main">
245             <div id='myopac.expired.alert'
246                  class='hide_me'
247                  style='margin-bottom: 20px;'>
248                 <table class='data_grid'
249                        width='100%'>
250                     <tbody>
251                         <tr>
252                             <td width='100%' class='red'>
253                                 [% l("Your account expired on") %]
254                                 <span id='myopac.expired.date'></span>!
255                                 [% l("Please see a librarian to renew your account.") %]</td>
256                         </tr>
257                     </tbody>
258                 </table>
259             </div>
260
261             <div id='myopac.notes.div'
262                  class='hide_me'>
263                 <table class='data_grid'
264                        width='100%'>
265                     <thead>
266                         <tr>
267                             <td colspan='2'>
268                             <b>[% l("* Staff Notes *") %]</b></td>
269                         </tr>
270                     </thead>
271
272                     <tbody id='myopac.notes.tbody'>
273                         <tr id='myopac.notes.tr'>
274                             <td><b name='title'></b> : <span name=
275                             'value'></span></td>
276                         </tr>
277                     </tbody>
278                 </table><br />
279             </div>
280
281             <table width='70%'
282                    class='light_border data_grid'>
283                 <tbody id='myopac_summary_tbody'>
284                     <tr>
285                         <td width='30%'
286                             class='color_4 light_border'>[% l("Name") %]</td>
287
288                         <td class='light_border'>[% l(
289                             HUMAN_NAME_FORMAT,
290                             ctx.user.prefix, ctx.user.first_given_name,
291                             ctx.user.second_given_name, ctx.user.family_name,
292                             ctx.user.suffix
293                         ) | html %]</td>
294
295                         <td></td>
296                     </tr>
297
298                     <tr>
299                         <td class='color_4 light_border'>
300                         [% l("Day Phone") %]</td>
301
302                         <td class='light_border'
303                             id='myopac_summary_dayphone'>[% ctx.user.day_phone | html %]</td>
304
305                         <td class='light_border'><a href='#'
306                            class="hide_me"
307                            id='myopac_summary_phone1_change'
308                            style=
309                            'text-decoration: underline;'>[% l("Change") %]</a></td>
310                     </tr>
311
312                     <tr id='myopac_update_phone1_row'
313                         class='hide_me'>
314                         <td class='myopac_update_cell'
315                             colspan='3'>
316                             <span class='myopac_update_span'>
317                                 Enter New [% l("Day Phone") %]:
318                             </span>
319
320                             <input type='text' size='24' id='myopac_new_phone1' />
321                             <span class='myopac_update_span'>
322                                 <button>
323                                     <span class='myopac_update_span'>
324                                         [% l("Submit") %]</span>
325                                 </button>
326                             </span>
327                             <span class='myopac_update_span'>
328                                 <button>
329                                     <span class='myopac_update_span'>
330                                         [% l("Cancel") %]</span>
331                                 </button>
332                             </span>
333                         </td>
334                     </tr>
335
336                     <tr>
337                         <td class='color_4 light_border'>
338                         [% l("Evening Phone") %]</td>
339
340                         <td class='light_border'
341                             id='myopac_summary_eveningphone'>[% ctx.user.evening_phone | html %]</td>
342
343                         <td class='light_border'><a href='#'
344                            class="hide_me"
345                            id='myopac_summary_phone2_change'
346                            style=
347                            'text-decoration: underline;'>[% l("Change") %]</a></td>
348                     </tr>
349
350                     <tr id='myopac_update_phone2_row'
351                         class='hide_me'>
352                         <td class='myopac_update_cell'
353                             colspan='3'><span class='myopac_update_span'>New
354                             [% l("Evening Phone") %]:</span>
355                             <input type='text' size='24' id='myopac_new_phone2' />
356                             <span class='myopac_update_span'><button><span class=
357                                 'myopac_update_span'>[% l("Submit") %]</span></button></span>
358                             <span class='myopac_update_span'><button><span class=
359                                 'myopac_update_span'>[% l("Cancel") %]</span></button></span>
360                         </td>
361                     </tr>
362
363                     <tr>
364                         <td class='color_4 light_border'>
365                         [% l("Other Phone") %]</td>
366
367                         <td class='light_border'
368                             id='myopac_summary_otherphone'>[% ctx.user.other_phone | html %]</td>
369
370                         <td class='light_border'><a href='#'
371                            class="hide_me"
372                            id='myopac_summary_phone3_change'
373                            style=
374                            'text-decoration: underline;'>[% l("Change") %]</a></td>
375                     </tr>
376
377                     <tr id='myopac_update_phone3_row'
378                         class='hide_me'>
379                         <td class='myopac_update_cell'
380                             colspan='3'><span class='myopac_update_span'>Enter
381                             New [% l("Other Phone") %]:</span>
382                             <input type='text' size='24' id='myopac_new_phone3' />
383                             <span class='myopac_update_span'><button><span class=
384                                 'myopac_update_span'>[% l("Submit") %]</span></button></span>
385                             <span class='myopac_update_span'><button><span class=
386                                 'myopac_update_span'>[% l("Cancel") %]</span></button></span>
387                         </td>
388                     </tr>
389
390                     <tr>
391                         <td class='color_4 light_border'>
392                             <div style="position:absolute">
393                                 <div class="hide_me" style=
394                                 "position:relative;left:70px;top:-3px;">
395                                     <a href="#">
396                                     <img alt="Username Help"
397                                          src=
398                                          "[% ctx.media_prefix %]/images/question-mark.png" /></a>
399                                 </div>
400                             </div>[% l("Username") %]
401                         </td>
402
403                         <td class='light_border'
404                             id='myopac_summary_username'>[% ctx.user.usrname | html %]</td>
405
406                         <td class='light_border'><a href='#'
407                            class="hide_me"
408                            id='myopac_summary_username_change'
409                            style=
410                            'text-decoration: underline;'>[% l("Change") %]</a></td>
411                     </tr>
412
413                     <tr id='myopac_update_username_row'
414                         class='hide_me'>
415                         <td class='myopac_update_cell'
416                             colspan='3'><span class=
417                             'myopac_update_span'>[% l("Enter new username:") %]</span>
418                             <input type='text' size='24' id='myopac_new_username' />
419                             <span class='myopac_update_span'><button><span class=
420                                 'myopac_update_span'>[% l("Submit") %]</span></button></span>
421                             <span class='myopac_update_span'><button><span class=
422                                 'myopac_update_span'>[% l("Cancel") %]</span></button></span>
423                         </td>
424                     </tr>
425                     <tr>
426                         <td class='color_4 light_border'>
427                         [% l("Password") %]</td>
428                         <td class='light_border'
429                             id='myopac_summary_password'>
430                             [% l("(not shown)") %]</td>
431                         <td class='light_border'><a href='#'
432                            class="hide_me"
433                            style='text-decoration: underline;'>[% l("Change") %]</a></td>
434                     </tr>
435                     <tr class='hide_me'>
436                         <td class='myopac_update_cell'
437                             colspan='3'>
438                             <table>
439                                 <tbody>
440                                     <tr>
441                                         <td>
442                                             <span class= 'myopac_update_span'>
443                                                 [% l("Enter current password:") %]
444                                             </span>
445                                         </td>
446
447                                         <td>
448                                             <input type='password'
449                                                size='24' />
450                                            </td>
451                                     </tr>
452                                     <tr>
453                                         <td><span class=
454                                         'myopac_update_span'>[% l("Enter new password:") %]</span></td>
455
456                                         <td><input type='password' size='24' />
457                                            </td>
458                                     </tr>
459
460                                     <tr>
461                                         <td><span class=
462                                         'myopac_update_span'>[% l("Re-enter new password:") %]</span></td>
463
464                                         <td>
465                                             <input type='password' size='24' />
466                                         </td>
467                                     </tr>
468                                 </tbody>
469                             </table><span class=
470                             'myopac_update_span'><button><span class=
471                             'myopac_update_span'>[% l("Submit") %]</span></button></span>
472                             <span class='myopac_update_span'><button><span class='myopac_update_span'>
473                             [% l("Cancel") %]</span></button></span>
474                         </td>
475                     </tr>
476
477                     <tr>
478                         <td class='color_4 light_border'>[% l("Email Address") %]</td>
479                         <td class='light_border'>[% ctx.user.email | html %]</td>
480                         <td class='light_border'><a href='update_email'>[% l('Change') %]</a></td>
481                     </tr>
482
483                     <tr class='hide_me'>
484                         <td class='myopac_update_cell' colspan='3'>
485                             <span class= 'myopac_update_span'>
486                                 [% l("Enter new email address:") %]
487                             </span>
488                             <input type='text' size='24' />
489                             <span class='myopac_update_span'>
490                                 <button>
491                                     <span class= 'myopac_update_span'>
492                                         [% l("Submit") %]</span>
493                                 </button>
494                             </span>
495                             <span class='myopac_update_span'>
496                                 <button>
497                                     <span class='myopac_update_span'>
498                                         [% l("Cancel") %]</span>
499                                 </button>
500                             </span>
501                         </td>
502                     </tr>
503                     [% IF ctx.user.ident_value %]<tr class="hide_me">
504                         <td class='color_4 light_border'>
505                         [% l("Primary Identification") %]</td>
506
507                         <td class='light_border'>
508                             [%
509                             # l('[_1] ([_2])', ctx.user.ident_value, ctx.user.ident_type.name) | html
510                             # XXX uncomment the above line to show primary
511                             # identification. With a minor tweak it could
512                             # alternatively be shown but partially obscured. %]
513                         </td>
514                         <td></td>
515                     </tr>[% END %]
516
517                     <tr>
518                         <td class='color_4 light_border'>
519                         [% l("Active Barcode") %]</td>
520
521                         <td class='light_border'>[% ctx.user.card.barcode %]</td>
522
523                         <td></td>
524                     </tr>
525
526                     <tr>
527                         <td class='color_4 light_border'>
528                         [% l("Home Library") %]</td>
529                         <td class='light_border'>[% ctx.user.home_ou.name %]</td>
530                         <td><a href='#'
531                            class="hide_me"
532                            style='text-decoration: underline;'>[% l("Change") %]</a></td>
533                     </tr>
534                     <tr class='hide_me'>
535                         <td class='myopac_update_cell'
536                             colspan='3'>
537                             <span class='myopac_update_span'>
538                                 New home library:</span>
539                             <select>
540                             </select>
541                             <span class='myopac_update_span'>
542                                 <button>
543                                     <span class= 'myopac_update_span'>
544                                         [% l("Submit") %]</span>
545                                 </button>
546                             </span>
547                             <span class='myopac_update_span'>
548                                 <button>
549                                     <span class= 'myopac_update_span'>
550                                         [% l("Cancel") %]</span>
551                                 </button>
552                             </span>
553                         </td>
554                     </tr>
555                     <tr class="hide_me">
556                         <td class='color_4 light_border'>
557                             [% l("Account Creation Date") %]
558                         </td>
559                         <td class='light_border'
560                             id='myopac_summary_create_date'></td>
561                         <td></td>
562                     </tr>
563                 </tbody>
564             </table><br />
565             <hr class='opac-auto-013' color="#DCDBDB" />
566             <br />
567
568             <table width='100%' class='light_border data_grid'>
569                 <thead>
570                     <tr>
571                         <td><strong>[% l("Addresses") %]</strong></td>
572
573                     </tr>
574                 </thead>
575                 <tbody id='myopac_addr_tbody'>
576                     [% FOR addr IN ctx.user.addresses %]
577                     <tr class='[% addr.pending == "t" ? "pending-addr" : "light_border" %]'>
578                         <td>
579                             <table>
580                                 <tr>
581                                     <td>[% l("Address Type") %]</td>
582                                     <td name='myopac_addr_type'>[%
583                                         IF addr.pending == "t";
584                                             "<strong>" _ l("*** PENDING ***") _ "</strong> ";
585                                         END;
586                                         addr.address_type | lower | ucfirst;
587                                     %]</td>
588                                 </tr>
589                                 <tr>
590                                     <td>[% l("Street") %]</td>
591                                     <td name='myopac_addr_street'>[% addr.street1 | html %]</td>
592                                 </tr>
593                                 [% IF addr.street2 %]<tr>
594                                     <td>[% l("Street") %]</td>
595                                     <td name='myopac_addr_street2'>[% addr.street2 | html %]</td>
596                                 </tr>[% END %]
597
598                                 <tr>
599                                     <td>[% l("City") %]</td>
600                                     <td name='myopac_addr_city'>[% addr.city | html %]</td>
601                                 </tr>
602
603                                 <tr>
604                                     <td>[% l("County") %]</td>
605                                     <td name='myopac_addr_county'>[% addr.county| html  %]</td>
606                                 </tr>
607
608                                 <tr>
609                                     <td>[% l("State") %]</td>
610                                     <td name='myopac_addr_state'>[% addr.state | html %]</td>
611                                 </tr>
612
613                                 <tr>
614                                     <td>[% l("Country") %]</td>
615                                     <td name='myopac_addr_country'>[% addr.country | html %]</td>
616                                 </tr>
617
618                                 <tr>
619                                     <td>[% l("Zip") %]</td>
620                                     <td name='myopac_addr_zip'>[% addr.post_code | html %]</td>
621                                 </tr>
622                                 <tr>
623                                     <td name='myopac_addr_edit_td'
624                                         colspan='2' class='hide_me'>
625                                         <a class='classic_link'
626                                             name='myopac_addr_edit_link'
627                                             href='#'>Edit Address</a>
628                                     </td>
629                                 </tr>
630                             </table>
631                         </td>
632                     </tr>
633                     [% END %]
634                 </tbody>
635             </table>
636         </div>
637         <div class='hide_me' id='myopac_username_error'>
638             [% l("Please enter a username") %]
639         </div>
640         <div class='hide_me' id='myopac_username_dup'>
641             [% l("The requested username is not available.  Please choose a different username.") %]
642         </div>
643         <div class='hide_me' id='myopac_username_success'>
644             [% l("Username successfully updated") %]
645         </div>
646         <div class='hide_me' id='myopac_username_failure'>
647             [% l("Username update failed") %]
648         </div>
649         <div class='hide_me' id='myopac_email_error'>
650             [% l("Please enter a valid email address") %]
651         </div>
652         <div class='hide_me' id='myopac_email_success'>
653             [% l("Email address successfully updated") %]
654         </div>
655         <div class='hide_me' id='myopac_email_failure'>
656             [% l("Email address update failed") %]
657         </div>
658         <div class='hide_me' id='myopac_password_error'>
659             [% l("Passwords are empty or do not match") %]
660         </div>
661         <div class='hide_me' id='myopac_password_success'>
662             [% l("Password successfully updated") %]
663         </div>
664         <div class='hide_me' id='myopac_password_failure'>
665             [% l("Password update failed") %]
666         </div>
667         <span class='hide_me' id= 'myopac_invalid_username'>
668             [% l("Username cannot contain spaces or have the same format as a barcode") %]
669         </span>
670         <span class='hide_me' id='myopac_addr_changes_saved'>
671             Address Saved
672         </span>
673         <div class='hide_me' id='prefs_update_success'>
674             [% l("Preferences successfully updated") %]
675         </div>
676         <div class='hide_me' id='prefs_update_failure'>
677             [% l("Preferences update failed!") %]
678         </div>
679         <span class='hide_me' id='myopac_pref_hold_notify_alert'>
680             [% l("This setting defines how you will be notified of holds that are ready to be picked up from the library.  By default, holds will use the notification style you choose here.  However, you will still have the option to change individual holds regardless of this setting.") %]
681         </span>
682     </div>
683 [% END %]