1 [% DOC_IMG = '/images/question-mark.png' %]
3 <!-- register banner -->
4 <div ng-if="!patron_id" ng-class='{"patron-reg-fixed-bar":!offline}'>
6 <div class="container-fluid" style="text-align:center">
7 <div class="alert alert-info alert-less-pad strong-text-2">
8 <span >[% l('Register Patron') %]</span>
12 <div class="flex-row" class='patron-reg-actions-bar'>
13 [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
19 <div ng-if="patron_id"
20 class="strong-text-2">[% l('Patron Edit') %]</div>
22 <div id="reg-alert-pane">
24 <div id="reg-dupe-links">
25 [%# dupe_search_encoded is uri escaped in the JS %]
26 <div class="alert alert-danger" ng-show="dupe_counts.name">
28 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.name}}&inactive=1">
29 [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
32 <div class="alert alert-danger" ng-show="dupe_counts.email">
34 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.email}}">
35 [% l('[_1] patron(s) with same email',
36 '{{dupe_counts.email}}') %]</a>
38 <div class="alert alert-danger" ng-show="dupe_counts.ident">
40 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.ident}}">
41 [% l('[_1] patron(s) with same identification',
42 '{{dupe_counts.ident}}') %]</a>
44 <div class="alert alert-danger" ng-show="dupe_counts.day_phone">
46 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.day_phone}}">
47 [% l('[_1] patron(s) with same phone',
48 '{{dupe_counts.day_phone}}') %]</a>
50 <div class="alert alert-danger" ng-show="dupe_counts.evening_phone">
52 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.evening_phone}}">
53 [% l('[_1] patron(s) with same phone',
54 '{{dupe_counts.evening_phone}}') %]</a>
56 <div class="alert alert-danger" ng-show="dupe_counts.other_phone">
58 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.other_phone}}">
59 [% l('[_1] patron(s) with same phone',
60 '{{dupe_counts.other_phone}}') %]</a>
62 <div class="alert alert-danger" ng-show="dupe_counts.address">
64 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.address}}" >
65 [% l('[_1] patron(s) with same address',
66 '{{dupe_counts.address}}') %]</a>
70 <div class="alert alert-danger" ng-show="address_alerts.length > 0">
71 <div class="strong-text-3">[% l('Address Alert') %]</div>
72 <div ng-repeat="address_alert in address_alerts">
73 {{address_alert.alert_message()}}
77 <!-- IDL field documentation window -->
78 <div class="alert alert-info" ng-show="selected_field_doc">
79 <fieldset id="reg-field-doc">
81 {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
83 <div>{{selected_field_doc.string()}}</div>
87 <div class="alert alert-info" ng-show="stage_user_requestor">
89 href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
90 [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
96 # draws a label for inputs based on the idl class's field's
97 # label OR a supplied string
98 MACRO draw_field_label (cls, field, label_override) BLOCK %]
99 <div class="col-md-3 reg-field-label"> <!-- field label -->
100 [% IF label_override %]<label>[% label_override %]</label>
101 [% ELSE %]<label id="{{idl_fields.[% cls %].[% field %].name}}">{{idl_fields.[% cls %].[% field %].label}}</label>[% END %]
102 <!-- field documentation img/link -->
103 <img ng-show="field_doc.[% cls %].[% field %]"
104 ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
105 src='[% DOC_IMG %]'></img>
111 # draws a vanilla form input field for inputs that require no
113 MACRO draw_form_input(cls, field, path, type, disable) BLOCK;
114 IF !type; type = 'text'; END;
115 base_obj = path ? 'patron.' _ path : 'patron';
116 model = base_obj _ '.' _ field;
118 <div class="col-md-3 reg-field-input">
120 [% IF type == "email" %]type="text" ng-required="hold_notify_type.email"
121 [% ELSE %]type="[% type %]"
125 aria-labelledby="{{idl_fields.[% cls %].[% field %].name}}"
126 ng-change="field_modified()"
127 ng-required="field_required('[% cls %]', '[% field %]')"
128 ng-blur="handle_field_changed([% base_obj %], '[% field %]')"
129 ng-pattern="field_pattern('[% cls %]', '[% field %]')"
130 [% IF disable %]ng-disabled="[% disable %]"[% END %]
131 ng-model="[% model %]"/>
135 [% MACRO draw_example_text(cls, field) BLOCK;
136 set_str = "org_settings['ui.patron.edit." _ cls _ "." _ field _ ".example']";
138 <span ng-if="[% set_str %]">
139 [% l('Example: [_1]', '{{' _ set_str _ '}}') %]
143 <!-- progress dialog displayed as we await all data to finish loading -->
144 <div class="row" ng-show="!page_data_loaded">
145 <div class="col-md-6 pad-vert">
146 <div class="progress progress-striped active">
147 <div class="progress-bar" role="progressbar" aria-valuenow="100"
148 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
149 <span class="sr-only">[% l('Loading...') %]</span>
157 This div wraps the entire form so we can hide it until all needed data
158 has been loaded. Setting ng-form and a name lets us refer to fields
159 within the "form" by name for validation.
161 <div ng-form id="patron-reg-container"
162 name="reg_form" ng-show="page_data_loaded">
166 <div class="row reg-field-row" ng-show="show_field('ac.barcode')">
167 [% draw_field_label('ac', 'barcode') %]
168 <div class="col-md-3 reg-field-input"> <!-- field form input -->
171 aria-labelledby="{{idl_fields.ac.barcode.name}}"
172 ng-model="patron.card.barcode"
173 ng-pattern="field_pattern('ac', 'barcode')"
174 ng-required="field_required('ac', 'barcode')"
176 ng-change="field_modified()"
177 ng-disabled="disable_bc"
179 ng-blur="handle_field_changed(patron.card, 'barcode')"/>
181 <div class="col-md-6 patron-reg-example">
182 <button class="btn btn-default" ng-show="!patron.isnew"
183 ng-click="replace_card()">[% l('Replace Barcode') %]</button>
184 <button class="btn btn-default" ng-if="!patron.isnew"
185 ng-click="cards_dialog()">[% l('See All') %]</button>
186 <div ng-show="dupe_barcode" class="patron-reg-validation-alert">
187 <span>[% l('Barcode is already in use') %]</span>
194 <div class="row reg-field-row" ng-show="show_field('au.usrname')">
195 [% draw_field_label('au', 'usrname') %]
196 <div class="col-md-3 reg-field-input">
199 aria-labelledby="{{idl_fields.au.usrname.name}}"
200 ng-required="field_required('au', 'usrname')"
201 focus-me="focus_usrname"
202 ng-change="field_modified()"
203 ng-pattern="field_pattern('au', 'usrname')"
204 ng-blur="handle_field_changed(patron, 'usrname')"
206 ng-model="patron.usrname"/>
208 <div class="col-md-6 patron-reg-example">
209 <div ng-show="dupe_username" class="patron-reg-validation-alert">
210 <span>[% l('Username is already in use') %]</span>
217 <div class="row reg-field-row" ng-show="show_field('au.passwd')">
218 [% draw_field_label('au', 'passwd') %]
219 [% draw_form_input('au', 'passwd'); %]
220 <div class="col-md-6 patron-reg-example">
221 <button class="btn btn-default" ng-click="generate_password()">
222 [% l('Generate Password') %]</button>
223 <button class="btn btn-default" ng-show="!patron.isnew"
224 ng-click="send_password_reset_link()">
225 [% l('Send Password Reset Link') %]</button>
229 <div class="row reg-field-row">
230 <div class="col-md-6">
231 <ul class="nav nav-pills nav-pills-like-tabs">
232 <li ng-class="{active : name_tab == 'primary'}">
233 <a ng-click="name_tab='primary'" href="#">[% l('Primary Name') %]</a>
235 <li ng-class="{active : name_tab == 'preferred'}">
236 <a ng-click="name_tab='preferred'" href="#">[% l('Preferred Name') %]</a>
242 <div ng-show="name_tab == 'primary'">
246 <div class="row reg-field-row" ng-show="show_field('au.prefix')">
247 [% draw_field_label('au', 'prefix') %]
248 [% draw_form_input('au', 'prefix'); %]
249 <div class="col-md-6 patron-reg-example">
250 [% draw_example_text('au', 'prefix') %]
254 <!-- FIRST_GIVEN_NAME -->
256 <div class="row reg-field-row" ng-show="show_field('au.first_given_name')">
257 [% draw_field_label('au', 'first_given_name') %]
258 [% draw_form_input('au', 'first_given_name'); %]
259 <div class="col-md-6 patron-reg-example">
260 [% draw_example_text('au', 'first_given_name') %]
264 <!-- SECOND_GIVEN_NAME -->
266 <div class="row reg-field-row" ng-show="show_field('au.second_given_name')">
267 [% draw_field_label('au', 'second_given_name') %]
268 [% draw_form_input('au', 'second_given_name'); %]
269 <div class="col-md-6 patron-reg-example">
270 [% draw_example_text('au', 'second_given_name') %]
276 <div class="row reg-field-row" ng-show="show_field('au.family_name')">
277 [% draw_field_label('au', 'family_name') %]
278 [% draw_form_input('au', 'family_name'); %]
279 <div class="col-md-6 patron-reg-example">
280 [% draw_example_text('au', 'family_name') %]
286 <div class="row reg-field-row" ng-show="show_field('au.suffix')">
287 [% draw_field_label('au', 'suffix') %]
288 [% draw_form_input('au', 'suffix'); %]
289 <div class="col-md-6 patron-reg-example">
290 [% draw_example_text('au', 'suffix') %]
293 </div> <!-- ng-show == primary -->
295 <div ng-show="name_tab == 'preferred'" class="patron-reg-pref-names">
299 <div class="row reg-field-row" ng-show="show_field('au.pref_prefix')">
300 [% draw_field_label('au', 'pref_prefix') %]
301 [% draw_form_input('au', 'pref_prefix'); %]
302 <div class="col-md-6 patron-reg-example">
303 [% draw_example_text('au', 'pref_prefix') %]
307 <!-- FIRST_GIVEN_NAME -->
309 <div class="row reg-field-row" ng-show="show_field('au.pref_first_given_name')">
310 [% draw_field_label('au', 'pref_first_given_name') %]
311 [% draw_form_input('au', 'pref_first_given_name'); %]
312 <div class="col-md-6 patron-reg-example">
313 [% draw_example_text('au', 'pref_first_given_name') %]
317 <!-- SECOND_GIVEN_NAME -->
319 <div class="row reg-field-row" ng-show="show_field('au.pref_second_given_name')">
320 [% draw_field_label('au', 'pref_second_given_name') %]
321 [% draw_form_input('au', 'pref_second_given_name'); %]
322 <div class="col-md-6 patron-reg-example">
323 [% draw_example_text('au', 'pref_second_given_name') %]
329 <div class="row reg-field-row" ng-show="show_field('au.pref_family_name')">
330 [% draw_field_label('au', 'pref_family_name') %]
331 [% draw_form_input('au', 'pref_family_name'); %]
332 <div class="col-md-6 patron-reg-example">
333 [% draw_example_text('au', 'pref_family_name') %]
339 <div class="row reg-field-row" ng-show="show_field('au.pref_suffix')">
340 [% draw_field_label('au', 'pref_suffix') %]
341 [% draw_form_input('au', 'pref_suffix'); %]
342 <div class="col-md-6 patron-reg-example">
343 [% draw_example_text('au', 'pref_suffix') %]
346 </div> <!-- ng-show == preferred -->
348 <!-- indicate bottom of name tabs -->
349 <div class="row reg-field-row">
350 <div class="col-md-6"><hr class="patron-reg-names-separator"/></div>
353 <div class="row reg-field-row" ng-show="show_field('au.name_keywords')">
354 [% draw_field_label('au', 'name_keywords') %]
355 <div class="col-md-3 reg-field-input">
358 aria-labelledby="{{idl_fields.au.name_keywords.name}}"
359 ng-model="patron.name_keywords"
360 ng-pattern="field_pattern('au', 'name_keywords')"
361 ng-change="field_modified()"
362 ng-blur="handle_field_changed(patron, 'name_keywords')">
365 <div class="col-md-6 patron-reg-example">
366 [% draw_example_text('au', 'name_keywords') %]
372 <div class="row reg-field-row" ng-show="show_field('au.alias')">
373 [% draw_field_label('au', 'alias') %]
374 [% draw_form_input('au', 'alias'); %]
375 <div class="col-md-6 patron-reg-example">
376 [% draw_example_text('au', 'alias') %]
382 <div class="row reg-field-row" ng-show="show_field('au.dob')">
383 [% draw_field_label('au', 'dob') %]
384 <div class="col-md-3 reg-field-input">
386 date-aria="{{idl_fields.au.dob.name}}"
387 ng-required="field_required('au', 'dob')"
388 ng-model="patron.dob">
391 <div class="col-md-6 patron-reg-example">
392 [% draw_example_text('au', 'dob') %]
398 <div class="row reg-field-row" ng-show="show_field('au.juvenile')">
399 [% draw_field_label('au', 'juvenile') %]
400 <div class="col-md-3 reg-field-input">
402 aria-labelledby="{{idl_fields.au.juvenile.name}}"
403 ng-change="field_modified()"
404 ng-blur="handle_field_changed(patron, 'juvenile')"
405 type='checkbox' ng-model="patron.juvenile"/>
411 <div class="row reg-field-row" ng-show="show_field('au.guardian')">
412 [% draw_field_label('au', 'guardian') %]
413 [% draw_form_input('au', 'guardian'); %]
414 <div class="col-md-6 patron-reg-example">
415 [% draw_example_text('au', 'guardian') %]
421 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
422 [% draw_field_label('au', 'ident_type') %]
423 <div class="col-md-3 reg-field-input">
426 aria-labelledby="{{idl_fields.au.ident_type.name}}"
427 ng-model="patron.ident_type"
428 ng-required="field_required('au', 'ident_type')"
429 ng-blur="handle_field_changed(patron, 'ident_type')"
430 ng-options="type.name() for type in ident_types track by type.id()">
437 <div class="row reg-field-row" ng-show="show_field('au.ident_value')">
438 [% draw_field_label('au', 'ident_value') %]
439 [% draw_form_input('au', 'ident_value') %]
440 <div class="col-md-6 patron-reg-example">
441 [% draw_example_text('au', 'ident_value') %]
447 <div class="row reg-field-row" ng-show="show_field('au.ident_type2')">
448 [% draw_field_label('au', 'ident_type2') %]
449 <div class="col-md-3 reg-field-input">
452 aria-labelledby="{{idl_fields.au.ident_type2.name}}"
453 ng-model="patron.ident_type2"
454 ng-required="field_required('au', 'ident_type2')"
455 ng-blur="handle_field_changed(patron, 'ident_type2')"
456 ng-options="type.name() for type in ident_types track by type.id()">
461 <!-- IDENT_VALUE2 -->
462 <div class="row reg-field-row" ng-show="show_field('au.ident_value2')">
463 [% draw_field_label('au', 'ident_value2') %]
464 [% draw_form_input('au', 'ident_value2') %]
465 <div class="col-md-6 patron-reg-example">
466 [% draw_example_text('au', 'ident_value2') %]
471 <div class="row reg-field-row" ng-show="show_field('au.photo_url')">
472 [% draw_field_label('au', 'photo_url') %]
473 [% draw_form_input('au', 'photo_url', '', 'photo_url') %]
474 <div class="col-md-3 patron-reg-example">
475 <span ng-if="org_settings['ui.patron.edit.au.photo_url.example']">
476 [% l('Example: [_1]',
477 "{{org_settings['ui.patron.edit.au.photo_url.example']}}") %]
483 <div class="row reg-field-row" ng-show="show_field('au.email')">
484 [% draw_field_label('au', 'email') %]
485 [% draw_form_input('au', 'email', '', 'email') %]
486 <div class="col-md-3 patron-reg-example">
487 <button class="btn btn-default" ng-show="base_email && !patron.isnew"
488 ng-disabled="reg_form['patron.email'].$dirty"
489 ng-click="send_test_email()">[% l('Send Test Email') %]</button>
490 <button ng-show="patron.email && !patron.isnew"
491 class="btn btn-default"
492 ng-click="invalidate_field('email')">[% l('Invalidate') %]</button>
493 <span ng-if="org_settings['ui.patron.edit.au.email.example']">
494 [% l('Example: [_1]',
495 "{{org_settings['ui.patron.edit.au.email.example']}}") %]
500 <div class="row reg-field-row" ng-show="show_field('au.email') && opt_in_setting_types['circ.send_email_checkout_receipts']">
501 <div class="col-md-3 reg-field-label">
502 <label id="checkoutReceipts">{{opt_in_setting_types['circ.send_email_checkout_receipts'].label()}}</label>
504 <div class="col-md-3 reg-field-input">
506 aria-labelledby="checkoutReceipts"
507 ng-change="field_modified()"
508 type='checkbox' ng-model="user_settings['circ.send_email_checkout_receipts']"/>
514 <div class="row reg-field-row" ng-show="show_field('au.day_phone')">
515 [% draw_field_label('au', 'day_phone') %]
516 [% draw_form_input('au', 'day_phone') %]
517 <div class="col-md-6 patron-reg-example">
518 <button ng-show="patron.day_phone && !patron.isnew"
519 class="btn btn-default"
520 ng-click="invalidate_field('day_phone')">[% l('Invalidate') %]</button>
521 [% draw_example_text('au', 'day_phone') %]
522 <!-- phones have a fall-through example strings -->
523 <span ng-if="!org_settings['ui.patron.edit.au.day_phone.example'] && org_settings['ui.patron.edit.phone.example']">
524 [% l('Example: [_1]',
525 "{{org_settings['ui.patron.edit.phone.example']}}") %]
530 <!-- EVENING_PHONE -->
532 <div class="row reg-field-row" ng-show="show_field('au.evening_phone')">
533 [% draw_field_label('au', 'evening_phone') %]
534 [% draw_form_input('au', 'evening_phone') %]
535 <div class="col-md-6 patron-reg-example">
536 <button ng-show="patron.evening_phone && !patron.isnew"
537 class="btn btn-default"
538 ng-click="invalidate_field('evening_phone')">[% l('Invalidate') %]</button>
539 [% draw_example_text('au', 'evening_phone') %]
540 <!-- phones have a fall-through example strings -->
541 <span ng-if="!org_settings['ui.patron.edit.au.evening_phone.example'] && org_settings['ui.patron.edit.phone.example']">
542 [% l('Example: [_1]',
543 "{{org_settings['ui.patron.edit.phone.example']}}") %]
550 <div class="row reg-field-row" ng-show="show_field('au.other_phone')">
551 [% draw_field_label('au', 'other_phone') %]
552 [% draw_form_input('au', 'other_phone') %]
553 <div class="col-md-6 patron-reg-example">
554 <button ng-show="patron.other_phone && !patron.isnew"
555 class="btn btn-default"
556 ng-click="invalidate_field('other_phone')">[% l('Invalidate') %]</button>
557 [% draw_example_text('au', 'other_phone') %]
558 <!-- phones have a fall-through example strings -->
559 <span ng-if="!org_settings['ui.patron.edit.au.other_phone.example'] && org_settings['ui.patron.edit.phone.example']">
560 [% l('Example: [_1]',
561 "{{org_settings['ui.patron.edit.phone.example']}}") %]
566 <!-- home org unit selector -->
568 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
569 [% draw_field_label('au', 'home_ou') %]
570 <div class="col-md-3 reg-field-input">
572 selected="patron.home_ou"
573 onchange="handle_home_org_changed"
574 org-aria="{{idl_fields.au.home_ou.name}}"
575 disable-test="disable_home_org">
580 <!-- profile selector -->
582 <div class="row reg-field-row" ng-show="show_field('au.profile')">
583 [% draw_field_label('au', 'profile') %]
584 <div class="col-md-3 reg-field-input">
585 <div class="btn-group" uib-dropdown>
586 <button type="button" class="btn btn-default" uib-dropdown-toggle
587 aria-labelledby="{{idl_fields.au.profile.name}}"
588 ng-class="{'ng-invalid' : invalid_profile()}">
589 <span style="padding-right: 5px;">
590 {{patron.profile.name() || "[% l('Profile Group') %]"}}
592 <span class="caret"></span>
594 <ul class="scrollable-menu" uib-dropdown-menu>
595 <li ng-repeat="entry in edit_profile_entries" ng-if="edit_profile_entries.length"
596 ng-class="{disabled : entry.grp().usergroup() == 'f'}">
598 style="padding-left: {{pgtde_depth(entry) * 10 + 5}}px"
599 ng-click="set_profile(entry.grp())">{{entry.grp().name()}}</a>
601 <li ng-repeat="grp in edit_profiles" ng-if="!edit_profile_entries.length"
602 ng-class="{disabled : grp.usergroup() == 'f'}">
604 style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
605 ng-click="set_profile(grp)">{{grp.name()}}</a>
610 <div class="col-md-3">
611 <button class="btn btn-default" ng-if="!offline" ng-disabled="!perms.CREATE_USER_GROUP_LINK"
612 ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
616 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
617 [% draw_field_label('au', 'expire_date') %]
618 <div class="col-md-3 reg-field-input">
620 date-aria="{{idl_fields.au.expire_date.name}}"
621 ng-model="patron.expire_date">
624 <div class="col-md-3">
625 <button class="btn btn-default" ng-click="set_expire_date()">
626 [% l('Update Expire Date') %]</button>
630 <!-- net_access_level -->
632 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
633 [% draw_field_label('au', 'net_access_level') %]
634 <div class="col-md-3 reg-field-input">
637 aria-labelledby="{{idl_fields.au.net_access_level.name}}"
638 ng-model="patron.net_access_level"
639 ng-required="field_required('au', 'net_access_level')"
640 ng-blur="handle_field_changed(patron, 'net_access_level')"
641 ng-options="level.name() for level in net_access_levels track by level.id()">
648 <div class="row reg-field-row" ng-show="show_field('au.active')">
649 [% draw_field_label('au', 'active') %]
650 <div class="col-md-3 reg-field-input">
652 aria-labelledby="{{idl_fields.au.active.name}}"
653 ng-change="field_modified()"
654 ng-blur="handle_field_changed(patron, 'active')"
655 type='checkbox' ng-model="patron.active"/>
661 <div class="row reg-field-row" ng-show="show_field('au.barred')">
662 [% draw_field_label('au', 'barred') %]
663 <div class="col-md-3 reg-field-input">
665 aria-labelledby="{{idl_fields.au.barred.name}}"
666 ng-change="field_modified()"
667 ng-blur="handle_field_changed(patron, 'barred')"
668 type='checkbox' ng-model="patron.barred"/>
672 <!-- MASTER_ACCOUNT -->
674 <div class="row reg-field-row" ng-show="show_field('au.master_account')">
675 [% draw_field_label('au', 'master_account') %]
676 <div class="col-md-3 reg-field-input">
678 aria-labelledby="{{idl_fields.au.master_account.name}}"
679 ng-change="field_modified()"
680 ng-blur="handle_field_changed(patron, 'master_account')"
681 type='checkbox' ng-model="patron.master_account"/>
685 <!-- CLAIMS_RETURNED_COUNT -->
687 <div class="row reg-field-row" ng-show="show_field('au.claims_returned_count')">
688 [% draw_field_label('au', 'claims_returned_count') %]
689 [% draw_form_input('au', 'claims_returned_count',
690 '', 'number', '!perms.UPDATE_PATRON_CLAIM_RETURN_COUNT') %]
691 <div class="col-md-6 patron-reg-example">
692 [% draw_example_text('au', 'claims_returned_count') %]
696 <!-- CLAIMS_NEVER_CHECKED_OUT_COUNT -->
698 <div class="row reg-field-row" ng-show="show_field('au.claims_never_checked_out_count')">
699 [% draw_field_label('au', 'claims_never_checked_out_count') %]
700 [% draw_form_input('au', 'claims_never_checked_out_count',
701 '', 'number', '!perms.UPDATE_PATRON_CLAIM_NEVER_CHECKED_OUT_COUNT') %]
702 <div class="col-md-6 patron-reg-example">
703 [% draw_example_text('au', 'claims_never_checked_out_count') %]
707 <!-- ALERT_MESSAGE -->
709 <div class="row reg-field-row" ng-show="show_field('au.alert_message')">
710 [% draw_field_label('au', 'alert_message') %]
711 <div class="col-md-3 reg-field-input">
714 aria-labelledby="{{idl_fields.au.alert_message.name}}"
715 ng-model="patron.alert_message"
716 ng-pattern="field_pattern('au', 'alert_message')"
717 ng-change="field_modified()"
718 ng-blur="handle_field_changed(patron, 'alert_message')">
721 <div class="col-md-6 patron-reg-example">
722 [% draw_example_text('au', 'alert_message') %]
726 <div ng-if="!offline">
728 <div class="alert alert-success row" role="alert">
729 <div class="col-md-6">[% l('User Settings') %]</div>
732 <div class="row reg-field-row">
733 <div class="col-md-3 reg-field-label">
734 <label id="defaultPhone">{{user_setting_types['opac.default_phone'].label()}}</label>
736 <div class="col-md-3 reg-field-input">
737 <input ng-required="hold_notify_type.phone"
738 aria-labelledby="defaultPhone"
739 ng-change="field_modified()"
740 ng-blur="handle_field_changed(user_settings, 'opac.default_phone')"
741 type='text' ng-model="user_settings['opac.default_phone']"/>
745 <div class="row reg-field-row">
746 <div class="col-md-3 reg-field-label">
747 <label id="defaultPickupLoc">
748 {{user_setting_types['opac.default_pickup_location'].label()}}
751 <div class="col-md-3 reg-field-input">
752 <eg-org-selector nodefault
753 org-aria="defaultPickupLoc"
754 disable-test="disable_pulib"
755 selected="patron._pickup_lib"
756 onchange="handle_pulib_changed">
761 <div class="row reg-field-row"
762 ng-if="org_settings['circ.holds.behind_desk_pickup_supported']">
763 <div class="col-md-3 reg-field-label">
764 <label id="holdsBehindDesk">
765 {{user_setting_types['circ.holds_behind_desk'].label()}}
768 <div class="col-md-3 reg-field-input">
770 aria-labelledby="holdsBehindDesk"
771 ng-change="field_modified()"
772 type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
776 <!-- TODO: Add circ.collections.exempt to master SQL seed data -->
777 <div class="row reg-field-row"
778 ng-if="user_setting_types['circ.collections.exempt']">
779 <div class="col-md-3 reg-field-label">
781 {{user_setting_types['circ.collections.exempt']}}
784 <div class="col-md-3 reg-field-input">
787 aria-labelledby="exempt"
788 ng-change="field_modified()"
789 ng-disabled="!perms.UPDATE_PATRON_COLLECTIONS_EXEMPT"
790 ng-model="user_settings['circ.collections.exempt']"/>
794 <div class="row reg-field-row">
795 <div class="col-md-3 reg-field-label">
796 <label id="holdsNotices">[% l('Holds Notices') %]</label>
798 <div class="col-md-4 reg-field-input flex-row">
799 <div class='flex-cell'>
801 aria-labelledby="holdsNotices holdsPhone"
802 ng-change="field_modified()"
803 type='checkbox' ng-model="hold_notify_type.phone"/>
804 <label id="holdsPhone">
808 <div class='flex-cell'>
810 aria-labelledby="holdsNotices holdsEmail"
811 ng-change="field_modified()"
812 type='checkbox' ng-model="hold_notify_type.email"/>
813 <label id="holdsEmail">
817 <div class='flex-cell' ng-if="org_settings['sms.enable']">
819 aria-labelledby="holdsNotices holdsSms"
820 ng-change="field_modified()"
821 type='checkbox' ng-model="hold_notify_type.sms"/>
822 <label id="holdsSms">
829 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
830 <div class="col-md-3 reg-field-label">
831 <label id="defaultSmsNum">[% l('Default SMS/Text Number') %]</label>
833 <div class="col-md-3 reg-field-input">
835 name="default_sms_text_number"
836 aria-labelledby="defaultSmsNum"
837 ng-required="hold_notify_type.sms"
838 ng-change="field_modified()" ng-model="user_settings['opac.default_sms_notify']"
839 ng-blur="handle_field_changed(user_settings, 'opac.default_sms_notify')"
842 <div class="col-md-3" ng-if="base_default_sms && !patron.isnew">
843 <button class="btn btn-default"
844 ng-disabled="reg_form['default_sms_text_number'].$dirty || reg_form['default_sms_text_carrier'].$dirty"
845 ng-click="send_test_sms()">[% l('Send Test Text') %]</button>
849 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
850 <div class="col-md-3 reg-field-label">
851 <label id="defaultSmsCarrier">
852 [% l('Default SMS Carrier') %]
855 <div class="col-md-3 reg-field-input">
856 <span class="nullable">
859 aria-labelledby="defaultSmsCarrier"
860 name="default_sms_text_carrier"
861 ng-model="user_settings['opac.default_sms_carrier']"
862 ng-required="user_settings['opac.default_sms_notify']"
863 ng-options="c.id() as c.name() for c in sms_carriers"
864 ng-blur="handle_field_changed(user_settings, 'opac.default_sms_carrier')">
865 <option value="">Select a Carrier</option>
871 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
872 <div class="col-md-3 reg-field-label" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
873 <label id="settingTypes">{{type.label()}}</label>
875 <div class="col-md-3 reg-field-input" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
877 aria-labelledby="settingTypes"
878 ng-change="field_modified()"
879 type='checkbox' ng-model="user_settings[type.name()]"/>
883 <div class="row reg-field-row" ng-if="org_settings['circ.privacy_waiver']">
884 <div class="col-md-3 reg-field-label">
885 <label id="privacyWaiver">[% l('Allow others to use my account') %]</label>
887 <div class="col-md-4 reg-field-input">
888 <div class="row" ng-repeat="waiver_entry in patron.waiver_entries" ng-hide="waiver_entry.isdeleted">
889 <div class="row flex-row">
890 <div class="flex-cell">
891 <label id="waiverName" ng-hide="true">
894 <input ng-change="field_modified()"
895 aria-labelledby="privacyWaiver waiverName"
896 type='text' ng-model="waiver_entry.name"/>
898 <div class="flex-cell">
899 <button type="button"
900 aria-label="[% l('Delete Person Allowed to Use My Account') %]"
901 ng-click="field_modified();delete_waiver_entry(waiver_entry)"
902 class="btn btn-danger">[% l('X') %]</button>
905 <div class="row flex-row reg-field-input">
906 <div class="flex-cell">
907 <label id="waiverPlace"><input ng-change="field_modified()"
908 aria-labelledby="privacyWaiver waiverPlace"
909 type='checkbox' ng-model="waiver_entry.place_holds"/>
910 [% l('Place Holds?') %]</label>
912 <div class="flex-cell">
913 <label id="waiverPickup"><input ng-change="field_modified()"
914 aria-labelledby="privacyWaiver waiverPickup"
915 type='checkbox' ng-model="waiver_entry.pickup_holds"/>
916 [% l('Pick Up Holds?') %]</label>
918 <div class="flex-cell">
919 <label id="waiverHistory"><input ng-change="field_modified()"
920 aria-labelledby="privacyWaiver waiverHistory"
921 type='checkbox' ng-model="waiver_entry.view_history"/>
922 [% l('View Borrowing History?') %]</label>
924 <div class="flex-cell">
925 <label id="waiverCheckOut"><input ng-change="field_modified()"
926 aria-labelledby="privacyWaiver waiverCheckOut"
927 type='checkbox' ng-model="waiver_entry.checkout_items"/>
928 [% l('Check Out Items?') %]</label>
930 </div> <!-- end checkboxes -->
931 </div> <!-- end ng-repeat waiver_entry -->
933 <div class="col-md-3 reg-field-input">
934 <button type="button"
935 ng-click="new_waiver_entry()"
936 class="btn btn-success">[% l('Add Person') %]</button>
939 </div> <!-- end waiver entries input -->
940 </div> <!-- end waiver entries row -->
942 </div> <!-- end offline test -->
946 <div ng-repeat="addr in patron.addresses">
947 <div class="alert alert-success row" role="alert">
948 <div class="col-md-3">
949 <label id="address{{addr.id}}">
952 <div ng-show="addr._linked_owner">
954 href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
955 [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
959 <div class="col-md-3">
960 <span class='pad-all-min'>
961 <label id="mailing{{addr.id}}">
964 <input type='checkbox'
965 aria-labelledby="address{{addr.id}} mailing{{addr.id}}"
966 ng-change="field_modified();set_addr_type(addr, 'mailing')"
967 ng-model="addr._is_mailing"/>
969 <span class='pad-all-min'>
970 <label id="physical{{addr.id}}">
973 <input type='checkbox'
974 aria-labelledby="address{{addr.id}} physical{{addr.id}}"
975 ng-change="field_modified();set_addr_type(addr, 'billing')"
976 ng-model="addr._is_billing"/>
978 <span class='pad-all-min'>
979 <button type="button"
980 aria-label="[% l('Delete this address') %]"
981 ng-click="field_modified();delete_address(addr.id)"
982 class="btn btn-danger">[% l('X') %]</button>
987 <div ng-if="addr.pending" class="row">
988 <div class="col-md-6 patron-reg-pending-address">
990 <div class="col-md-6">
991 [% l('This is a pending address') %]
993 <div class="col-md-6">
994 <button class="btn btn-success"
995 ng-click="approve_pending_address(addr)">[% l('Approve') %]</button>
998 <div class="row" ng-if="addr._replaces">
999 <div class="col-md-6">
1001 '{{addr._replaces.street1}}',
1002 '{{addr._replaces.street2}}',
1004 '{{addr._replaces.city}}',
1005 '{{addr._replaces.state}}',
1006 '{{addr._replaces.post_code}}') %]
1007 Replaces: [_1] [_2] [_3] [_4], [_5] [_6]
1012 <!-- make sure we occupy the entire row -->
1013 <div class="col-md-6"> </div>
1016 <!-- ADDRESS_TYPE -->
1017 <div class="row reg-field-row" ng-show="show_field('aua.address_type')">
1018 [% draw_field_label('aua', 'address_type') %]
1019 [% draw_form_input('aua',
1020 'address_type', 'addresses[$index]', '', 'addr._linked_owner') %]
1021 <div class="col-md-6 patron-reg-example">
1022 [% draw_example_text('aua', 'address_type') %]
1028 <div class="row reg-field-row" ng-show="show_field('aua.post_code')">
1029 [% draw_field_label('aua', 'post_code') %]
1030 [% draw_form_input('aua',
1031 'post_code', 'addresses[$index]', '', 'addr._linked_owner') %]
1032 <div class="col-md-6 patron-reg-example">
1033 [% draw_example_text('aua', 'post_code') %]
1039 <div class="row reg-field-row" ng-show="show_field('aua.street1')">
1040 [% draw_field_label('aua', 'street1') %]
1041 [% draw_form_input('aua',
1042 'street1', 'addresses[$index]', '', 'addr._linked_owner') %]
1043 <div class="col-md-6 patron-reg-example">
1044 [% draw_example_text('aua', 'street1') %]
1050 <div class="row reg-field-row" ng-show="show_field('aua.street2')">
1051 [% draw_field_label('aua', 'street2') %]
1052 [% draw_form_input('aua',
1053 'street2', 'addresses[$index]', '', 'addr._linked_owner') %]
1054 <div class="col-md-6 patron-reg-example">
1055 [% draw_example_text('aua', 'street2') %]
1061 <div class="row reg-field-row" ng-show="show_field('aua.city')">
1062 [% draw_field_label('aua', 'city') %]
1063 [% draw_form_input('aua',
1064 'city', 'addresses[$index]', '', 'addr._linked_owner') %]
1065 <div class="col-md-6 patron-reg-example">
1066 [% draw_example_text('aua', 'city') %]
1072 <div class="row reg-field-row" ng-show="show_field('aua.county')">
1073 [% draw_field_label('aua', 'county') %]
1074 [% draw_form_input('aua',
1075 'county', 'addresses[$index]', '', 'addr._linked_owner') %]
1076 <div class="col-md-6 patron-reg-example">
1077 [% draw_example_text('aua', 'county') %]
1083 <div class="row reg-field-row" ng-show="show_field('aua.state')">
1084 [% draw_field_label('aua', 'state') %]
1085 [% draw_form_input('aua',
1086 'state', 'addresses[$index]', '', 'addr._linked_owner') %]
1087 <div class="col-md-6 patron-reg-example">
1088 [% draw_example_text('aua', 'state') %]
1094 <div class="row reg-field-row" ng-show="show_field('aua.country')">
1095 [% draw_field_label('aua', 'country') %]
1096 [% draw_form_input('aua',
1097 'country', 'addresses[$index]', '', 'addr._linked_owner') %]
1098 <div class="col-md-6 patron-reg-example">
1099 [% draw_example_text('aua', 'country') %]
1105 <div class="row reg-field-row" ng-show="show_field('aua.valid')">
1106 [% draw_field_label('aua', 'valid') %]
1107 <div class="col-md-3 reg-field-input">
1109 aria-labelledby="{{idl_fields.aua.valid.name}}"
1111 ng-change="field_modified()"
1112 ng-disabled='addr._linked_owner'
1113 ng-blur="handle_field_changed(patron.addresses[$index], 'valid')"
1114 ng-model="patron.addresses[$index].valid"/>
1116 <div class="col-md-6 patron-reg-example">
1117 [% draw_example_text('aua', 'valid') %]
1121 <!-- WITHIN_CITY_LIMITS -->
1123 <div class="row reg-field-row" ng-show="show_field('aua.within_city_limits')">
1124 [% draw_field_label('aua', 'within_city_limits') %]
1125 <div class="col-md-3 reg-field-input">
1128 aria-labelledby="{{idl_fields.aua.within_city_limits.name}}"
1129 ng-change="field_modified()"
1130 ng-disabled='addr._linked_owner'
1131 ng-blur="handle_field_changed(patron.addresses[$index], 'within_city_limits')"
1132 ng-model="patron.addresses[$index].within_city_limits"/>
1134 <div class="col-md-6 patron-reg-example">
1135 [% draw_example_text('aua', 'within_city_limits') %]
1139 <!-- pending address -->
1141 </div> <!-- addresses -->
1144 <button type="button" ng-click="new_address()"
1145 class="btn btn-success">[% l('New Address') %]</button>
1148 <div ng-if="!offline">
1149 <div class="alert alert-success row" role="alert"
1150 ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-if="stat_cats.length > 0">
1151 <div class="col-md-6">[% l('Statistical Categories') %]</div>
1154 <div class="row reg-field-row"
1155 ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-repeat="cat in stat_cats">
1156 <!-- Display this stat cat when displaying all stat cats
1157 or when this stat cat is required. Wrap the body of
1158 stat cat display in a div for easy show/hide. -->
1159 <div ng-if="show_field('stat_cats') || cat.required() == 1">
1161 <div class="col-md-3 reg-field-label">
1162 <label id="statcat{{cat.id()}}">{{cat.name()}}</label>
1164 <div class="col-md-3 reg-field-input">
1165 <div ng-if="cat.entries().length != 0">
1166 <div class="btn-group" uib-dropdown>
1167 <button type="button" class="btn btn-default"
1168 aria-labelledby="statcat{{cat.id()}}"
1169 ng-class="{'ng-invalid': cat.required() == 1 && !stat_cat_entry_maps[cat.id()] }"
1170 uib-dropdown-toggle>
1171 <span style="padding-right: 5px;">
1172 {{stat_cat_entry_maps[cat.id()]}}</span>
1173 <span class="caret"></span>
1175 <ul uib-dropdown-menu>
1176 <li ng-repeat="entry in cat.entries()">
1178 ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()">
1187 <!-- Stat cat retrieval API uses open-ils.storage under the covers
1188 which represents DB bools at 1/0 instead of cstore-style t/f -->
1189 <div class="col-md-3 reg-field-input"
1190 ng-show="show_field('stat_cats') || hasRequiredStatCat"
1191 ng-if="cat.allow_freetext() == '1'">
1193 aria-labelledby="statcat{{cat.id()}}"
1194 ng-model="stat_cat_entry_maps[cat.id()]"
1195 class="form-control" ng-required="cat.required() == 1"/>
1198 </div><!-- show/hide wrapper -->
1204 <div class="alert alert-success row" role="alert"
1205 ng-show="show_field('surveys')" ng-if="surveys.length > 0">
1206 <div class="col-md-6">[% l('Surveys') %]</div>
1209 <div class="row reg-field-row"
1210 ng-show="show_field('surveys')" ng-repeat="survey in surveys">
1211 <div class="col-md-3 reg-field-label">
1212 <label>{{survey.name()}}</label>
1214 <div class="col-md-6 reg-field-input">
1215 <div class="row" ng-repeat="question in survey.questions()"
1216 style="margin-bottom: 10px;">
1217 <div class="col-md-6">{{question.question()}}</div>
1218 <div class="col-md-6">
1219 <div class="btn-group" uib-dropdown>
1220 <button type="button" class="btn btn-default" uib-dropdown-toggle>
1221 <span style="padding-right: 5px;">
1222 {{survey_responses[question.id()].answer()}}
1224 <span class="caret"></span>
1226 <ul uib-dropdown-menu>
1227 <li ng-repeat="answer in question.answers()">
1229 ng-click="field_modified();survey_responses[question.id()] = answer">
1240 </div><!-- /form wrapper -->