1 [% DOC_IMG = '/images/question-mark.png' %]
3 <!-- register banner -->
4 <div ng-if="!patron_id" class='patron-reg-fixed-bar'>
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>
23 <div id="reg-alert-pane">
25 <div id="reg-dupe-links">
26 [%# dupe_search_encoded is uri escaped in the JS %]
27 <div class="alert alert-danger" ng-show="dupe_counts.name">
29 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
30 [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
33 <div class="alert alert-danger" ng-show="dupe_counts.email">
35 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
36 [% l('[_1] patron(s) with same email',
37 '{{dupe_counts.email}}') %]</a>
39 <div class="alert alert-danger" ng-show="dupe_counts.ident">
41 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
42 [% l('[_1] patron(s) with same identification',
43 '{{dupe_counts.ident}}') %]</a>
45 <div class="alert alert-danger" ng-show="dupe_counts.phone">
47 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
48 [% l('[_1] patron(s) with same phone',
49 '{{dupe_counts.phone}}') %]</a>
51 <div class="alert alert-danger" ng-show="dupe_counts.address">
53 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}" >
54 [% l('[_1] patron(s) with same address',
55 '{{dupe_counts.address}}') %]</a>
59 <!-- IDL field documentation window -->
60 <div class="alert alert-info" ng-show="selected_field_doc">
61 <fieldset id="reg-field-doc">
63 {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
65 <div>{{selected_field_doc.string()}}</div>
71 [% MACRO formfield(cls, field, path, input_type) BLOCK;
73 # input field generator for common text/number/checkbox fields
75 IF NOT input_type; input_type = 'text'; END %]
77 <div class="row reg-field-row"
78 ng-show="show_field('[% cls _ '.' _ field %]')">
80 <div class="col-md-3 reg-field-label"> <!-- field label -->
82 <label>{{idl_fields.[% cls %].[% field %].label}}</label>
84 <!-- field documentation img/link -->
85 <img ng-show="field_doc.[% cls %].[% field %]"
86 ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
87 src='[% DOC_IMG %]'></img>
90 <div class="col-md-3 reg-field-input"> <!-- field form input -->
92 [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
94 [% IF input_type == 'checkbox' %]
96 <div class='checkbox'>
97 <input type='checkbox' ng-model='[% model %]'/>
101 <!-- text / number input -->
103 [% IF field == 'alert_message' %]
104 <textarea ng-change="field_modified()"
105 class="form-control" ng-model="[% model %]"/>
106 [% ELSIF field == 'post_code' %]
107 <input type="text" ng-change="field_modified()"
108 ng-blur="post_code_changed(patron.[% path %])"
109 class="form-control" ng-model="[% model %]"/>
110 [% ELSIF field == 'barcode' %]
113 ng-change="field_modified()"
114 ng-disabled="disable_bc"
115 ng-blur="barcode_changed(patron.card.barcode)"
116 class="form-control" ng-model="[% model %]"/>
117 [% ELSIF field == 'usrname' %]
119 focus-me="focus_usrname"
120 ng-change="field_modified()"
121 ng-blur="usrname_changed(patron.usrname)"
122 class="form-control" ng-model="[% model %]"/>
123 [% ELSIF field == 'day_phone' %]
125 ng-blur="day_phone_changed(patron.day_phone)"
126 ng-change="field_modified()"
127 class="form-control" ng-model="[% model %]"/>
128 [% ELSIF field.match('phone') %]
130 ng-change="field_modified()"
131 ng-blur="dupe_value_changed('phone', patron.[% field %])"
132 class="form-control" ng-model="[% model %]"/>
133 [% ELSIF field.match('ident_value') %]
135 ng-change="field_modified()"
136 ng-blur="dupe_value_changed('ident', patron.[% field %])"
137 class="form-control" ng-model="[% model %]"/>
138 [% ELSIF field == 'first_given_name' OR field == 'family_name' %]
140 ng-change="field_modified()"
141 ng-blur="dupe_value_changed('name', patron.[% field %])"
142 class="form-control" ng-model="[% model %]"/>
143 [% ELSIF field == 'email' %]
144 <input type="[% input_type %]"
145 ng-change="field_modified()"
146 ng-blur="dupe_value_changed('email', patron.email)"
147 class="form-control" ng-model="[% model %]"/>
148 [% ELSIF field.match('street') OR field == 'city' %]
149 <!-- note: passing address object to dupe_value_changed -->
150 <input type="[% input_type %]"
151 ng-change="field_modified()"
152 ng-blur="dupe_value_changed('address', patron.[% path %])"
153 class="form-control" ng-model="[% model %]"/>
155 <input type="[% input_type %]"
156 ng-change="field_modified()"
157 class="form-control" ng-model="[% model %]"/>
163 <!-- supplemental actions and example text -->
164 <div class="col-md-6 patron-reg-example">
166 [% IF field == 'barcode' %]
168 <button class="btn btn-default" ng-show="!patron.isnew"
169 ng-click="replace_card()">[% l('Replace Barcode') %]</button>
170 <button class="btn btn-default"
171 ng-click="cards_dialog()">[% l('See All') %]</button>
173 [% ELSIF field == 'passwd' %]
175 <button class="btn btn-default" ng-click="generate_password()">
176 [% l('Generate Password') %]</button>
180 <!-- invalidate buttons -->
182 [% IF field.match('phone') OR field.match('email') %]
183 <button ng-show="patron.[% field %] && !patron.isnew"
184 class="btn btn-default"
185 ng-click="invalidate_field('[% field %]')">
186 [% l('Invalidate') %]
190 <!-- example strings -->
192 [% set_str = "org_settings['ui.patron.edit." _
193 cls _ "." _ field _ ".example']"; %]
195 <span ng-if="[% set_str %]">
196 [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
199 <!-- phones have a fall-through example strings -->
200 [% IF field.match('phone') %]
201 <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
202 [% l('Example: [_1]',
203 "{{org_settings['ui.patron.edit.phone.example']}}") %]
211 <!-- progress dialog displayed as we await all data to finish loading -->
212 <div class="row" ng-show="!page_data_loaded">
213 <div class="col-md-6 pad-vert">
214 <div class="progress progress-striped active">
215 <div class="progress-bar" role="progressbar" aria-valuenow="100"
216 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
217 <span class="sr-only">[% l('Loading...') %]</span>
223 <!-- this div wraps the entire form so we can hide it
224 until all needed data has been loaded -->
225 <div ng-show="page_data_loaded"><!-- form wrapper -->
227 [% formfield('ac', 'barcode', 'card') %]
228 [% formfield('au', 'usrname') %]
229 [% formfield('au', 'passwd') %]
230 [% formfield('au', 'prefix') %]
231 [% formfield('au', 'first_given_name') %]
232 [% formfield('au', 'second_given_name') %]
233 [% formfield('au', 'family_name') %]
234 [% formfield('au', 'suffix') %]
235 [% formfield('au', 'alias') %]
237 <div class="row reg-field-row" ng-show="show_field('au.dob')">
238 <div class="col-md-3 reg-field-label">
239 <label>{{idl_fields.au.dob.label}}</label>
240 <img ng-show="field_doc.au.dob"
241 ng-click="selected_field_doc=field_doc.au.dob"
242 src='[% DOC_IMG %]'></img>
244 <div class="col-md-3 reg-field-input">
246 ng-change="field_modified()"
247 class="form-control" ng-model="patron.dob"/>
251 [% formfield('au', 'juvenile', '', 'checkbox') %]
255 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
256 <div class="col-md-3 reg-field-label">
257 <label>{{idl_fields.au.ident_type.label}}</label>
258 <img ng-show="field_doc.au.ident_type"
259 ng-click="selected_field_doc=field_doc.au.ident_type"
260 src='[% DOC_IMG %]'></img>
262 <div class="col-md-3 reg-field-input">
263 <div class="btn-group" dropdown>
264 <button type="button" class="btn btn-default dropdown-toggle">
265 <span style="padding-right: 5px;">
266 {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
268 <span class="caret"></span>
270 <ul class="dropdown-menu">
271 <li ng-repeat="type in ident_types">
272 <a href ng-click="patron.ident_type = type; field_modified()">
282 [% formfield('au', 'ident_value') %]
283 [% formfield('au', 'ident_value2') %]
284 [% formfield('au', 'email', '', 'email') %]
285 [% formfield('au', 'day_phone') %]
286 [% formfield('au', 'evening_phone') %]
287 [% formfield('au', 'other_phone') %]
289 <!-- home org unit selector -->
291 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
292 <div class="col-md-3 reg-field-label">
293 <label>{{idl_fields.au.home_ou.label}}</label>
294 <img ng-show="field_doc.au.home_ou"
295 ng-click="selected_field_doc=field_doc.au.home_ou"
296 src='[% DOC_IMG %]'></img>
298 <div class="col-md-3 reg-field-input">
299 <eg-org-selector selected="patron.home_ou" onchange="field_modified">
304 <!-- profile selector -->
306 <div class="row reg-field-row" ng-show="show_field('au.profile')">
307 <div class="col-md-3 reg-field-label">
308 <label>{{idl_fields.au.profile.label}}</label>
309 <img ng-show="field_doc.au.profile"
310 ng-click="selected_field_doc=field_doc.au.profile"
311 src='[% DOC_IMG %]'></img>
313 <div class="col-md-3 reg-field-input">
314 <div class="btn-group" dropdown>
315 <button type="button" class="btn btn-default dropdown-toggle">
316 <span style="padding-right: 5px;">
317 {{patron.profile.name() || "[% l('Profile Group') %]"}}
319 <span class="caret"></span>
321 <ul class="dropdown-menu">
322 <li ng-repeat="grp in edit_profiles">
324 style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
325 ng-click="set_profile(grp)">{{grp.name()}}</a>
330 <div class="col-md-3">
331 <button class="btn btn-default" ng-disabled="!has_group_link_perm"
332 ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
336 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
337 <div class="col-md-3 reg-field-label">
338 <label>{{idl_fields.au.expire_date.label}}</label>
339 <img ng-show="field_doc.au.expire_date"
340 ng-click="selected_field_doc=field_doc.au.expire_date"
341 src='[% DOC_IMG %]'></img>
343 <div class="col-md-3 reg-field-input">
345 ng-change="field_modified()"
346 class="form-control" ng-model="patron.expire_date"/>
348 <div class="col-md-3">
349 <button class="btn btn-default" ng-click="set_expire_date()">
350 [% l('Update Expire Date') %]</button>
354 <!-- net_access_level -->
356 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
357 <div class="col-md-3 reg-field-label">
358 <label>{{idl_fields.au.net_access_level.label}}</label>
359 <img ng-show="field_doc.au.net_access_level"
360 ng-click="selected_field_doc=field_doc.au.net_access_level"
361 src='[% DOC_IMG %]'></img>
363 <div class="col-md-3 reg-field-input">
364 <div class="btn-group" dropdown>
365 <button type="button" class="btn btn-default dropdown-toggle">
366 <span style="padding-right: 5px;">
367 {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
369 <span class="caret"></span>
371 <ul class="dropdown-menu">
372 <li ng-repeat="level in net_access_levels">
374 ng-click="patron.net_access_level = level">{{level.name()}}</a>
381 [% formfield('au', 'active', '', 'checkbox') %]
382 [% formfield('au', 'barred', '', 'checkbox') %]
383 [% formfield('au', 'master_account', '', 'checkbox') %]
384 [% formfield('au', 'claims_returned_count', '', 'number') %]
385 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
386 [% formfield('au', 'alert_message') %]
388 <div class="alert alert-success row" role="alert">
389 <div class="col-md-6">[% l('User Settings') %]</div>
392 <div class="row reg-field-row">
393 <div class="col-md-3 reg-field-label">
394 <label>{{user_setting_types['opac.default_phone'].label()}}</label>
396 <div class="col-md-3 reg-field-input">
398 ng-change="field_modified()"
399 type='text' ng-model="user_settings['opac.default_phone']"/>
403 <div class="row reg-field-row">
404 <div class="col-md-3 reg-field-label">
405 <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
407 <div class="col-md-3 reg-field-input">
409 xonchange="field_modified"
410 selected="patron.home_ou"></eg-org-selector>
414 <div class="row reg-field-row">
415 <div class="col-md-3 reg-field-label">
416 <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
418 <div class="col-md-3 reg-field-input">
419 <div class='checkbox'>
421 ng-change="field_modified()"
422 type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
427 <div class="row reg-field-row">
428 <div class="col-md-3 reg-field-label">
429 <label>[% l('Holds Notices') %]</label>
431 <div class="col-md-3 reg-field-input flex-row">
432 <div class='flex-cell'>
434 ng-change="field_modified()"
435 type='checkbox' ng-model="hold_notify_phone"/>
438 <div class='flex-cell'>
440 ng-change="field_modified()"
441 type='checkbox' ng-model="hold_notify_email"/>
444 <div class='flex-cell' ng-if="org_settings['sms.enable']">
446 ng-change="field_modified()"
447 type='checkbox' ng-model="hold_notify_sms"/>
453 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
454 <div class="col-md-3 reg-field-label">
455 <label>[% l('Default SMS/Text Number') %]</label>
457 <div class="col-md-3 reg-field-input">
459 ng-change="field_modified()"
464 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
465 <div class="col-md-3 reg-field-label">
466 <label>[% l('Default SMS Carrier') %]</label>
468 <div class="col-md-3 reg-field-input">
469 <div class="btn-group" dropdown>
470 <button type="button" class="btn btn-default dropdown-toggle">
471 <span style="padding-right: 5px;"></span>
472 <span class="caret"></span>
474 <ul class="dropdown-menu">
475 <li ng-repeat="carrier in sms_carriers">
477 ng-click="field_modified();user_settings['opac.default_sms_carrier'] = carrier">
486 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
487 <div class="col-md-3 reg-field-label">
488 <label>{{type.label()}}</label>
490 <div class="col-md-3 reg-field-input">
492 ng-change="field_modified()"
493 type='checkbox' ng-model="user_settings[type.name()]"/>
499 <div ng-repeat="addr in patron.addresses">
500 <div class="alert alert-success row" role="alert">
501 <div class="col-md-3">[% l('Address') %]</div>
502 <div class="col-md-3">
503 <span class='pad-all-min'>
504 [% l('Mailing') %] <input type='checkbox'
505 ng-change="field_modified();set_addr_type(addr, 'mailing')"
506 ng-model="addr._is_mailing"/>
508 <span class='pad-all-min'>
509 [% l('Physical') %] <input type='checkbox'
510 ng-change="field_modified();set_addr_type(addr, 'billing')"
511 ng-model="addr._is_billing"/>
513 <span class='pad-all-min'>
514 <button type="button"
515 ng-click="field_modified();delete_address(addr.id)"
516 class="btn btn-danger">[% l('X') %]</button>
521 [% formfield('aua', 'address_type', 'addresses[$index]') %]
522 [% formfield('aua', 'post_code', 'addresses[$index]') %]
523 [% formfield('aua', 'street1', 'addresses[$index]') %]
524 [% formfield('aua', 'street2', 'addresses[$index]') %]
525 [% formfield('aua', 'city', 'addresses[$index]') %]
526 [% formfield('aua', 'county', 'addresses[$index]') %]
527 [% formfield('aua', 'state', 'addresses[$index]') %]
528 [% formfield('aua', 'country', 'addresses[$index]') %]
529 [% formfield('aua', 'valid', 'addresses[$index]', 'checkbox') %]
530 [% formfield('aua', 'within_city_limits', 'addresses[$index]', 'checkbox') %]
532 <div class="row" ng-if="$last">
533 <button type="button" ng-click="new_address()"
534 class="btn btn-success">[% l('New Address') %]</button>
537 <!-- pending address -->
539 </div> <!-- addresses -->
541 <div class="alert alert-success row" role="alert"
542 ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
543 <div class="col-md-6">[% l('Statistical Categories') %]</div>
546 <div class="row reg-field-row"
547 ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
548 <div class="col-md-3 reg-field-label">
549 <label>{{cat.name()}}</label>
551 <div class="col-md-3 reg-field-input">
552 <div ng-if="cat.entries().length == 0">
554 ng-change="field_modified()"
555 type="text" class="form-control"/>
557 <div ng-if="cat.entries().length != 0">
558 <div class="btn-group" dropdown>
559 <button type="button" class="btn btn-default dropdown-toggle">
560 <span style="padding-right: 5px;">
561 {{stat_cat_entry_maps[cat.id()].value()}}</span>
562 <span class="caret"></span>
564 <ul class="dropdown-menu">
565 <li ng-repeat="entry in cat.entries()">
567 ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry">
579 <div class="alert alert-success row" role="alert"
580 ng-show="show_field('surveys')" ng-if="surveys.length > 0">
581 <div class="col-md-6">[% l('Surveys') %]</div>
584 <div class="row reg-field-row"
585 ng-show="show_field('surveys')" ng-repeat="survey in surveys">
586 <div class="col-md-3 reg-field-label">
587 <label>{{survey.name()}}</label>
589 <div class="col-md-6 reg-field-input">
590 <div class="row" ng-repeat="question in survey.questions()"
591 style="margin-bottom: 10px;">
592 <div class="col-md-6">{{question.question()}}</div>
593 <div class="col-md-6">
594 <div class="btn-group" dropdown>
595 <button type="button" class="btn btn-default dropdown-toggle">
596 <span style="padding-right: 5px;">
597 {{survey_responses[question.id()].answer()}}
599 <span class="caret"></span>
601 <ul class="dropdown-menu">
602 <li ng-repeat="answer in question.answers()">
604 ng-click="field_modified();survey_responses[question.id()] = answer">
615 </div><!-- /form wrapper -->