]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/staff/circ/patron/t_edit.tt2
LP#1581196: webstaff: fix dirty form detection in patron editor
[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" class='patron-reg-fixed-bar'>
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}}">
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}}">
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}}">
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.phone">
45       <a target="_blank" 
46         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
47         [% l('[_1] patron(s) with same phone', 
48         '{{dupe_counts.phone}}') %]</a>
49     </div>
50     <div class="alert alert-danger" ng-show="dupe_counts.address">
51       <a target="_blank" 
52         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}" >
53         [% l('[_1] patron(s) with same address', 
54         '{{dupe_counts.address}}') %]</a>
55     </div>
56   </div>
57
58   <!-- IDL field documentation window -->
59   <div class="alert alert-info" ng-show="selected_field_doc">
60     <fieldset id="reg-field-doc">
61       <legend>
62       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
63       </legend>
64       <div>{{selected_field_doc.string()}}</div>
65     </fieldset>
66   </div>
67
68   <div class="alert alert-info" ng-show="stage_user_requestor">
69     <a target="_blank" 
70       href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
71       [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
72     </a>
73   </div>
74 </div>
75
76 [% MACRO draw_field_label (cls, field) BLOCK %]
77   <div class="col-md-3 reg-field-label"> <!-- field label -->
78     <label>{{idl_fields.[% cls %].[% field %].label}}</label>
79     <!-- field documentation img/link -->
80     <img ng-show="field_doc.[% cls %].[% field %]" 
81       ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
82       src='[% DOC_IMG %]'></img>
83   </div>
84 [% END %]
85
86
87 [% 
88 # draws a vanilla form input field for inputs that require no 
89 # special additions.
90 MACRO draw_form_input(cls, field, path, type, disable) BLOCK;
91   IF !type; type = 'text'; END;
92   base_obj = path ? 'patron.' _ path : 'patron';
93   model = base_obj _ '.' _ field;
94 %]
95   <div class="col-md-3 reg-field-input">
96     <input 
97       type="[% type %]" 
98       class="form-control" 
99       name="[% model %]"
100       ng-change="field_modified()" 
101       ng-required="field_required('[% cls %]', '[% field %]')"
102       ng-blur="handle_field_changed([% base_obj %], '[% field %]')"
103       ng-pattern="field_pattern('[% cls %]', '[% field %]')"
104       [% IF disable %]ng-disabled="[% disable %]"[% END %]
105       ng-model="[% model %]"/>
106   </div>
107 [% END %]
108
109 [% MACRO draw_example_text(cls, field) BLOCK;
110   set_str = "org_settings['ui.patron.edit." _ cls _ "." _ field _ ".example']";
111 %]
112   <span ng-if="[% set_str %]">
113     [% l('Example: [_1]', '{{' _ set_str _ '}}') %]
114   </span>
115 [% END %]
116
117 <!-- progress dialog displayed as we await all data to finish loading -->
118 <div class="row" ng-show="!page_data_loaded">
119   <div class="col-md-6 pad-vert">
120     <div class="progress progress-striped active">
121         <div class="progress-bar"  role="progressbar" aria-valuenow="100" 
122               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
123             <span class="sr-only">[% l('Loading...') %]</span>
124         </div>
125     </div>
126   </div>
127 </div>
128
129 <!--  
130 MAIN FORM
131 This div wraps the entire form so we can hide it until all needed data
132 has been loaded.  Setting ng-form and a name lets us refer to fields
133 within the "form" by name for validation.
134 -->
135 <div ng-form id="patron-reg-container" 
136   name="reg_form" ng-show="page_data_loaded">
137
138 <!-- BARCODE -->
139
140 <div class="row reg-field-row" ng-show="show_field('ac.barcode')">
141   [% draw_field_label('ac', 'barcode') %]
142   <div class="col-md-3 reg-field-input"> <!-- field form input -->
143       <input type="text" 
144         name="barcode"
145         ng-model="patron.card.barcode"
146         ng-pattern="field_pattern('ac', 'barcode')"
147         ng-required="field_required('ac', 'barcode')"
148         focus-me="focus_bc"
149         ng-change="field_modified()" 
150         ng-disabled="disable_bc"
151         class="form-control" 
152         ng-blur="handle_field_changed(patron.card, 'barcode')"/>
153   </div>
154   <div class="col-md-6 patron-reg-example">
155       <button class="btn btn-default" ng-show="!patron.isnew"
156         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
157       <button class="btn btn-default" 
158         ng-click="cards_dialog()">[% l('See All') %]</button>
159       <div ng-show="dupe_barcode" class="patron-reg-validation-alert">
160         <span>[% l('Barcode is already in use') %]</span>
161       </div>
162   </div>
163 </div>
164
165 <!-- USRNAME -->
166
167 <div class="row reg-field-row" ng-show="show_field('au.usrname')">
168   [% draw_field_label('au', 'usrname') %]
169   <div class="col-md-3 reg-field-input">
170     <input type="text" 
171       name='usrname'
172       ng-required="field_required('au', 'usrname')"
173       focus-me="focus_usrname"
174       ng-change="field_modified()" 
175       ng-pattern="field_pattern('au', 'usrname')"
176       ng-blur="handle_field_changed(patron, 'usrname')"
177       class="form-control" 
178       ng-model="patron.usrname"/>
179   </div>
180   <div class="col-md-6 patron-reg-example">
181     <div ng-show="dupe_username" class="patron-reg-validation-alert">
182       <span>[% l('Username is already in use') %]</span>
183     </div>
184   </div>
185 </div>
186
187 <!-- PASSWD -->
188
189 <div class="row reg-field-row" ng-show="show_field('au.passwd')">
190   [% draw_field_label('au', 'passwd') %]
191   [% draw_form_input('au', 'passwd'); %]
192   <div class="col-md-6 patron-reg-example">
193     <button class="btn btn-default" ng-click="generate_password()">
194       [% l('Generate Password') %]</button>
195   </div>
196 </div>
197
198 <!-- PREFIX -->
199
200 <div class="row reg-field-row" ng-show="show_field('au.prefix')">
201   [% draw_field_label('au', 'prefix') %]
202   [% draw_form_input('au', 'prefix'); %]
203   <div class="col-md-6 patron-reg-example">
204     [% draw_example_text('au', 'prefix') %]
205   </div>
206 </div>
207
208 <!-- FIRST_GIVEN_NAME -->
209
210 <div class="row reg-field-row" ng-show="show_field('au.first_given_name')">
211   [% draw_field_label('au', 'first_given_name') %]
212   [% draw_form_input('au', 'first_given_name'); %]
213   <div class="col-md-6 patron-reg-example">
214     [% draw_example_text('au', 'first_given_name') %]
215   </div>
216 </div>
217
218 <!-- SECOND_GIVEN_NAME -->
219
220 <div class="row reg-field-row" ng-show="show_field('au.second_given_name')">
221   [% draw_field_label('au', 'second_given_name') %]
222   [% draw_form_input('au', 'second_given_name'); %]
223   <div class="col-md-6 patron-reg-example">
224     [% draw_example_text('au', 'second_given_name') %]
225   </div>
226 </div>
227
228 <!-- FAMILY_NAME -->
229
230 <div class="row reg-field-row" ng-show="show_field('au.family_name')">
231   [% draw_field_label('au', 'family_name') %]
232   [% draw_form_input('au', 'family_name'); %]
233   <div class="col-md-6 patron-reg-example">
234     [% draw_example_text('au', 'family_name') %]
235   </div>
236 </div>
237
238 <!-- SUFFIX -->
239
240 <div class="row reg-field-row" ng-show="show_field('au.suffix')">
241   [% draw_field_label('au', 'suffix') %]
242   [% draw_form_input('au', 'suffix'); %]
243   <div class="col-md-6 patron-reg-example">
244     [% draw_example_text('au', 'suffix') %]
245   </div>
246 </div>
247
248 <!-- ALIAS -->
249
250 <div class="row reg-field-row" ng-show="show_field('au.alias')">
251   [% draw_field_label('au', 'alias') %]
252   [% draw_form_input('au', 'alias'); %]
253   <div class="col-md-6 patron-reg-example">
254     [% draw_example_text('au', 'alias') %]
255   </div>
256 </div>
257
258 <!-- DOB -->
259
260 <div class="row reg-field-row" ng-show="show_field('au.dob')">
261   [% draw_field_label('au', 'dob') %]
262   <div class="col-md-3 reg-field-input">
263     <eg-date-input 
264       ng-model="patron.dob"
265       ng-blur="handle_field_changed(patron, 'dob')">
266     </eg-date-input>
267   </div>
268   <div class="col-md-6 patron-reg-example">
269     [% draw_example_text('au', 'dob') %]
270   </div>
271 </div>
272
273 <!-- JUVENILE -->
274
275 <div class="row reg-field-row" ng-show="show_field('au.juvenile')">
276   [% draw_field_label('au', 'juvenile') %]
277   <div class="col-md-3 reg-field-input">
278     <div class='checkbox'>
279       <input 
280         ng-change="field_modified()" 
281         ng-blur="handle_field_changed(patron, 'juvenile')"
282         type='checkbox' ng-model="patron.juvenile"/>
283     </div>
284   </div>
285 </div>
286
287 <!-- ident_type -->
288
289 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
290   [% draw_field_label('au', 'ident_type') %]
291   <div class="col-md-3 reg-field-input">
292     <select 
293       class="form-control" 
294       ng-model="patron.ident_type"
295       ng-required="field_required('au', 'ident_type')"
296       ng-blur="handle_field_changed(patron, 'ident_type')"
297       ng-options="type.name() for type in ident_types track by type.id()">
298     </select>
299   </div>
300 </div>
301
302 <!-- IDENT_VALUE -->
303
304 <div class="row reg-field-row" ng-show="show_field('au.ident_value')">
305   [% draw_field_label('au', 'ident_value') %]
306   [% draw_form_input('au', 'ident_value') %]
307   <div class="col-md-6 patron-reg-example">
308     [% draw_example_text('au', 'ident_value') %]
309   </div>
310 </div>
311
312 <!-- IDENT_VALUE2 -->
313 <div class="row reg-field-row" ng-show="show_field('au.ident_value2')">
314   [% draw_field_label('au', 'ident_value2') %]
315   [% draw_form_input('au', 'ident_value2') %]
316   <div class="col-md-6 patron-reg-example">
317     [% draw_example_text('au', 'ident_value2') %]
318   </div>
319 </div>
320
321
322 <!-- EMAIL -->
323 <div class="row reg-field-row" ng-show="show_field('au.email')">
324   [% draw_field_label('au', 'email') %]
325   [% draw_form_input('au', 'email', '', 'email') %]
326   <div class="col-md-6 patron-reg-example">
327     <button ng-show="patron.email && !patron.isnew" 
328       class="btn btn-default" 
329       ng-click="invalidate_field('email')">[% l('Invalidate') %]</button>
330     <span ng-if="org_settings['ui.patron.edit.au.email.example']">
331       [% l('Example: [_1]',
332         "{{org_settings['ui.patron.edit.au.email.example']}}") %]
333     </span>
334   </div>
335 </div>
336
337 <!-- DAY_PHONE -->
338
339 <div class="row reg-field-row" ng-show="show_field('au.day_phone')">
340   [% draw_field_label('au', 'day_phone') %]
341   [% draw_form_input('au', 'day_phone') %]
342   <div class="col-md-6 patron-reg-example">
343     <button ng-show="patron.day_phone && !patron.isnew" 
344         class="btn btn-default" 
345         ng-click="invalidate_field('day_phone')">[% l('Invalidate') %]</button>
346     [% draw_example_text('au', 'day_phone') %]
347     <!-- phones have a fall-through example strings -->
348     <span ng-if="!org_settings['ui.patron.edit.au.day_phone.example'] && org_settings['ui.patron.edit.phone.example']">
349       [% l('Example: [_1]', 
350         "{{org_settings['ui.patron.edit.phone.example']}}") %]
351     </span>
352   </div>
353 </div>
354
355 <!-- EVENING_PHONE -->
356
357 <div class="row reg-field-row" ng-show="show_field('au.evening_phone')">
358   [% draw_field_label('au', 'evening_phone') %]
359   [% draw_form_input('au', 'evening_phone') %]
360   <div class="col-md-6 patron-reg-example">
361     <button ng-show="patron.evening_phone && !patron.isnew" 
362         class="btn btn-default" 
363         ng-click="invalidate_field('evening_phone')">[% l('Invalidate') %]</button>
364     [% draw_example_text('au', 'evening_phone') %]
365     <!-- phones have a fall-through example strings -->
366     <span ng-if="!org_settings['ui.patron.edit.au.evening_phone.example'] && org_settings['ui.patron.edit.phone.example']">
367       [% l('Example: [_1]', 
368         "{{org_settings['ui.patron.edit.phone.example']}}") %]
369     </span>
370   </div>
371 </div>
372
373 <!-- OTHER_PHONE -->
374
375 <div class="row reg-field-row" ng-show="show_field('au.other_phone')">
376   [% draw_field_label('au', 'other_phone') %]
377   [% draw_form_input('au', 'other_phone') %]
378   <div class="col-md-6 patron-reg-example">
379     <button ng-show="patron.other_phone && !patron.isnew" 
380         class="btn btn-default" 
381         ng-click="invalidate_field('other_phone')">[% l('Invalidate') %]</button>
382     [% draw_example_text('au', 'other_phone') %]
383     <!-- phones have a fall-through example strings -->
384     <span ng-if="!org_settings['ui.patron.edit.au.other_phone.example'] && org_settings['ui.patron.edit.phone.example']">
385       [% l('Example: [_1]', 
386         "{{org_settings['ui.patron.edit.phone.example']}}") %]
387     </span>
388   </div>
389 </div>
390
391 <!-- home org unit selector -->
392
393 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
394   [% draw_field_label('au', 'home_ou') %]
395   <div class="col-md-3 reg-field-input">
396     <eg-org-selector 
397       selected="patron.home_ou" 
398       onchange="handle_home_org_changed"
399       disable-test="disable_home_org">
400     </eg-org-selector>
401   </div>
402 </div>
403
404 <!-- profile selector -->
405
406 <div class="row reg-field-row" ng-show="show_field('au.profile')">
407   [% draw_field_label('au', 'profile') %]
408   <div class="col-md-3 reg-field-input">
409     <div class="btn-group" uib-dropdown>
410       <button type="button" class="btn btn-default" uib-dropdown-toggle
411           ng-class="{'ng-invalid' : invalid_profile()}">
412         <span style="padding-right: 5px;">
413           {{patron.profile.name() || "[% l('Profile Group') %]"}}
414         </span>
415         <span class="caret"></span>
416       </button>
417       <ul uib-dropdown-menu>
418         <li ng-repeat="grp in edit_profiles" 
419           ng-class="{disabled : grp.usergroup() == 'f'}">
420           <a href 
421             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
422             ng-click="set_profile(grp)">{{grp.name()}}</a>
423         </li>
424       </ul>
425     </div>
426   </div>
427   <div class="col-md-3">
428     <button class="btn btn-default" ng-disabled="!perms.CREATE_USER_GROUP_LINK"
429       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
430   </div> 
431 </div>
432
433 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
434   [% draw_field_label('au', 'expire_date') %]
435   <div class="col-md-3 reg-field-input">
436     <eg-date-input 
437       ng-blur="handle_field_changed(patron, 'expire_date')"
438       ng-model="patron.expire_date">
439     </eg-date-input>
440   </div>
441   <div class="col-md-3">
442     <button class="btn btn-default" ng-click="set_expire_date()">
443       [% l('Update Expire Date') %]</button>
444   </div>
445 </div>
446
447 <!-- net_access_level -->
448
449 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
450   [% draw_field_label('au', 'net_access_level') %]
451   <div class="col-md-3 reg-field-input">
452     <select 
453       class="form-control" 
454       ng-model="patron.net_access_level"
455       ng-required="field_required('au', 'net_access_level')"
456       ng-blur="handle_field_changed(patron, 'net_access_level')"
457       ng-options="level.name() for level in net_access_levels track by level.id()">
458     </select>
459   </div>
460 </div>
461
462 <!-- ACTIVE -->
463
464 <div class="row reg-field-row" ng-show="show_field('au.active')">
465   [% draw_field_label('au', 'active') %]
466   <div class="col-md-3 reg-field-input">
467     <div class='checkbox'>
468       <input 
469         ng-change="field_modified()" 
470         ng-blur="handle_field_changed(patron, 'active')"
471         type='checkbox' ng-model="patron.active"/>
472     </div>
473   </div>
474 </div>
475
476 <!-- BARRED -->
477
478 <div class="row reg-field-row" ng-show="show_field('au.barred')">
479   [% draw_field_label('au', 'barred') %]
480   <div class="col-md-3 reg-field-input">
481     <div class='checkbox'>
482       <input 
483         ng-change="field_modified()" 
484         ng-blur="handle_field_changed(patron, 'barred')"
485         type='checkbox' ng-model="patron.barred"/>
486     </div>
487   </div>
488 </div>
489
490 <!-- MASTER_ACCOUNT -->
491
492 <div class="row reg-field-row" ng-show="show_field('au.master_account')">
493   [% draw_field_label('au', 'master_account') %]
494   <div class="col-md-3 reg-field-input">
495     <div class='checkbox'>
496       <input 
497         ng-change="field_modified()" 
498         ng-blur="handle_field_changed(patron, 'master_account')"
499         type='checkbox' ng-model="patron.master_account"/>
500     </div>
501   </div>
502 </div>
503
504 <!-- CLAIMS_RETURNED_COUNT -->
505
506 <div class="row reg-field-row" ng-show="show_field('au.claims_returned_count')">
507   [% draw_field_label('au', 'claims_returned_count') %]
508   [% draw_form_input('au', 'claims_returned_count', 
509     '', 'number', '!perms.UPDATE_PATRON_CLAIM_RETURN_COUNT') %]
510   <div class="col-md-6 patron-reg-example">
511     [% draw_example_text('au', 'claims_returned_count') %]
512   </div>
513 </div>
514
515 <!-- CLAIMS_NEVER_CHECKED_OUT_COUNT -->
516
517 <div class="row reg-field-row" ng-show="show_field('au.claims_never_checked_out_count')">
518   [% draw_field_label('au', 'claims_never_checked_out_count') %]
519   [% draw_form_input('au', 'claims_never_checked_out_count',
520     '', 'number', '!perms.UPDATE_PATRON_CLAIM_NEVER_CHECKED_OUT_COUNT') %]
521   <div class="col-md-6 patron-reg-example">
522     [% draw_example_text('au', 'claims_never_checked_out_count') %]
523   </div>
524 </div>
525
526 <!-- ALERT_MESSAGE -->
527
528 <div class="row reg-field-row" ng-show="show_field('au.alert_message')">
529   [% draw_field_label('au', 'alert_message') %]
530   <div class="col-md-3 reg-field-input">
531     <textarea 
532       class="form-control" 
533       ng-model="patron.alert_message"
534       ng-pattern="field_pattern('au', 'alert_message')"
535       ng-change="field_modified()" 
536       ng-blur="handle_field_changed(patron, 'alert_message')">
537     </textarea>
538   </div>
539   <div class="col-md-6 patron-reg-example">
540     [% draw_example_text('au', 'alert_message') %]
541   </div>
542 </div>
543
544 <div class="alert alert-success row" role="alert">
545   <div class="col-md-6">[% l('User Settings') %]</div>
546 </div>
547
548 <div class="row reg-field-row">
549   <div class="col-md-3 reg-field-label">
550     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
551   </div>
552   <div class="col-md-3 reg-field-input">
553     <input 
554       ng-change="field_modified()" 
555       type='text' ng-model="user_settings['opac.default_phone']"/>
556   </div>
557 </div>
558
559 <div class="row reg-field-row">
560   <div class="col-md-3 reg-field-label">
561     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
562   </div>
563   <div class="col-md-3 reg-field-input">
564     <eg-org-selector 
565       xonchange="field_modified" 
566       selected="patron.home_ou"></eg-org-selector>
567   </div>
568 </div>
569
570 <div class="row reg-field-row">
571   <div class="col-md-3 reg-field-label">
572     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
573   </div>
574   <div class="col-md-3 reg-field-input">
575     <div class='checkbox'>
576       <input 
577         ng-change="field_modified()" 
578         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
579     </div>
580   </div>
581 </div>
582
583 <!-- TODO: Add circ.collections.exempt to master SQL seed data -->
584 <div class="row reg-field-row" 
585   ng-if="user_setting_types['circ.collections.exempt']">
586   <div class="col-md-3 reg-field-label">
587     <label>{{user_setting_types['circ.collections.exempt'].label()}}</label>
588   </div>
589   <div class="col-md-3 reg-field-input">
590     <div class='checkbox'>
591       <input 
592         type='checkbox' 
593         ng-change="field_modified()" 
594         ng-disabled="!perms.UPDATE_PATRON_COLLECTIONS_EXEMPT"
595         ng-model="user_settings['circ.collections.exempt']"/>
596     </div>
597   </div>
598 </div>
599
600 <div class="row reg-field-row">
601   <div class="col-md-3 reg-field-label">
602     <label>[% l('Holds Notices') %]</label>
603   </div>
604   <div class="col-md-3 reg-field-input flex-row">
605     <div class='flex-cell'>
606       <input 
607         ng-change="field_modified()" 
608         type='checkbox' ng-model="hold_notify_phone"/>
609       [% l('Phone') %]
610     </div>
611     <div class='flex-cell'>
612       <input 
613         ng-change="field_modified()" 
614         type='checkbox' ng-model="hold_notify_email"/>
615       [% l('Email') %]
616     </div>
617     <div class='flex-cell' ng-if="org_settings['sms.enable']">
618       <input 
619         ng-change="field_modified()" 
620         type='checkbox' ng-model="hold_notify_sms"/>
621       [% l('SMS') %]
622     </div>
623   </div>
624 </div>
625
626 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
627   <div class="col-md-3 reg-field-label">
628     <label>[% l('Default SMS/Text Number') %]</label>
629   </div>
630   <div class="col-md-3 reg-field-input">
631     <input 
632       ng-change="field_modified()" 
633       type='text'/>
634   </div>
635 </div>
636
637 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
638   <div class="col-md-3 reg-field-label">
639     <label>[% l('Default SMS Carrier') %]</label>
640   </div>
641   <div class="col-md-3 reg-field-input">
642     <div class="btn-group" uib-dropdown>
643       <button type="button" class="btn btn-default" uib-dropdown-toggle>
644         <span style="padding-right: 5px;"></span>
645         <span class="caret"></span>
646       </button>
647       <ul uib-dropdown-menu>
648         <li ng-repeat="carrier in sms_carriers">
649           <a href 
650             ng-click="field_modified();user_settings['opac.default_sms_carrier'] = carrier">
651                 {{carrier.name()}}
652           </a>
653         </li>
654       </ul>
655     </div>
656   </div>
657 </div>
658
659 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
660   <div class="col-md-3 reg-field-label">
661     <label>{{type.label()}}</label>
662   </div>
663   <div class="col-md-3 reg-field-input">
664     <input 
665       ng-change="field_modified()" 
666       type='checkbox' ng-model="user_settings[type.name()]"/>
667   </div>
668 </div>
669
670 <!-- addresses -->
671
672 <div ng-repeat="addr in patron.addresses">
673   <div class="alert alert-success row" role="alert">
674       <div class="col-md-3">
675         [% l('Address') %]
676         <div ng-show="addr._linked_owner">
677           (<a target="_blank"
678             href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
679             [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
680           </a>)
681         </div>
682       </div>
683       <div class="col-md-3">
684           <span class='pad-all-min'>
685             [% l('Mailing') %] <input type='checkbox' 
686               ng-change="field_modified();set_addr_type(addr, 'mailing')" 
687               ng-model="addr._is_mailing"/>
688           </span>
689           <span class='pad-all-min'>
690             [% l('Physical') %] <input type='checkbox' 
691               ng-change="field_modified();set_addr_type(addr, 'billing')" 
692               ng-model="addr._is_billing"/>
693           </span>
694           <span class='pad-all-min'>
695             <button type="button" 
696               ng-click="field_modified();delete_address(addr.id)" 
697               class="btn btn-danger">[% l('X') %]</button>
698           </span>
699       </div>
700   </div>
701
702   <!-- ADDRESS_TYPE -->
703   <div class="row reg-field-row" ng-show="show_field('aua.address_type')">
704     [% draw_field_label('aua', 'address_type') %]
705     [% draw_form_input('aua', 
706       'address_type', 'addresses[$index]', '', 'addr._linked_owner') %]
707     <div class="col-md-6 patron-reg-example">
708       [% draw_example_text('aua', 'address_type') %]
709     </div>
710   </div>
711
712   <!-- POST_CODE -->
713
714   <div class="row reg-field-row" ng-show="show_field('aua.post_code')">
715     [% draw_field_label('aua', 'post_code') %]
716     [% draw_form_input('aua', 
717       'post_code', 'addresses[$index]', '', 'addr._linked_owner') %]
718     <div class="col-md-6 patron-reg-example">
719       [% draw_example_text('aua', 'post_code') %]
720     </div>
721   </div>
722
723   <!-- STREET1 -->
724
725   <div class="row reg-field-row" ng-show="show_field('aua.street1')">
726     [% draw_field_label('aua', 'street1') %]
727     [% draw_form_input('aua', 
728       'street1', 'addresses[$index]', '', 'addr._linked_owner') %]
729     <div class="col-md-6 patron-reg-example">
730       [% draw_example_text('aua', 'street1') %]
731     </div>
732   </div>
733
734   <!-- STREET2 -->
735
736   <div class="row reg-field-row" ng-show="show_field('aua.street2')">
737     [% draw_field_label('aua', 'street2') %]
738     [% draw_form_input('aua', 
739       'street2', 'addresses[$index]', '', 'addr._linked_owner') %]
740     <div class="col-md-6 patron-reg-example">
741       [% draw_example_text('aua', 'street2') %]
742     </div>
743   </div>
744
745   <!-- CITY -->
746
747   <div class="row reg-field-row" ng-show="show_field('aua.city')">
748     [% draw_field_label('aua', 'city') %]
749     [% draw_form_input('aua', 
750       'city', 'addresses[$index]', '', 'addr._linked_owner') %]
751     <div class="col-md-6 patron-reg-example">
752       [% draw_example_text('aua', 'city') %]
753     </div>
754   </div>
755
756   <!-- COUNTY -->
757
758   <div class="row reg-field-row" ng-show="show_field('aua.county')">
759     [% draw_field_label('aua', 'county') %]
760     [% draw_form_input('aua', 
761       'county', 'addresses[$index]', '', 'addr._linked_owner') %]
762     <div class="col-md-6 patron-reg-example">
763       [% draw_example_text('aua', 'county') %]
764     </div>
765   </div>
766
767   <!-- STATE -->
768
769   <div class="row reg-field-row" ng-show="show_field('aua.state')">
770     [% draw_field_label('aua', 'state') %]
771     [% draw_form_input('aua', 
772       'state', 'addresses[$index]', '', 'addr._linked_owner') %]
773     <div class="col-md-6 patron-reg-example">
774       [% draw_example_text('aua', 'state') %]
775     </div>
776   </div>
777
778   <!-- COUNTRY -->
779
780   <div class="row reg-field-row" ng-show="show_field('aua.country')">
781     [% draw_field_label('aua', 'country') %]
782     [% draw_form_input('aua', 
783       'country', 'addresses[$index]', '', 'addr._linked_owner') %]
784     <div class="col-md-6 patron-reg-example">
785       [% draw_example_text('aua', 'country') %]
786     </div>
787   </div>
788
789   <!-- VALID -->
790
791   <div class="row reg-field-row" ng-show="show_field('aua.valid')">
792     [% draw_field_label('aua', 'valid') %]
793     <div class="col-md-3 reg-field-input">
794       <div class='checkbox'>
795         <input 
796           type='checkbox' 
797           ng-change="field_modified()" 
798           ng-disabled='addr._linked_owner'
799           ng-blur="handle_field_changed(patron.addresses[$index], 'valid')"
800           ng-model="patron.addresses[$index].valid"/>
801       </div>
802     </div>
803     <div class="col-md-6 patron-reg-example">
804       [% draw_example_text('aua', 'valid') %]
805     </div>
806   </div>
807
808   <!-- WITHIN_CITY_LIMITS -->
809
810   <div class="row reg-field-row" ng-show="show_field('aua.within_city_limits')">
811     [% draw_field_label('aua', 'within_city_limits') %]
812     <div class="col-md-3 reg-field-input">
813       <div class='checkbox'>
814         <input 
815           type='checkbox' 
816           ng-change="field_modified()" 
817           ng-disabled='addr._linked_owner'
818           ng-blur="handle_field_changed(patron.addresses[$index], 'within_city_limits')"
819           ng-model="patron.addresses[$index].within_city_limits"/>
820       </div>
821     </div>
822     <div class="col-md-6 patron-reg-example">
823       [% draw_example_text('aua', 'within_city_limits') %]
824     </div>
825   </div>
826
827   <!-- pending address -->
828
829 </div> <!-- addresses -->
830
831 <div class="row">
832   <button type="button" ng-click="new_address()" 
833     class="btn btn-success">[% l('New Address') %]</button>
834 </div>
835
836 <div class="alert alert-success row" role="alert" 
837     ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
838     <div class="col-md-6">[% l('Statistical Categories') %]</div>
839 </div>
840
841 <div class="row reg-field-row" 
842     ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
843   <div class="col-md-3 reg-field-label">
844     <label>{{cat.name()}}</label>
845   </div>
846   <div class="col-md-3 reg-field-input">
847
848     <!-- Editable typeahead is not support in this version of 
849         angularjs-bootstrap.  Requires Angular 1.4 and 
850         angularjs-bootstrap version 1.1+ -->
851
852     <!-- typeahead is wonky.  Consider updating -->
853     <!--
854     <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"
855       typeahead="value as entry.value() for entry in cat.entries() | filter:$viewValue | limitTo:8" 
856       class="form-control">
857     -->
858     
859     <div ng-if="cat.entries().length != 0">
860       <div class="btn-group" uib-dropdown>
861         <button type="button" class="btn btn-default" uib-dropdown-toggle>
862           <span style="padding-right: 5px;">
863             {{stat_cat_entry_maps[cat.id()]}}</span>
864           <span class="caret"></span>
865         </button>
866         <ul uib-dropdown-menu>
867           <li ng-repeat="entry in cat.entries()">
868             <a href 
869               ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()"> 
870               {{entry.value()}}
871             </a>
872           </li>
873         </ul>
874       </div>
875     </div>
876   </div>
877
878   <!-- Stat cat retrieval API uses open-ils.storage under the covers
879       which represents DB bools at 1/0 instead of cstore-style t/f -->
880   <div class="col-md-3 reg-field-input" ng-if="cat.allow_freetext() == '1'">
881     <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"/>
882   </div>
883 </div>
884
885 <!-- surveys -->
886
887 <div class="alert alert-success row" role="alert" 
888     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
889     <div class="col-md-6">[% l('Surveys') %]</div>
890 </div>
891
892 <div class="row reg-field-row" 
893     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
894   <div class="col-md-3 reg-field-label">
895     <label>{{survey.name()}}</label>
896   </div>
897   <div class="col-md-6 reg-field-input">
898     <div class="row" ng-repeat="question in survey.questions()" 
899       style="margin-bottom: 10px;">
900       <div class="col-md-6">{{question.question()}}</div>
901       <div class="col-md-6">
902         <div class="btn-group" uib-dropdown>
903           <button type="button" class="btn btn-default" uib-dropdown-toggle>
904             <span style="padding-right: 5px;">
905               {{survey_responses[question.id()].answer()}}
906             </span>
907             <span class="caret"></span>
908           </button>
909           <ul uib-dropdown-menu>
910             <li ng-repeat="answer in question.answers()">
911               <a href 
912                 ng-click="field_modified();survey_responses[question.id()] = answer"> 
913                 {{answer.answer()}} 
914               </a>
915             </li>
916           </ul>
917         </div>
918       </div>
919     </div>
920   </div>
921 </div>
922
923 </div><!-- /form wrapper -->