]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/staff/circ/patron/t_edit.tt2
lp1908440 editing the photo url in the staff client
[Evergreen.git] / Open-ILS / src / templates / staff / circ / patron / t_edit.tt2
1 [% DOC_IMG = '/images/question-mark.png' %]
2
3 <!-- register banner -->
4 <div ng-if="!patron_id" ng-class='{"patron-reg-fixed-bar":!offline}'>
5
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>
9     </div>
10   </div>
11
12   <div class="flex-row" class='patron-reg-actions-bar'>
13     [% INCLUDE 'staff/circ/patron/reg_actions.tt2' %]
14   </div>
15 </div>
16
17
18 <!-- edit banner -->
19 <div ng-if="patron_id"
20     class="strong-text-2">[% l('Patron Edit') %]</div>
21
22 <div id="reg-alert-pane">
23
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">
27       <a target="_blank"
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}}') %]
30       </a>
31     </div>
32     <div class="alert alert-danger" ng-show="dupe_counts.email">
33       <a target="_blank"
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>
37     </div>
38     <div class="alert alert-danger" ng-show="dupe_counts.ident">
39       <a target="_blank" 
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>
43     </div>
44     <div class="alert alert-danger" ng-show="dupe_counts.day_phone">
45       <a target="_blank" 
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>
49     </div>
50     <div class="alert alert-danger" ng-show="dupe_counts.evening_phone">
51       <a target="_blank" 
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>
55     </div>
56     <div class="alert alert-danger" ng-show="dupe_counts.other_phone">
57       <a target="_blank" 
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>
61     </div>
62     <div class="alert alert-danger" ng-show="dupe_counts.address">
63       <a target="_blank" 
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>
67     </div>
68   </div>
69
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()}}
74       </div>
75   </div>
76
77   <!-- IDL field documentation window -->
78   <div class="alert alert-info" ng-show="selected_field_doc">
79     <fieldset id="reg-field-doc">
80       <legend>
81       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
82       </legend>
83       <div>{{selected_field_doc.string()}}</div>
84     </fieldset>
85   </div>
86
87   <div class="alert alert-info" ng-show="stage_user_requestor">
88     <a target="_blank" 
89       href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
90       [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
91     </a>
92   </div>
93 </div>
94
95 [%
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>{{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>
106   </div>
107 [% END %]
108
109
110 [% 
111 # draws a vanilla form input field for inputs that require no 
112 # special additions.
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;
117 %]
118   <div class="col-md-3 reg-field-input">
119     <input 
120       [% IF type == "email" %]type="text" ng-required="hold_notify_type.email"
121       [% ELSE %]type="[% type %]"
122       [% END %]
123       class="form-control" 
124       name="[% model %]"
125       ng-change="field_modified()" 
126       ng-required="field_required('[% cls %]', '[% field %]')"
127       ng-blur="handle_field_changed([% base_obj %], '[% field %]')"
128       ng-pattern="field_pattern('[% cls %]', '[% field %]')"
129       [% IF disable %]ng-disabled="[% disable %]"[% END %]
130       ng-model="[% model %]"/>
131   </div>
132 [% END %]
133
134 [% MACRO draw_example_text(cls, field) BLOCK;
135   set_str = "org_settings['ui.patron.edit." _ cls _ "." _ field _ ".example']";
136 %]
137   <span ng-if="[% set_str %]">
138     [% l('Example: [_1]', '{{' _ set_str _ '}}') %]
139   </span>
140 [% END %]
141
142 <!-- progress dialog displayed as we await all data to finish loading -->
143 <div class="row" ng-show="!page_data_loaded">
144   <div class="col-md-6 pad-vert">
145     <div class="progress progress-striped active">
146         <div class="progress-bar"  role="progressbar" aria-valuenow="100" 
147               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
148             <span class="sr-only">[% l('Loading...') %]</span>
149         </div>
150     </div>
151   </div>
152 </div>
153
154 <!--  
155 MAIN FORM
156 This div wraps the entire form so we can hide it until all needed data
157 has been loaded.  Setting ng-form and a name lets us refer to fields
158 within the "form" by name for validation.
159 -->
160 <div ng-form id="patron-reg-container" 
161   name="reg_form" ng-show="page_data_loaded">
162
163 <!-- BARCODE -->
164
165 <div class="row reg-field-row" ng-show="show_field('ac.barcode')">
166   [% draw_field_label('ac', 'barcode') %]
167   <div class="col-md-3 reg-field-input"> <!-- field form input -->
168       <input type="text" 
169         name="barcode"
170         ng-model="patron.card.barcode"
171         ng-pattern="field_pattern('ac', 'barcode')"
172         ng-required="field_required('ac', 'barcode')"
173         focus-me="focus_bc"
174         ng-change="field_modified()" 
175         ng-disabled="disable_bc"
176         class="form-control" 
177         ng-blur="handle_field_changed(patron.card, 'barcode')"/>
178   </div>
179   <div class="col-md-6 patron-reg-example">
180       <button class="btn btn-default" ng-show="!patron.isnew"
181         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
182       <button class="btn btn-default" ng-if="!patron.isnew" 
183         ng-click="cards_dialog()">[% l('See All') %]</button>
184       <div ng-show="dupe_barcode" class="patron-reg-validation-alert">
185         <span>[% l('Barcode is already in use') %]</span>
186       </div>
187   </div>
188 </div>
189
190 <!-- USRNAME -->
191
192 <div class="row reg-field-row" ng-show="show_field('au.usrname')">
193   [% draw_field_label('au', 'usrname') %]
194   <div class="col-md-3 reg-field-input">
195     <input type="text" 
196       name='usrname'
197       ng-required="field_required('au', 'usrname')"
198       focus-me="focus_usrname"
199       ng-change="field_modified()" 
200       ng-pattern="field_pattern('au', 'usrname')"
201       ng-blur="handle_field_changed(patron, 'usrname')"
202       class="form-control" 
203       ng-model="patron.usrname"/>
204   </div>
205   <div class="col-md-6 patron-reg-example">
206     <div ng-show="dupe_username" class="patron-reg-validation-alert">
207       <span>[% l('Username is already in use') %]</span>
208     </div>
209   </div>
210 </div>
211
212 <!-- PASSWD -->
213
214 <div class="row reg-field-row" ng-show="show_field('au.passwd')">
215   [% draw_field_label('au', 'passwd') %]
216   [% draw_form_input('au', 'passwd'); %]
217   <div class="col-md-6 patron-reg-example">
218     <button class="btn btn-default" ng-click="generate_password()">
219       [% l('Generate Password') %]</button>
220   </div>
221 </div>
222
223 <div class="row reg-field-row">
224   <div class="col-md-6">
225     <ul class="nav nav-pills nav-pills-like-tabs">
226       <li ng-class="{active : name_tab == 'primary'}">
227         <a ng-click="name_tab='primary'" href="#">[% l('Primary Name') %]</a>
228       </li>
229       <li ng-class="{active : name_tab == 'preferred'}">
230         <a ng-click="name_tab='preferred'" href="#">[% l('Preferred Name') %]</a>
231       </li>
232     </ul>
233   </div>
234 </div>
235
236 <div ng-show="name_tab == 'primary'">
237
238   <!-- PREFIX -->
239
240   <div class="row reg-field-row" ng-show="show_field('au.prefix')">
241     [% draw_field_label('au', 'prefix') %]
242     [% draw_form_input('au', 'prefix'); %]
243     <div class="col-md-6 patron-reg-example">
244       [% draw_example_text('au', 'prefix') %]
245     </div>
246   </div>
247
248   <!-- FIRST_GIVEN_NAME -->
249
250   <div class="row reg-field-row" ng-show="show_field('au.first_given_name')">
251     [% draw_field_label('au', 'first_given_name') %]
252     [% draw_form_input('au', 'first_given_name'); %]
253     <div class="col-md-6 patron-reg-example">
254       [% draw_example_text('au', 'first_given_name') %]
255     </div>
256   </div>
257
258   <!-- SECOND_GIVEN_NAME -->
259
260   <div class="row reg-field-row" ng-show="show_field('au.second_given_name')">
261     [% draw_field_label('au', 'second_given_name') %]
262     [% draw_form_input('au', 'second_given_name'); %]
263     <div class="col-md-6 patron-reg-example">
264       [% draw_example_text('au', 'second_given_name') %]
265     </div>
266   </div>
267
268   <!-- FAMILY_NAME -->
269
270   <div class="row reg-field-row" ng-show="show_field('au.family_name')">
271     [% draw_field_label('au', 'family_name') %]
272     [% draw_form_input('au', 'family_name'); %]
273     <div class="col-md-6 patron-reg-example">
274       [% draw_example_text('au', 'family_name') %]
275     </div>
276   </div>
277
278   <!-- SUFFIX -->
279
280   <div class="row reg-field-row" ng-show="show_field('au.suffix')">
281     [% draw_field_label('au', 'suffix') %]
282     [% draw_form_input('au', 'suffix'); %]
283     <div class="col-md-6 patron-reg-example">
284       [% draw_example_text('au', 'suffix') %]
285     </div>
286   </div>
287 </div> <!-- ng-show == primary -->
288
289 <div ng-show="name_tab == 'preferred'" class="patron-reg-pref-names">
290
291   <!-- PREFIX -->
292
293   <div class="row reg-field-row" ng-show="show_field('au.pref_prefix')">
294     [% draw_field_label('au', 'pref_prefix') %]
295     [% draw_form_input('au', 'pref_prefix'); %]
296     <div class="col-md-6 patron-reg-example">
297       [% draw_example_text('au', 'pref_prefix') %]
298     </div>
299   </div>
300
301   <!-- FIRST_GIVEN_NAME -->
302
303   <div class="row reg-field-row" ng-show="show_field('au.pref_first_given_name')">
304     [% draw_field_label('au', 'pref_first_given_name') %]
305     [% draw_form_input('au', 'pref_first_given_name'); %]
306     <div class="col-md-6 patron-reg-example">
307       [% draw_example_text('au', 'pref_first_given_name') %]
308     </div>
309   </div>
310
311   <!-- SECOND_GIVEN_NAME -->
312
313   <div class="row reg-field-row" ng-show="show_field('au.pref_second_given_name')">
314     [% draw_field_label('au', 'pref_second_given_name') %]
315     [% draw_form_input('au', 'pref_second_given_name'); %]
316     <div class="col-md-6 patron-reg-example">
317       [% draw_example_text('au', 'pref_second_given_name') %]
318     </div>
319   </div>
320
321   <!-- FAMILY_NAME -->
322
323   <div class="row reg-field-row" ng-show="show_field('au.pref_family_name')">
324     [% draw_field_label('au', 'pref_family_name') %]
325     [% draw_form_input('au', 'pref_family_name'); %]
326     <div class="col-md-6 patron-reg-example">
327       [% draw_example_text('au', 'pref_family_name') %]
328     </div>
329   </div>
330
331   <!-- SUFFIX -->
332
333   <div class="row reg-field-row" ng-show="show_field('au.pref_suffix')">
334     [% draw_field_label('au', 'pref_suffix') %]
335     [% draw_form_input('au', 'pref_suffix'); %]
336     <div class="col-md-6 patron-reg-example">
337       [% draw_example_text('au', 'pref_suffix') %]
338     </div>
339   </div>
340 </div> <!-- ng-show == preferred -->
341
342 <!-- indicate bottom of name tabs -->
343 <div class="row reg-field-row">
344   <div class="col-md-6"><hr class="patron-reg-names-separator"/></div>
345 </div>
346
347 <div class="row reg-field-row" ng-show="show_field('au.name_keywords')">
348   [% draw_field_label('au', 'name_keywords') %]
349   <div class="col-md-3 reg-field-input">
350     <textarea 
351       class="form-control" 
352       ng-model="patron.name_keywords"
353       ng-pattern="field_pattern('au', 'name_keywords')"
354       ng-change="field_modified()" 
355       ng-blur="handle_field_changed(patron, 'name_keywords')">
356     </textarea>
357   </div>
358   <div class="col-md-6 patron-reg-example">
359     [% draw_example_text('au', 'name_keywords') %]
360   </div>
361 </div>
362
363 <!-- ALIAS -->
364
365 <div class="row reg-field-row" ng-show="show_field('au.alias')">
366   [% draw_field_label('au', 'alias') %]
367   [% draw_form_input('au', 'alias'); %]
368   <div class="col-md-6 patron-reg-example">
369     [% draw_example_text('au', 'alias') %]
370   </div>
371 </div>
372
373 <!-- DOB -->
374
375 <div class="row reg-field-row" ng-show="show_field('au.dob')">
376   [% draw_field_label('au', 'dob') %]
377   <div class="col-md-3 reg-field-input">
378     <eg-date-input
379       ng-required="field_required('au', 'dob')" 
380       ng-model="patron.dob">
381     </eg-date-input>
382   </div>
383   <div class="col-md-6 patron-reg-example">
384     [% draw_example_text('au', 'dob') %]
385   </div>
386 </div>
387
388 <!-- JUVENILE -->
389
390 <div class="row reg-field-row" ng-show="show_field('au.juvenile')">
391   [% draw_field_label('au', 'juvenile') %]
392   <div class="col-md-3 reg-field-input">
393       <input 
394         ng-change="field_modified()" 
395         ng-blur="handle_field_changed(patron, 'juvenile')"
396         type='checkbox' ng-model="patron.juvenile"/>
397   </div>
398 </div>
399
400 <!-- GUARDIAN -->
401
402 <div class="row reg-field-row" ng-show="show_field('au.guardian')">
403   [% draw_field_label('au', 'guardian') %]
404   [% draw_form_input('au', 'guardian'); %]
405   <div class="col-md-6 patron-reg-example">
406     [% draw_example_text('au', 'guardian') %]
407   </div>
408 </div>
409
410 <!-- ident_type -->
411
412 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
413   [% draw_field_label('au', 'ident_type') %]
414   <div class="col-md-3 reg-field-input">
415     <select 
416       class="form-control" 
417       ng-model="patron.ident_type"
418       ng-required="field_required('au', 'ident_type')"
419       ng-blur="handle_field_changed(patron, 'ident_type')"
420       ng-options="type.name() for type in ident_types track by type.id()">
421     </select>
422   </div>
423 </div>
424
425 <!-- IDENT_VALUE -->
426
427 <div class="row reg-field-row" ng-show="show_field('au.ident_value')">
428   [% draw_field_label('au', 'ident_value') %]
429   [% draw_form_input('au', 'ident_value') %]
430   <div class="col-md-6 patron-reg-example">
431     [% draw_example_text('au', 'ident_value') %]
432   </div>
433 </div>
434
435 <!-- ident_type2 -->
436
437 <div class="row reg-field-row" ng-show="show_field('au.ident_type2')">
438   [% draw_field_label('au', 'ident_type2') %]
439   <div class="col-md-3 reg-field-input">
440     <select 
441       class="form-control" 
442       ng-model="patron.ident_type2"
443       ng-required="field_required('au', 'ident_type2')"
444       ng-blur="handle_field_changed(patron, 'ident_type2')"
445       ng-options="type.name() for type in ident_types track by type.id()">
446     </select>
447   </div>
448 </div>
449
450 <!-- IDENT_VALUE2 -->
451 <div class="row reg-field-row" ng-show="show_field('au.ident_value2')">
452   [% draw_field_label('au', 'ident_value2') %]
453   [% draw_form_input('au', 'ident_value2') %]
454   <div class="col-md-6 patron-reg-example">
455     [% draw_example_text('au', 'ident_value2') %]
456   </div>
457 </div>
458
459 <!-- PHOTO_URL -->
460 <div class="row reg-field-row" ng-show="show_field('au.photo_url')">
461   [% draw_field_label('au', 'photo_url') %]
462   [% draw_form_input('au', 'photo_url', '', 'photo_url') %]
463   <div class="col-md-3 patron-reg-example">
464     <span ng-if="org_settings['ui.patron.edit.au.photo_url.example']">
465       [% l('Example: [_1]',
466         "{{org_settings['ui.patron.edit.au.photo_url.example']}}") %]
467     </span>
468   </div>
469 </div>
470
471 <!-- EMAIL -->
472 <div class="row reg-field-row" ng-show="show_field('au.email')">
473   [% draw_field_label('au', 'email') %]
474   [% draw_form_input('au', 'email', '', 'email') %]
475   <div class="col-md-3 patron-reg-example">
476     <button class="btn btn-default" ng-show="base_email && !patron.isnew"
477       ng-disabled="reg_form['patron.email'].$dirty"
478       ng-click="send_test_email()">[% l('Send Test Email') %]</button>
479     <button ng-show="patron.email && !patron.isnew" 
480       class="btn btn-default" 
481       ng-click="invalidate_field('email')">[% l('Invalidate') %]</button>
482     <span ng-if="org_settings['ui.patron.edit.au.email.example']">
483       [% l('Example: [_1]',
484         "{{org_settings['ui.patron.edit.au.email.example']}}") %]
485     </span>
486   </div>
487 </div>
488
489 <div class="row reg-field-row" ng-show="show_field('au.email') && opt_in_setting_types['circ.send_email_checkout_receipts']">
490   <div class="col-md-3 reg-field-label">
491     <label>{{opt_in_setting_types['circ.send_email_checkout_receipts'].label()}}</label>
492   </div>
493   <div class="col-md-3 reg-field-input">
494     <input
495       ng-change="field_modified()"
496       type='checkbox' ng-model="user_settings['circ.send_email_checkout_receipts']"/>
497   </div>
498 </div>
499
500 <!-- DAY_PHONE -->
501
502 <div class="row reg-field-row" ng-show="show_field('au.day_phone')">
503   [% draw_field_label('au', 'day_phone') %]
504   [% draw_form_input('au', 'day_phone') %]
505   <div class="col-md-6 patron-reg-example">
506     <button ng-show="patron.day_phone && !patron.isnew" 
507         class="btn btn-default" 
508         ng-click="invalidate_field('day_phone')">[% l('Invalidate') %]</button>
509     [% draw_example_text('au', 'day_phone') %]
510     <!-- phones have a fall-through example strings -->
511     <span ng-if="!org_settings['ui.patron.edit.au.day_phone.example'] && org_settings['ui.patron.edit.phone.example']">
512       [% l('Example: [_1]', 
513         "{{org_settings['ui.patron.edit.phone.example']}}") %]
514     </span>
515   </div>
516 </div>
517
518 <!-- EVENING_PHONE -->
519
520 <div class="row reg-field-row" ng-show="show_field('au.evening_phone')">
521   [% draw_field_label('au', 'evening_phone') %]
522   [% draw_form_input('au', 'evening_phone') %]
523   <div class="col-md-6 patron-reg-example">
524     <button ng-show="patron.evening_phone && !patron.isnew" 
525         class="btn btn-default" 
526         ng-click="invalidate_field('evening_phone')">[% l('Invalidate') %]</button>
527     [% draw_example_text('au', 'evening_phone') %]
528     <!-- phones have a fall-through example strings -->
529     <span ng-if="!org_settings['ui.patron.edit.au.evening_phone.example'] && org_settings['ui.patron.edit.phone.example']">
530       [% l('Example: [_1]', 
531         "{{org_settings['ui.patron.edit.phone.example']}}") %]
532     </span>
533   </div>
534 </div>
535
536 <!-- OTHER_PHONE -->
537
538 <div class="row reg-field-row" ng-show="show_field('au.other_phone')">
539   [% draw_field_label('au', 'other_phone') %]
540   [% draw_form_input('au', 'other_phone') %]
541   <div class="col-md-6 patron-reg-example">
542     <button ng-show="patron.other_phone && !patron.isnew" 
543         class="btn btn-default" 
544         ng-click="invalidate_field('other_phone')">[% l('Invalidate') %]</button>
545     [% draw_example_text('au', 'other_phone') %]
546     <!-- phones have a fall-through example strings -->
547     <span ng-if="!org_settings['ui.patron.edit.au.other_phone.example'] && org_settings['ui.patron.edit.phone.example']">
548       [% l('Example: [_1]', 
549         "{{org_settings['ui.patron.edit.phone.example']}}") %]
550     </span>
551   </div>
552 </div>
553
554 <!-- home org unit selector -->
555
556 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
557   [% draw_field_label('au', 'home_ou') %]
558   <div class="col-md-3 reg-field-input">
559     <eg-org-selector 
560       selected="patron.home_ou" 
561       onchange="handle_home_org_changed"
562       disable-test="disable_home_org">
563     </eg-org-selector>
564   </div>
565 </div>
566
567 <!-- profile selector -->
568
569 <div class="row reg-field-row" ng-show="show_field('au.profile')">
570   [% draw_field_label('au', 'profile') %]
571   <div class="col-md-3 reg-field-input">
572     <div class="btn-group" uib-dropdown>
573       <button type="button" class="btn btn-default" uib-dropdown-toggle
574           ng-class="{'ng-invalid' : invalid_profile()}">
575         <span style="padding-right: 5px;">
576           {{patron.profile.name() || "[% l('Profile Group') %]"}}
577         </span>
578         <span class="caret"></span>
579       </button>
580       <ul class="scrollable-menu" uib-dropdown-menu>
581         <li ng-repeat="entry in edit_profile_entries" ng-if="edit_profile_entries.length"
582           ng-class="{disabled : entry.grp().usergroup() == 'f'}">
583           <a href 
584             style="padding-left: {{pgtde_depth(entry) * 10 + 5}}px"
585             ng-click="set_profile(entry.grp())">{{entry.grp().name()}}</a>
586         </li>
587         <li ng-repeat="grp in edit_profiles" ng-if="!edit_profile_entries.length"
588           ng-class="{disabled : grp.usergroup() == 'f'}">
589           <a href 
590             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
591             ng-click="set_profile(grp)">{{grp.name()}}</a>
592         </li>
593       </ul>
594     </div>
595   </div>
596   <div class="col-md-3">
597     <button class="btn btn-default" ng-if="!offline" ng-disabled="!perms.CREATE_USER_GROUP_LINK"
598       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
599   </div> 
600 </div>
601
602 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
603   [% draw_field_label('au', 'expire_date') %]
604   <div class="col-md-3 reg-field-input">
605     <eg-date-input 
606       ng-model="patron.expire_date">
607     </eg-date-input>
608   </div>
609   <div class="col-md-3">
610     <button class="btn btn-default" ng-click="set_expire_date()">
611       [% l('Update Expire Date') %]</button>
612   </div>
613 </div>
614
615 <!-- net_access_level -->
616
617 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
618   [% draw_field_label('au', 'net_access_level') %]
619   <div class="col-md-3 reg-field-input">
620     <select 
621       class="form-control" 
622       ng-model="patron.net_access_level"
623       ng-required="field_required('au', 'net_access_level')"
624       ng-blur="handle_field_changed(patron, 'net_access_level')"
625       ng-options="level.name() for level in net_access_levels track by level.id()">
626     </select>
627   </div>
628 </div>
629
630 <!-- ACTIVE -->
631
632 <div class="row reg-field-row" ng-show="show_field('au.active')">
633   [% draw_field_label('au', 'active') %]
634   <div class="col-md-3 reg-field-input">
635       <input 
636         ng-change="field_modified()" 
637         ng-blur="handle_field_changed(patron, 'active')"
638         type='checkbox' ng-model="patron.active"/>
639   </div>
640 </div>
641
642 <!-- BARRED -->
643
644 <div class="row reg-field-row" ng-show="show_field('au.barred')">
645   [% draw_field_label('au', 'barred') %]
646   <div class="col-md-3 reg-field-input">
647       <input 
648         ng-change="field_modified()" 
649         ng-blur="handle_field_changed(patron, 'barred')"
650         type='checkbox' ng-model="patron.barred"/>
651   </div>
652 </div>
653
654 <!-- MASTER_ACCOUNT -->
655
656 <div class="row reg-field-row" ng-show="show_field('au.master_account')">
657   [% draw_field_label('au', 'master_account') %]
658   <div class="col-md-3 reg-field-input">
659       <input 
660         ng-change="field_modified()" 
661         ng-blur="handle_field_changed(patron, 'master_account')"
662         type='checkbox' ng-model="patron.master_account"/>
663   </div>
664 </div>
665
666 <!-- CLAIMS_RETURNED_COUNT -->
667
668 <div class="row reg-field-row" ng-show="show_field('au.claims_returned_count')">
669   [% draw_field_label('au', 'claims_returned_count') %]
670   [% draw_form_input('au', 'claims_returned_count', 
671     '', 'number', '!perms.UPDATE_PATRON_CLAIM_RETURN_COUNT') %]
672   <div class="col-md-6 patron-reg-example">
673     [% draw_example_text('au', 'claims_returned_count') %]
674   </div>
675 </div>
676
677 <!-- CLAIMS_NEVER_CHECKED_OUT_COUNT -->
678
679 <div class="row reg-field-row" ng-show="show_field('au.claims_never_checked_out_count')">
680   [% draw_field_label('au', 'claims_never_checked_out_count') %]
681   [% draw_form_input('au', 'claims_never_checked_out_count',
682     '', 'number', '!perms.UPDATE_PATRON_CLAIM_NEVER_CHECKED_OUT_COUNT') %]
683   <div class="col-md-6 patron-reg-example">
684     [% draw_example_text('au', 'claims_never_checked_out_count') %]
685   </div>
686 </div>
687
688 <!-- ALERT_MESSAGE -->
689
690 <div class="row reg-field-row" ng-show="show_field('au.alert_message')">
691   [% draw_field_label('au', 'alert_message') %]
692   <div class="col-md-3 reg-field-input">
693     <textarea 
694       class="form-control" 
695       ng-model="patron.alert_message"
696       ng-pattern="field_pattern('au', 'alert_message')"
697       ng-change="field_modified()" 
698       ng-blur="handle_field_changed(patron, 'alert_message')">
699     </textarea>
700   </div>
701   <div class="col-md-6 patron-reg-example">
702     [% draw_example_text('au', 'alert_message') %]
703   </div>
704 </div>
705
706 <div ng-if="!offline">
707
708 <div class="alert alert-success row" role="alert">
709   <div class="col-md-6">[% l('User Settings') %]</div>
710 </div>
711
712 <div class="row reg-field-row">
713   <div class="col-md-3 reg-field-label">
714     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
715   </div>
716   <div class="col-md-3 reg-field-input">
717     <input ng-required="hold_notify_type.phone" 
718       ng-change="field_modified()" 
719       ng-blur="handle_field_changed(user_settings, 'opac.default_phone')"
720       type='text' ng-model="user_settings['opac.default_phone']"/>
721   </div>
722 </div>
723
724 <div class="row reg-field-row">
725   <div class="col-md-3 reg-field-label">
726     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
727   </div>
728   <div class="col-md-3 reg-field-input">
729     <eg-org-selector nodefault
730       disable-test="disable_pulib" 
731       selected="patron._pickup_lib"
732       onchange="handle_pulib_changed">
733     </eg-org-selector>
734   </div>
735 </div>
736
737 <div class="row reg-field-row" 
738     ng-if="org_settings['circ.holds.behind_desk_pickup_supported']">
739   <div class="col-md-3 reg-field-label">
740     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
741   </div>
742   <div class="col-md-3 reg-field-input">
743       <input 
744         ng-change="field_modified()" 
745         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
746   </div>
747 </div>
748
749 <!-- TODO: Add circ.collections.exempt to master SQL seed data -->
750 <div class="row reg-field-row" 
751   ng-if="user_setting_types['circ.collections.exempt']">
752   <div class="col-md-3 reg-field-label">
753     <label>{{user_setting_types['circ.collections.exempt'].label()}}</label>
754   </div>
755   <div class="col-md-3 reg-field-input">
756       <input 
757         type='checkbox' 
758         ng-change="field_modified()" 
759         ng-disabled="!perms.UPDATE_PATRON_COLLECTIONS_EXEMPT"
760         ng-model="user_settings['circ.collections.exempt']"/>
761   </div>
762 </div>
763
764 <div class="row reg-field-row">
765   <div class="col-md-3 reg-field-label">
766     <label>[% l('Holds Notices') %]</label>
767   </div>
768   <div class="col-md-3 reg-field-input flex-row">
769     <div class='flex-cell'>
770       <input 
771         ng-change="field_modified()" 
772         type='checkbox' ng-model="hold_notify_type.phone"/>
773       [% l('Phone') %]
774     </div>
775     <div class='flex-cell'>
776       <input 
777         ng-change="field_modified()" 
778         type='checkbox' ng-model="hold_notify_type.email"/>
779       [% l('Email') %]
780     </div>
781     <div class='flex-cell' ng-if="org_settings['sms.enable']">
782       <input 
783         ng-change="field_modified()" 
784         type='checkbox' ng-model="hold_notify_type.sms"/>
785       [% l('SMS') %]
786     </div>
787   </div>
788 </div>
789
790 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
791   <div class="col-md-3 reg-field-label">
792     <label>[% l('Default SMS/Text Number') %]</label>
793   </div>
794   <div class="col-md-3 reg-field-input">
795     <input ng-required="hold_notify_type.sms" 
796       name="default_sms_text_number"
797       ng-change="field_modified()" ng-model="user_settings['opac.default_sms_notify']"
798       ng-blur="handle_field_changed(user_settings, 'opac.default_sms_notify')"
799       type='text'/>
800   </div>
801   <div class="col-md-3" ng-if="base_default_sms && !patron.isnew">
802     <button class="btn btn-default"
803       ng-disabled="reg_form['default_sms_text_number'].$dirty || reg_form['default_sms_text_carrier'].$dirty"
804       ng-click="send_test_sms()">[% l('Send Test Text') %]</button>
805   </div>
806 </div>
807
808 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
809   <div class="col-md-3 reg-field-label">
810     <label>[% l('Default SMS Carrier') %]</label>
811   </div>
812   <div class="col-md-3 reg-field-input">
813     <span class="nullable">
814       <select str-to-int ng-required="user_settings['opac.default_sms_notify']" class="form-control" ng-model="user_settings['opac.default_sms_carrier']" ng-options="c.id() as c.name() for c in sms_carriers"
815       name="default_sms_text_carrier"
816       ng-blur="handle_field_changed(user_settings, 'opac.default_sms_carrier')">
817         <option value="">Select a Carrier</option>
818       </select>
819     </span>
820   </div>
821 </div>
822
823 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
824   <div class="col-md-3 reg-field-label" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
825     <label>{{type.label()}}</label>
826   </div>
827   <div class="col-md-3 reg-field-input" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
828     <input 
829       ng-change="field_modified()" 
830       type='checkbox' ng-model="user_settings[type.name()]"/>
831   </div>
832 </div>
833
834 <div class="row reg-field-row" ng-if="org_settings['circ.privacy_waiver']">
835   <div class="col-md-3 reg-field-label">
836     <label>[% l('Allow others to use my account') %]</label>
837   </div>
838   <div class="col-md-3 reg-field-input">
839     <div class="row" ng-repeat="waiver_entry in patron.waiver_entries" ng-hide="waiver_entry.isdeleted">
840       <div class="row flex-row">
841         <div class="flex-cell">
842           <input ng-change="field_modified()"
843             type='text' ng-model="waiver_entry.name"/>
844         </div>
845         <div class="flex-cell">
846           <button type="button" 
847             ng-click="field_modified();delete_waiver_entry(waiver_entry)" 
848             class="btn btn-danger">[% l('X') %]</button>
849         </div>
850       </div>
851       <div class="row flex-row reg-field-input">
852         <div class="flex-cell">
853           <label><input ng-change="field_modified()"
854             type='checkbox' ng-model="waiver_entry.place_holds"/>
855             [% l('Place Holds?') %]</label>
856         </div>
857         <div class="flex-cell">
858           <label><input ng-change="field_modified()"
859             type='checkbox' ng-model="waiver_entry.pickup_holds"/>
860             [% l('Pick Up Holds?') %]</label>
861         </div>
862         <div class="flex-cell">
863           <label><input ng-change="field_modified()"
864             type='checkbox' ng-model="waiver_entry.view_history"/>
865             [% l('View Borrowing History?') %]</label>
866         </div>
867         <div class="flex-cell">
868           <label><input ng-change="field_modified()"
869             type='checkbox' ng-model="waiver_entry.checkout_items"/>
870             [% l('Check Out Items?') %]</label>
871         </div>
872       </div> <!-- end checkboxes -->
873     </div> <!-- end ng-repeat waiver_entry -->
874     <div class="row">
875       <div class="col-md-3 reg-field-input">
876       <button type="button" ng-click="new_waiver_entry()" 
877         class="btn btn-success">[% l('Add Person') %]</button>
878       </div>
879     </div>
880   </div> <!-- end waiver entries input -->
881 </div> <!-- end waiver entries row -->
882
883 </div> <!-- end offline test -->
884
885 <!-- addresses -->
886
887 <div ng-repeat="addr in patron.addresses">
888   <div class="alert alert-success row" role="alert">
889       <div class="col-md-3">
890         [% l('Address') %]
891         <div ng-show="addr._linked_owner">
892           (<a target="_blank"
893             href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
894             [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
895           </a>)
896         </div>
897       </div>
898       <div class="col-md-3">
899           <span class='pad-all-min'>
900             [% l('Mailing') %] <input type='checkbox' 
901               ng-change="field_modified();set_addr_type(addr, 'mailing')" 
902               ng-model="addr._is_mailing"/>
903           </span>
904           <span class='pad-all-min'>
905             [% l('Physical') %] <input type='checkbox' 
906               ng-change="field_modified();set_addr_type(addr, 'billing')" 
907               ng-model="addr._is_billing"/>
908           </span>
909           <span class='pad-all-min'>
910             <button type="button" 
911               ng-click="field_modified();delete_address(addr.id)" 
912               class="btn btn-danger">[% l('X') %]</button>
913           </span>
914       </div>
915   </div>
916
917   <div ng-if="addr.pending" class="row">
918     <div class="col-md-6 patron-reg-pending-address">
919       <div class="row">
920         <div class="col-md-6">
921           [% l('This is a pending address') %]
922         </div>
923         <div class="col-md-6">
924           <button class="btn btn-success" 
925             ng-click="approve_pending_address(addr)">[% l('Approve') %]</button>
926         </div>
927       </div>
928       <div class="row" ng-if="addr._replaces">
929         <div class="col-md-6">
930           [% | l(
931             '{{addr._replaces.street1}}',
932             '{{addr._replaces.street2}}',
933             '<br/>'
934             '{{addr._replaces.city}}',
935             '{{addr._replaces.state}}',
936             '{{addr._replaces.post_code}}') %]
937             Replaces: [_1] [_2] [_3] [_4], [_5] [_6]
938           [% END %]
939         </div>
940       </div>
941     </div>
942     <!-- make sure we occupy the entire row -->
943     <div class="col-md-6"> </div>
944   </div>
945
946   <!-- ADDRESS_TYPE -->
947   <div class="row reg-field-row" ng-show="show_field('aua.address_type')">
948     [% draw_field_label('aua', 'address_type') %]
949     [% draw_form_input('aua', 
950       'address_type', 'addresses[$index]', '', 'addr._linked_owner') %]
951     <div class="col-md-6 patron-reg-example">
952       [% draw_example_text('aua', 'address_type') %]
953     </div>
954   </div>
955
956   <!-- POST_CODE -->
957
958   <div class="row reg-field-row" ng-show="show_field('aua.post_code')">
959     [% draw_field_label('aua', 'post_code') %]
960     [% draw_form_input('aua', 
961       'post_code', 'addresses[$index]', '', 'addr._linked_owner') %]
962     <div class="col-md-6 patron-reg-example">
963       [% draw_example_text('aua', 'post_code') %]
964     </div>
965   </div>
966
967   <!-- STREET1 -->
968
969   <div class="row reg-field-row" ng-show="show_field('aua.street1')">
970     [% draw_field_label('aua', 'street1') %]
971     [% draw_form_input('aua', 
972       'street1', 'addresses[$index]', '', 'addr._linked_owner') %]
973     <div class="col-md-6 patron-reg-example">
974       [% draw_example_text('aua', 'street1') %]
975     </div>
976   </div>
977
978   <!-- STREET2 -->
979
980   <div class="row reg-field-row" ng-show="show_field('aua.street2')">
981     [% draw_field_label('aua', 'street2') %]
982     [% draw_form_input('aua', 
983       'street2', 'addresses[$index]', '', 'addr._linked_owner') %]
984     <div class="col-md-6 patron-reg-example">
985       [% draw_example_text('aua', 'street2') %]
986     </div>
987   </div>
988
989   <!-- CITY -->
990
991   <div class="row reg-field-row" ng-show="show_field('aua.city')">
992     [% draw_field_label('aua', 'city') %]
993     [% draw_form_input('aua', 
994       'city', 'addresses[$index]', '', 'addr._linked_owner') %]
995     <div class="col-md-6 patron-reg-example">
996       [% draw_example_text('aua', 'city') %]
997     </div>
998   </div>
999
1000   <!-- COUNTY -->
1001
1002   <div class="row reg-field-row" ng-show="show_field('aua.county')">
1003     [% draw_field_label('aua', 'county') %]
1004     [% draw_form_input('aua', 
1005       'county', 'addresses[$index]', '', 'addr._linked_owner') %]
1006     <div class="col-md-6 patron-reg-example">
1007       [% draw_example_text('aua', 'county') %]
1008     </div>
1009   </div>
1010
1011   <!-- STATE -->
1012
1013   <div class="row reg-field-row" ng-show="show_field('aua.state')">
1014     [% draw_field_label('aua', 'state') %]
1015     [% draw_form_input('aua', 
1016       'state', 'addresses[$index]', '', 'addr._linked_owner') %]
1017     <div class="col-md-6 patron-reg-example">
1018       [% draw_example_text('aua', 'state') %]
1019     </div>
1020   </div>
1021
1022   <!-- COUNTRY -->
1023
1024   <div class="row reg-field-row" ng-show="show_field('aua.country')">
1025     [% draw_field_label('aua', 'country') %]
1026     [% draw_form_input('aua', 
1027       'country', 'addresses[$index]', '', 'addr._linked_owner') %]
1028     <div class="col-md-6 patron-reg-example">
1029       [% draw_example_text('aua', 'country') %]
1030     </div>
1031   </div>
1032
1033   <!-- VALID -->
1034
1035   <div class="row reg-field-row" ng-show="show_field('aua.valid')">
1036     [% draw_field_label('aua', 'valid') %]
1037     <div class="col-md-3 reg-field-input">
1038         <input 
1039           type='checkbox' 
1040           ng-change="field_modified()" 
1041           ng-disabled='addr._linked_owner'
1042           ng-blur="handle_field_changed(patron.addresses[$index], 'valid')"
1043           ng-model="patron.addresses[$index].valid"/>
1044     </div>
1045     <div class="col-md-6 patron-reg-example">
1046       [% draw_example_text('aua', 'valid') %]
1047     </div>
1048   </div>
1049
1050   <!-- WITHIN_CITY_LIMITS -->
1051
1052   <div class="row reg-field-row" ng-show="show_field('aua.within_city_limits')">
1053     [% draw_field_label('aua', 'within_city_limits') %]
1054     <div class="col-md-3 reg-field-input">
1055         <input 
1056           type='checkbox' 
1057           ng-change="field_modified()" 
1058           ng-disabled='addr._linked_owner'
1059           ng-blur="handle_field_changed(patron.addresses[$index], 'within_city_limits')"
1060           ng-model="patron.addresses[$index].within_city_limits"/>
1061     </div>
1062     <div class="col-md-6 patron-reg-example">
1063       [% draw_example_text('aua', 'within_city_limits') %]
1064     </div>
1065   </div>
1066
1067   <!-- pending address -->
1068
1069 </div> <!-- addresses -->
1070
1071 <div class="row">
1072   <button type="button" ng-click="new_address()" 
1073     class="btn btn-success">[% l('New Address') %]</button>
1074 </div>
1075
1076 <div ng-if="!offline">
1077 <div class="alert alert-success row" role="alert"
1078     ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-if="stat_cats.length > 0">
1079     <div class="col-md-6">[% l('Statistical Categories') %]</div>
1080 </div>
1081
1082 <div class="row reg-field-row"
1083      ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-repeat="cat in stat_cats">
1084      <!-- Display this stat cat when displaying all stat cats
1085        or when this stat cat is required.  Wrap the body of
1086        stat cat display in a div for easy show/hide.  -->
1087   <div ng-if="show_field('stat_cats') || cat.required() == 1">
1088
1089     <div class="col-md-3 reg-field-label">
1090       <label>{{cat.name()}}</label>
1091     </div>
1092     <div class="col-md-3 reg-field-input">
1093       <div ng-if="cat.entries().length != 0">
1094         <div class="btn-group" uib-dropdown>
1095           <button type="button" class="btn btn-default" ng-class="{'ng-invalid': cat.required() == 1 && !stat_cat_entry_maps[cat.id()] }" uib-dropdown-toggle>
1096             <span style="padding-right: 5px;">
1097               {{stat_cat_entry_maps[cat.id()]}}</span>
1098             <span class="caret"></span>
1099           </button>
1100           <ul uib-dropdown-menu>
1101             <li ng-repeat="entry in cat.entries()">
1102               <a href
1103                 ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()">
1104                 {{entry.value()}}
1105               </a>
1106             </li>
1107           </ul>
1108         </div>
1109       </div>
1110     </div>
1111
1112     <!-- Stat cat retrieval API uses open-ils.storage under the covers
1113         which represents DB bools at 1/0 instead of cstore-style t/f -->
1114     <div class="col-md-3 reg-field-input"
1115       ng-show="show_field('stat_cats') || hasRequiredStatCat"
1116       ng-if="cat.allow_freetext() == '1'">
1117       <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"
1118         class="form-control" ng-required="cat.required() == 1"/>
1119     </div>
1120
1121   </div><!-- show/hide wrapper -->
1122 </div>
1123 </div>
1124
1125 <!-- surveys -->
1126
1127 <div class="alert alert-success row" role="alert" 
1128     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
1129     <div class="col-md-6">[% l('Surveys') %]</div>
1130 </div>
1131
1132 <div class="row reg-field-row" 
1133     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
1134   <div class="col-md-3 reg-field-label">
1135     <label>{{survey.name()}}</label>
1136   </div>
1137   <div class="col-md-6 reg-field-input">
1138     <div class="row" ng-repeat="question in survey.questions()" 
1139       style="margin-bottom: 10px;">
1140       <div class="col-md-6">{{question.question()}}</div>
1141       <div class="col-md-6">
1142         <div class="btn-group" uib-dropdown>
1143           <button type="button" class="btn btn-default" uib-dropdown-toggle>
1144             <span style="padding-right: 5px;">
1145               {{survey_responses[question.id()].answer()}}
1146             </span>
1147             <span class="caret"></span>
1148           </button>
1149           <ul uib-dropdown-menu>
1150             <li ng-repeat="answer in question.answers()">
1151               <a href 
1152                 ng-click="field_modified();survey_responses[question.id()] = answer"> 
1153                 {{answer.answer()}} 
1154               </a>
1155             </li>
1156           </ul>
1157         </div>
1158       </div>
1159     </div>
1160   </div>
1161 </div>
1162
1163 </div><!-- /form wrapper -->