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>
22 <!-- IDL field documentation window -->
23 <fieldset id="reg-field-doc" ng-show="selected_field_doc">
25 {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
27 <div>{{selected_field_doc.string()}}</div>
30 [% MACRO formfield(cls, field, path, input_type) BLOCK;
32 # input field generator for common text/number/checkbox fields
34 IF NOT input_type; input_type = 'text'; END %]
36 <div class="row reg-field-row"
37 ng-show="show_field('[% cls _ '.' _ field %]')">
39 <div class="col-md-3 reg-field-label"> <!-- field label -->
41 <label>{{idl_fields.[% cls %].[% field %].label}}</label>
43 <!-- field documentation img/link -->
44 <img ng-show="field_doc.[% cls %].[% field %]"
45 ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
46 src='[% DOC_IMG %]'></img>
49 <div class="col-md-3 reg-field-input"> <!-- field form input -->
51 [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
53 [% IF input_type == 'checkbox' %]
55 <div class='checkbox'>
56 <input type='checkbox' ng-model='[% model %]'/>
60 <!-- text / number input -->
62 [% IF field == 'alert_message' %]
63 <textarea class="form-control" ng-model="[% model %]"/>
64 [% ELSIF field == 'post_code' %]
65 <input type="text" ng-blur="post_code_changed(patron.[% path %])"
66 class="form-control" ng-model="[% model %]"/>
67 [% ELSIF field == 'barcode' %]
70 ng-disabled="disable_bc"
71 ng-blur="barcode_changed(patron.card.barcode)"
72 class="form-control" ng-model="[% model %]"/>
73 [% ELSIF field == 'usrname' %]
75 focus-me="focus_usrname"
76 ng-blur="usrname_changed(patron.usrname)"
77 class="form-control" ng-model="[% model %]"/>
78 [% ELSIF field == 'day_phone' %]
80 ng-blur="day_phone_changed(patron.day_phone)"
81 class="form-control" ng-model="[% model %]"/>
82 [% ELSIF field.match('phone') %]
84 ng-blur="dupe_value_changed('phone', patron.[% field %])"
85 class="form-control" ng-model="[% model %]"/>
86 [% ELSIF field.match('ident_value') %]
88 ng-blur="dupe_value_changed('ident', patron.[% field %])"
89 class="form-control" ng-model="[% model %]"/>
90 [% ELSIF field == 'first_given_name' OR field == 'family_name' %]
92 ng-blur="dupe_value_changed('name', patron.[% field %])"
93 class="form-control" ng-model="[% model %]"/>
94 [% ELSIF field == 'email' %]
95 <input type="[% input_type %]"
96 ng-blur="dupe_value_changed('email', patron.email)"
97 class="form-control" ng-model="[% model %]"/>
98 [% ELSIF field.match('street') OR field == 'city' %]
99 <!-- note: passing address object to dupe_value_changed -->
100 <input type="[% input_type %]"
101 ng-blur="dupe_value_changed('address', patron.[% path %])"
102 class="form-control" ng-model="[% model %]"/>
104 <input type="[% input_type %]"
105 class="form-control" ng-model="[% model %]"/>
111 <!-- supplemental actions and example text -->
112 <div class="col-md-6 patron-reg-example">
114 [% IF field == 'barcode' %]
116 <button class="btn btn-default" ng-show="!patron.isnew"
117 ng-click="replace_card()">[% l('Replace Barcode') %]</button>
118 <button class="btn btn-default"
119 ng-click="cards_dialog()">[% l('See All') %]</button>
121 [% ELSIF field == 'passwd' %]
123 <button class="btn btn-default" ng-click="generate_password()">
124 [% l('Generate Password') %]</button>
128 <!-- invalidate buttons -->
130 [% IF field.match('phone') OR field.match('email') %]
131 <button ng-show="patron.[% field %] && !patron.isnew"
132 class="btn btn-default"
133 ng-click="invalidate_field('[% field %]')">
134 [% l('Invalidate') %]
138 <!-- example strings -->
140 [% set_str = "org_settings['ui.patron.edit." _
141 cls _ "." _ field _ ".example']"; %]
143 <span ng-if="[% set_str %]">
144 [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
147 <!-- phones have a fall-through example strings -->
148 [% IF field.match('phone') %]
149 <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
150 [% l('Example: [_1]',
151 "{{org_settings['ui.patron.edit.phone.example']}}") %]
159 <!-- progress dialog displayed as we await all data to finish loading -->
160 <div class="row" ng-show="!page_data_loaded">
161 <div class="col-md-6 pad-vert">
162 <div class="progress progress-striped active">
163 <div class="progress-bar" role="progressbar" aria-valuenow="100"
164 aria-valuemin="0" aria-valuemax="100" style="width: 100%">
165 <span class="sr-only">[% l('Loading...') %]</span>
171 <!-- this div wraps the entire form so we can hide it
172 until all needed data has been loaded -->
173 <div ng-show="page_data_loaded"><!-- form wrapper -->
175 [% formfield('ac', 'barcode', 'card') %]
176 [% formfield('au', 'usrname') %]
177 [% formfield('au', 'passwd') %]
178 [% formfield('au', 'prefix') %]
179 [% formfield('au', 'first_given_name') %]
180 [% formfield('au', 'second_given_name') %]
181 [% formfield('au', 'family_name') %]
182 [% formfield('au', 'suffix') %]
183 [% formfield('au', 'alias') %]
185 <div class="row reg-field-row" ng-show="show_field('au.dob')">
186 <div class="col-md-3 reg-field-label">
187 <label>{{idl_fields.au.dob.label}}</label>
188 <img ng-show="field_doc.au.dob"
189 ng-click="selected_field_doc=field_doc.au.dob"
190 src='[% DOC_IMG %]'></img>
192 <div class="col-md-3 reg-field-input">
194 class="form-control" ng-model="patron.dob"/>
198 [% formfield('au', 'juvenile', '', 'checkbox') %]
202 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
203 <div class="col-md-3 reg-field-label">
204 <label>{{idl_fields.au.ident_type.label}}</label>
205 <img ng-show="field_doc.au.ident_type"
206 ng-click="selected_field_doc=field_doc.au.ident_type"
207 src='[% DOC_IMG %]'></img>
209 <div class="col-md-3 reg-field-input">
210 <div class="btn-group" dropdown>
211 <button type="button" class="btn btn-default dropdown-toggle">
212 <span style="padding-right: 5px;">
213 {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
215 <span class="caret"></span>
217 <ul class="dropdown-menu">
218 <li ng-repeat="type in ident_types">
219 <a href ng-click="patron.ident_type = type">{{type.name()}}</a>
227 [% formfield('au', 'ident_value') %]
228 [% formfield('au', 'ident_value2') %]
229 [% formfield('au', 'email', '', 'email') %]
230 [% formfield('au', 'day_phone') %]
231 [% formfield('au', 'evening_phone') %]
232 [% formfield('au', 'other_phone') %]
234 <!-- home org unit selector -->
236 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
237 <div class="col-md-3 reg-field-label">
238 <label>{{idl_fields.au.home_ou.label}}</label>
239 <img ng-show="field_doc.au.home_ou"
240 ng-click="selected_field_doc=field_doc.au.home_ou"
241 src='[% DOC_IMG %]'></img>
243 <div class="col-md-3 reg-field-input">
244 <eg-org-selector selected="patron.home_ou" onchange="">
249 <!-- profile selector -->
251 <div class="row reg-field-row" ng-show="show_field('au.profile')">
252 <div class="col-md-3 reg-field-label">
253 <label>{{idl_fields.au.profile.label}}</label>
254 <img ng-show="field_doc.au.profile"
255 ng-click="selected_field_doc=field_doc.au.profile"
256 src='[% DOC_IMG %]'></img>
258 <div class="col-md-3 reg-field-input">
259 <div class="btn-group" dropdown>
260 <button type="button" class="btn btn-default dropdown-toggle">
261 <span style="padding-right: 5px;">
262 {{patron.profile.name() || "[% l('Profile Group') %]"}}
264 <span class="caret"></span>
266 <ul class="dropdown-menu">
267 <li ng-repeat="grp in edit_profiles">
269 style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
270 ng-click="set_profile(grp)">{{grp.name()}}</a>
275 <div class="col-md-3">
276 <button class="btn btn-default" ng-disabled="!has_group_link_perm"
277 ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
281 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
282 <div class="col-md-3 reg-field-label">
283 <label>{{idl_fields.au.expire_date.label}}</label>
284 <img ng-show="field_doc.au.expire_date"
285 ng-click="selected_field_doc=field_doc.au.expire_date"
286 src='[% DOC_IMG %]'></img>
288 <div class="col-md-3 reg-field-input">
290 class="form-control" ng-model="patron.expire_date"/>
292 <div class="col-md-3">
293 <button class="btn btn-default" ng-click="set_expire_date()">
294 [% l('Update Expire Date') %]</button>
298 <!-- net_access_level -->
300 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
301 <div class="col-md-3 reg-field-label">
302 <label>{{idl_fields.au.net_access_level.label}}</label>
303 <img ng-show="field_doc.au.net_access_level"
304 ng-click="selected_field_doc=field_doc.au.net_access_level"
305 src='[% DOC_IMG %]'></img>
307 <div class="col-md-3 reg-field-input">
308 <div class="btn-group" dropdown>
309 <button type="button" class="btn btn-default dropdown-toggle">
310 <span style="padding-right: 5px;">
311 {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
313 <span class="caret"></span>
315 <ul class="dropdown-menu">
316 <li ng-repeat="level in net_access_levels">
318 ng-click="patron.net_access_level = level">{{level.name()}}</a>
325 [% formfield('au', 'active', '', 'checkbox') %]
326 [% formfield('au', 'barred', '', 'checkbox') %]
327 [% formfield('au', 'master_account', '', 'checkbox') %]
328 [% formfield('au', 'claims_returned_count', '', 'number') %]
329 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
330 [% formfield('au', 'alert_message') %]
332 <div class="alert alert-success row" role="alert">
333 <div class="col-md-6">[% l('User Settings') %]</div>
336 <div class="row reg-field-row">
337 <div class="col-md-3 reg-field-label">
338 <label>{{user_setting_types['opac.default_phone'].label()}}</label>
340 <div class="col-md-3 reg-field-input">
341 <input type='text' ng-model="user_settings['opac.default_phone']"/>
345 <div class="row reg-field-row">
346 <div class="col-md-3 reg-field-label">
347 <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
349 <div class="col-md-3 reg-field-input">
350 <eg-org-selector selected="patron.home_ou" onchange=""></eg-org-selector>
354 <div class="row reg-field-row">
355 <div class="col-md-3 reg-field-label">
356 <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
358 <div class="col-md-3 reg-field-input">
359 <div class='checkbox'>
360 <input type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
365 <div class="row reg-field-row">
366 <div class="col-md-3 reg-field-label">
367 <label>[% l('Holds Notices') %]</label>
369 <div class="col-md-3 reg-field-input flex-row">
370 <div class='flex-cell'>
371 <input type='checkbox' ng-model="hold_notify_phone"/>
374 <div class='flex-cell'>
375 <input type='checkbox' ng-model="hold_notify_email"/>
378 <div class='flex-cell' ng-if="org_settings['sms.enable']">
379 <input type='checkbox' ng-model="hold_notify_sms"/>
385 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
386 <div class="col-md-3 reg-field-label">
387 <label>[% l('Default SMS/Text Number') %]</label>
389 <div class="col-md-3 reg-field-input">
394 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
395 <div class="col-md-3 reg-field-label">
396 <label>[% l('Default SMS Carrier') %]</label>
398 <div class="col-md-3 reg-field-input">
399 <div class="btn-group" dropdown>
400 <button type="button" class="btn btn-default dropdown-toggle">
401 <span style="padding-right: 5px;"></span>
402 <span class="caret"></span>
404 <ul class="dropdown-menu">
405 <li ng-repeat="carrier in sms_carriers">
407 ng-click="user_settings['opac.default_sms_carrier'] = carrier">
416 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
417 <div class="col-md-3 reg-field-label">
418 <label>{{type.label()}}</label>
420 <div class="col-md-3 reg-field-input">
421 <input type='checkbox' ng-model="user_settings[type.name()]"/>
427 <div ng-repeat="addr in patron.addresses">
428 <div class="alert alert-success row" role="alert">
429 <div class="col-md-3">[% l('Address') %]</div>
430 <div class="col-md-3">
431 <span class='pad-all-min'>
432 [% l('Mailing') %] <input type='checkbox'
433 ng-change="set_addr_type(addr, 'mailing')"
434 ng-model="addr._is_mailing"/>
436 <span class='pad-all-min'>
437 [% l('Physical') %] <input type='checkbox'
438 ng-change="set_addr_type(addr, 'billing')"
439 ng-model="addr._is_billing"/>
441 <span class='pad-all-min'>
442 <button type="button" ng-click="delete_address(addr.id)"
443 class="btn btn-danger">[% l('X') %]</button>
448 [% formfield('aua', 'address_type', 'addresses[$index]') %]
449 [% formfield('aua', 'post_code', 'addresses[$index]') %]
450 [% formfield('aua', 'street1', 'addresses[$index]') %]
451 [% formfield('aua', 'street2', 'addresses[$index]') %]
452 [% formfield('aua', 'city', 'addresses[$index]') %]
453 [% formfield('aua', 'county', 'addresses[$index]') %]
454 [% formfield('aua', 'state', 'addresses[$index]') %]
455 [% formfield('aua', 'country', 'addresses[$index]') %]
456 [% formfield('aua', 'valid', 'addresses[$index]', 'checkbox') %]
457 [% formfield('aua', 'within_city_limits', 'addresses[$index]', 'checkbox') %]
459 <div class="row" ng-if="$last">
460 <button type="button" ng-click="new_address()"
461 class="btn btn-success">[% l('New Address') %]</button>
464 <!-- pending address -->
466 </div> <!-- addresses -->
468 <div class="alert alert-success row" role="alert"
469 ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
470 <div class="col-md-6">[% l('Statistical Categories') %]</div>
473 <div class="row reg-field-row"
474 ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
475 <div class="col-md-3 reg-field-label">
476 <label>{{cat.name()}}</label>
478 <div class="col-md-3 reg-field-input">
479 <div ng-if="cat.entries().length == 0">
480 <input type="text" class="form-control"/>
482 <div ng-if="cat.entries().length != 0">
483 <div class="btn-group" dropdown>
484 <button type="button" class="btn btn-default dropdown-toggle">
485 <span style="padding-right: 5px;">
486 {{stat_cat_entry_maps[cat.id()].value()}}</span>
487 <span class="caret"></span>
489 <ul class="dropdown-menu">
490 <li ng-repeat="entry in cat.entries()">
491 <a href ng-click="stat_cat_entry_maps[cat.id()]=entry">
503 <div class="alert alert-success row" role="alert"
504 ng-show="show_field('surveys')" ng-if="surveys.length > 0">
505 <div class="col-md-6">[% l('Surveys') %]</div>
508 <div class="row reg-field-row"
509 ng-show="show_field('surveys')" ng-repeat="survey in surveys">
510 <div class="col-md-3 reg-field-label">
511 <label>{{survey.name()}}</label>
513 <div class="col-md-6 reg-field-input">
514 <div class="row" ng-repeat="question in survey.questions()"
515 style="margin-bottom: 10px;">
516 <div class="col-md-6">{{question.question()}}</div>
517 <div class="col-md-6">
518 <div class="btn-group" dropdown>
519 <button type="button" class="btn btn-default dropdown-toggle">
520 <span style="padding-right: 5px;">
521 {{survey_responses[question.id()].answer()}}
523 <span class="caret"></span>
525 <ul class="dropdown-menu">
526 <li ng-repeat="answer in question.answers()">
527 <a href ng-click="survey_responses[question.id()] = answer">
538 </div><!-- /form wrapper -->