]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/templates/staff/circ/patron/t_edit.tt2
LP#1452950 Unload prompts more handlers / dupe styling
[working/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
23 <div id="reg-alert-pane">
24
25         <div id="reg-dupe-links">
26                 [%# dupe_search_encoded is uri escaped in the JS %]
27                 <div class="alert alert-danger" ng-show="dupe_counts.name">
28                         <a target="_blank"
29                                 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
30                         [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
31                         </a>
32                 </div>
33                 <div class="alert alert-danger" ng-show="dupe_counts.email">
34                         <a target="_blank"
35                                 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
36                                 [% l('[_1] patron(s) with same email', 
37                                 '{{dupe_counts.email}}') %]</a>
38                 </div>
39                 <div class="alert alert-danger" ng-show="dupe_counts.ident">
40                         <a target="_blank" 
41                                 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
42                                 [% l('[_1] patron(s) with same identification', 
43                                 '{{dupe_counts.ident}}') %]</a>
44                 </div>
45                 <div class="alert alert-danger" ng-show="dupe_counts.phone">
46                         <a target="_blank" 
47                                 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}">
48                                 [% l('[_1] patron(s) with same phone', 
49                                 '{{dupe_counts.phone}}') %]</a>
50                 </div>
51                 <div class="alert alert-danger" ng-show="dupe_counts.address">
52                         <a target="_blank" 
53                                 href="/eg/staff/circ/patron/search?search={{dupe_search_encoded}}" >
54                                 [% l('[_1] patron(s) with same address', 
55                                 '{{dupe_counts.address}}') %]</a>
56                 </div>
57         </div>
58
59         <!-- IDL field documentation window -->
60   <div class="alert alert-info" ng-show="selected_field_doc">
61     <fieldset id="reg-field-doc">
62       <legend>
63       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
64       </legend>
65       <div>{{selected_field_doc.string()}}</div>
66     </fieldset>
67   </div>
68 </div>
69
70
71 [% MACRO formfield(cls, field, path, input_type) BLOCK;
72
73   # input field generator for common text/number/checkbox fields
74
75   IF NOT input_type; input_type = 'text'; END %] 
76
77 <div class="row reg-field-row" 
78   ng-show="show_field('[% cls _ '.' _ field %]')">
79
80   <div class="col-md-3 reg-field-label"> <!-- field label -->
81
82     <label>{{idl_fields.[% cls %].[% field %].label}}</label>
83
84     <!-- field documentation img/link -->
85     <img ng-show="field_doc.[% cls %].[% field %]" 
86       ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
87       src='[% DOC_IMG %]'></img>
88   </div>
89
90   <div class="col-md-3 reg-field-input"> <!-- field form input -->
91
92   [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
93
94   [% IF input_type == 'checkbox' %]
95
96     <div class='checkbox'>
97       <input type='checkbox' ng-model='[% model %]'/>
98     </div>
99
100   [% ELSE %]
101     <!-- text / number input -->
102
103     [% IF field == 'alert_message' %]
104       <textarea ng-change="field_modified()" 
105         class="form-control" ng-model="[% model %]"/>
106     [% ELSIF field == 'post_code' %]
107       <input type="text" ng-change="field_modified()" 
108         ng-blur="post_code_changed(patron.[% path %])"
109         class="form-control" ng-model="[% model %]"/>
110     [% ELSIF field == 'barcode' %]
111       <input type="text" 
112         focus-me="focus_bc"
113         ng-change="field_modified()" 
114         ng-disabled="disable_bc"
115         ng-blur="barcode_changed(patron.card.barcode)"
116         class="form-control" ng-model="[% model %]"/>
117     [% ELSIF field == 'usrname' %]
118       <input type="text" 
119         focus-me="focus_usrname"
120         ng-change="field_modified()" 
121         ng-blur="usrname_changed(patron.usrname)"
122         class="form-control" ng-model="[% model %]"/>
123     [% ELSIF field == 'day_phone' %]
124       <input type="text" 
125         ng-blur="day_phone_changed(patron.day_phone)"
126         ng-change="field_modified()" 
127         class="form-control" ng-model="[% model %]"/>
128     [% ELSIF field.match('phone') %]
129       <input type="text" 
130         ng-change="field_modified()" 
131         ng-blur="dupe_value_changed('phone', patron.[% field %])"
132         class="form-control" ng-model="[% model %]"/>
133     [% ELSIF field.match('ident_value') %]
134       <input type="text" 
135         ng-change="field_modified()" 
136         ng-blur="dupe_value_changed('ident', patron.[% field %])"
137         class="form-control" ng-model="[% model %]"/>
138     [% ELSIF field == 'first_given_name' OR field == 'family_name' %]
139       <input type="text" 
140         ng-change="field_modified()" 
141         ng-blur="dupe_value_changed('name', patron.[% field %])"
142         class="form-control" ng-model="[% model %]"/>
143     [% ELSIF field == 'email' %]
144       <input type="[% input_type %]" 
145         ng-change="field_modified()" 
146         ng-blur="dupe_value_changed('email', patron.email)"
147         class="form-control" ng-model="[% model %]"/>
148     [% ELSIF field.match('street') OR field == 'city' %]
149       <!-- note: passing address object to dupe_value_changed -->
150       <input type="[% input_type %]" 
151         ng-change="field_modified()" 
152         ng-blur="dupe_value_changed('address', patron.[% path %])"
153         class="form-control" ng-model="[% model %]"/>
154     [% ELSE %]
155       <input type="[% input_type %]" 
156         ng-change="field_modified()" 
157         class="form-control" ng-model="[% model %]"/>
158     [% END %]
159   [% END %]
160
161   </div>
162
163   <!-- supplemental actions and example text -->
164   <div class="col-md-6 patron-reg-example">
165
166     [% IF field == 'barcode' %]
167
168       <button class="btn btn-default" ng-show="!patron.isnew"
169         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
170       <button class="btn btn-default" 
171         ng-click="cards_dialog()">[% l('See All') %]</button>
172
173     [% ELSIF field == 'passwd' %]
174
175       <button class="btn btn-default" ng-click="generate_password()">
176         [% l('Generate Password') %]</button>
177
178     [% ELSE %]
179
180       <!-- invalidate buttons -->
181
182       [% IF field.match('phone') OR field.match('email') %]
183         <button ng-show="patron.[% field %] && !patron.isnew" 
184             class="btn btn-default" 
185             ng-click="invalidate_field('[% field %]')">
186             [% l('Invalidate') %]
187         </button>
188       [% END %]
189
190       <!-- example strings -->
191
192       [% set_str = "org_settings['ui.patron.edit." _ 
193           cls _ "." _ field _ ".example']"; %]
194
195       <span ng-if="[% set_str %]">
196         [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
197       </span>
198
199       <!-- phones have a fall-through example strings -->
200       [% IF field.match('phone') %]
201         <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
202           [% l('Example: [_1]', 
203           "{{org_settings['ui.patron.edit.phone.example']}}") %]
204         </span>
205       [% END %]
206     [% END %]
207   </div>
208 </div>
209 [% END %]
210
211 <!-- progress dialog displayed as we await all data to finish loading -->
212 <div class="row" ng-show="!page_data_loaded">
213   <div class="col-md-6 pad-vert">
214     <div class="progress progress-striped active">
215         <div class="progress-bar"  role="progressbar" aria-valuenow="100" 
216               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
217             <span class="sr-only">[% l('Loading...') %]</span>
218         </div>
219     </div>
220   </div>
221 </div>
222
223 <!-- this div wraps the entire form so we can hide it 
224      until all needed data has been loaded -->
225 <div ng-show="page_data_loaded"><!-- form wrapper -->
226
227 [% formfield('ac', 'barcode', 'card') %]
228 [% formfield('au', 'usrname') %]
229 [% formfield('au', 'passwd') %]
230 [% formfield('au', 'prefix') %]
231 [% formfield('au', 'first_given_name') %]
232 [% formfield('au', 'second_given_name') %]
233 [% formfield('au', 'family_name') %]
234 [% formfield('au', 'suffix') %]
235 [% formfield('au', 'alias') %]
236
237 <div class="row reg-field-row" ng-show="show_field('au.dob')">
238   <div class="col-md-3 reg-field-label">
239     <label>{{idl_fields.au.dob.label}}</label>
240     <img ng-show="field_doc.au.dob" 
241       ng-click="selected_field_doc=field_doc.au.dob"
242       src='[% DOC_IMG %]'></img>
243   </div>
244   <div class="col-md-3 reg-field-input">
245     <input eg-date-input 
246       ng-change="field_modified()" 
247       class="form-control" ng-model="patron.dob"/>
248   </div>
249 </div>
250
251 [% formfield('au', 'juvenile', '', 'checkbox') %]
252
253 <!-- ident_type -->
254
255 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
256   <div class="col-md-3 reg-field-label">
257     <label>{{idl_fields.au.ident_type.label}}</label>
258     <img ng-show="field_doc.au.ident_type" 
259       ng-click="selected_field_doc=field_doc.au.ident_type"
260       src='[% DOC_IMG %]'></img>
261   </div>
262   <div class="col-md-3 reg-field-input">
263     <div class="btn-group" dropdown>
264       <button type="button" class="btn btn-default dropdown-toggle">
265         <span style="padding-right: 5px;">
266           {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
267         </span>
268         <span class="caret"></span>
269       </button>
270       <ul class="dropdown-menu">
271         <li ng-repeat="type in ident_types">
272           <a href ng-click="patron.ident_type = type; field_modified()">
273             {{type.name()}}
274           </a>
275         </li>
276       </ul>
277     </div>
278   </div>
279 </div>
280
281
282 [% formfield('au', 'ident_value') %]
283 [% formfield('au', 'ident_value2') %]
284 [% formfield('au', 'email', '', 'email') %]
285 [% formfield('au', 'day_phone') %]
286 [% formfield('au', 'evening_phone') %]
287 [% formfield('au', 'other_phone') %]
288
289 <!-- home org unit selector -->
290
291 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
292   <div class="col-md-3 reg-field-label">
293     <label>{{idl_fields.au.home_ou.label}}</label>
294     <img ng-show="field_doc.au.home_ou" 
295       ng-click="selected_field_doc=field_doc.au.home_ou"
296       src='[% DOC_IMG %]'></img>
297     </div>
298     <div class="col-md-3 reg-field-input">
299       <eg-org-selector selected="patron.home_ou" onchange="field_modified">
300       </eg-org-selector>
301   </div>
302 </div>
303
304 <!-- profile selector -->
305
306 <div class="row reg-field-row" ng-show="show_field('au.profile')">
307   <div class="col-md-3 reg-field-label">
308     <label>{{idl_fields.au.profile.label}}</label>
309     <img ng-show="field_doc.au.profile" 
310       ng-click="selected_field_doc=field_doc.au.profile"
311       src='[% DOC_IMG %]'></img>
312   </div>
313   <div class="col-md-3 reg-field-input">
314     <div class="btn-group" dropdown>
315       <button type="button" class="btn btn-default dropdown-toggle">
316         <span style="padding-right: 5px;">
317           {{patron.profile.name() || "[% l('Profile Group') %]"}}
318         </span>
319         <span class="caret"></span>
320       </button>
321       <ul class="dropdown-menu">
322         <li ng-repeat="grp in edit_profiles">
323           <a href 
324             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
325             ng-click="set_profile(grp)">{{grp.name()}}</a>
326         </li>
327       </ul>
328     </div>
329   </div>
330   <div class="col-md-3">
331     <button class="btn btn-default" ng-disabled="!has_group_link_perm"
332       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
333   </div> 
334 </div>
335
336 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
337   <div class="col-md-3 reg-field-label">
338   <label>{{idl_fields.au.expire_date.label}}</label>
339     <img ng-show="field_doc.au.expire_date" 
340     ng-click="selected_field_doc=field_doc.au.expire_date"
341     src='[% DOC_IMG %]'></img>
342   </div>
343   <div class="col-md-3 reg-field-input">
344     <input eg-date-input 
345       ng-change="field_modified()" 
346       class="form-control" ng-model="patron.expire_date"/>
347   </div>
348   <div class="col-md-3">
349     <button class="btn btn-default" ng-click="set_expire_date()">
350       [% l('Update Expire Date') %]</button>
351   </div>
352 </div>
353
354 <!-- net_access_level -->
355
356 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
357   <div class="col-md-3 reg-field-label">
358     <label>{{idl_fields.au.net_access_level.label}}</label>
359     <img ng-show="field_doc.au.net_access_level" 
360       ng-click="selected_field_doc=field_doc.au.net_access_level"
361       src='[% DOC_IMG %]'></img>
362   </div>
363   <div class="col-md-3 reg-field-input">
364     <div class="btn-group" dropdown>
365       <button type="button" class="btn btn-default dropdown-toggle">
366         <span style="padding-right: 5px;">
367           {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
368         </span>
369         <span class="caret"></span>
370       </button>
371       <ul class="dropdown-menu">
372         <li ng-repeat="level in net_access_levels">
373           <a href 
374             ng-click="patron.net_access_level = level">{{level.name()}}</a>
375         </li>
376       </ul>
377     </div>
378   </div>
379 </div>
380
381 [% formfield('au', 'active', '', 'checkbox') %]
382 [% formfield('au', 'barred', '', 'checkbox') %]
383 [% formfield('au', 'master_account', '', 'checkbox') %]
384 [% formfield('au', 'claims_returned_count', '', 'number') %]
385 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
386 [% formfield('au', 'alert_message') %]
387
388 <div class="alert alert-success row" role="alert">
389   <div class="col-md-6">[% l('User Settings') %]</div>
390 </div>
391
392 <div class="row reg-field-row">
393   <div class="col-md-3 reg-field-label">
394     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
395   </div>
396   <div class="col-md-3 reg-field-input">
397     <input 
398       ng-change="field_modified()" 
399       type='text' ng-model="user_settings['opac.default_phone']"/>
400   </div>
401 </div>
402
403 <div class="row reg-field-row">
404   <div class="col-md-3 reg-field-label">
405     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
406   </div>
407   <div class="col-md-3 reg-field-input">
408     <eg-org-selector 
409       xonchange="field_modified" 
410       selected="patron.home_ou"></eg-org-selector>
411   </div>
412 </div>
413
414 <div class="row reg-field-row">
415   <div class="col-md-3 reg-field-label">
416     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
417   </div>
418   <div class="col-md-3 reg-field-input">
419     <div class='checkbox'>
420       <input 
421         ng-change="field_modified()" 
422         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
423     </div>
424   </div>
425 </div>
426
427 <div class="row reg-field-row">
428   <div class="col-md-3 reg-field-label">
429     <label>[% l('Holds Notices') %]</label>
430   </div>
431   <div class="col-md-3 reg-field-input flex-row">
432     <div class='flex-cell'>
433       <input 
434         ng-change="field_modified()" 
435         type='checkbox' ng-model="hold_notify_phone"/>
436       [% l('Phone') %]
437     </div>
438     <div class='flex-cell'>
439       <input 
440         ng-change="field_modified()" 
441         type='checkbox' ng-model="hold_notify_email"/>
442       [% l('Email') %]
443     </div>
444     <div class='flex-cell' ng-if="org_settings['sms.enable']">
445       <input 
446         ng-change="field_modified()" 
447         type='checkbox' ng-model="hold_notify_sms"/>
448       [% l('SMS') %]
449     </div>
450   </div>
451 </div>
452
453 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
454   <div class="col-md-3 reg-field-label">
455     <label>[% l('Default SMS/Text Number') %]</label>
456   </div>
457   <div class="col-md-3 reg-field-input">
458     <input 
459       ng-change="field_modified()" 
460       type='text'/>
461   </div>
462 </div>
463
464 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
465   <div class="col-md-3 reg-field-label">
466     <label>[% l('Default SMS Carrier') %]</label>
467   </div>
468   <div class="col-md-3 reg-field-input">
469     <div class="btn-group" dropdown>
470       <button type="button" class="btn btn-default dropdown-toggle">
471         <span style="padding-right: 5px;"></span>
472         <span class="caret"></span>
473       </button>
474       <ul class="dropdown-menu">
475         <li ng-repeat="carrier in sms_carriers">
476           <a href 
477             ng-click="field_modified();user_settings['opac.default_sms_carrier'] = carrier">
478                 {{carrier.name()}}
479           </a>
480         </li>
481       </ul>
482     </div>
483   </div>
484 </div>
485
486 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
487   <div class="col-md-3 reg-field-label">
488     <label>{{type.label()}}</label>
489   </div>
490   <div class="col-md-3 reg-field-input">
491     <input 
492       ng-change="field_modified()" 
493       type='checkbox' ng-model="user_settings[type.name()]"/>
494   </div>
495 </div>
496
497 <!-- addresses -->
498
499 <div ng-repeat="addr in patron.addresses">
500   <div class="alert alert-success row" role="alert">
501       <div class="col-md-3">[% l('Address') %]</div>
502       <div class="col-md-3">
503           <span class='pad-all-min'>
504             [% l('Mailing') %] <input type='checkbox' 
505               ng-change="field_modified();set_addr_type(addr, 'mailing')" 
506               ng-model="addr._is_mailing"/>
507           </span>
508           <span class='pad-all-min'>
509             [% l('Physical') %] <input type='checkbox' 
510               ng-change="field_modified();set_addr_type(addr, 'billing')" 
511               ng-model="addr._is_billing"/>
512           </span>
513           <span class='pad-all-min'>
514             <button type="button" 
515               ng-click="field_modified();delete_address(addr.id)" 
516               class="btn btn-danger">[% l('X') %]</button>
517           </span>
518       </div>
519   </div>
520
521   [% formfield('aua', 'address_type', 'addresses[$index]') %]
522   [% formfield('aua', 'post_code', 'addresses[$index]') %]
523   [% formfield('aua', 'street1', 'addresses[$index]') %]
524   [% formfield('aua', 'street2', 'addresses[$index]') %]
525   [% formfield('aua', 'city', 'addresses[$index]') %]
526   [% formfield('aua', 'county', 'addresses[$index]') %]
527   [% formfield('aua', 'state', 'addresses[$index]') %]
528   [% formfield('aua', 'country', 'addresses[$index]') %]
529   [% formfield('aua', 'valid', 'addresses[$index]', 'checkbox') %]
530   [% formfield('aua', 'within_city_limits', 'addresses[$index]', 'checkbox') %]
531
532   <div class="row" ng-if="$last">
533     <button type="button" ng-click="new_address()" 
534       class="btn btn-success">[% l('New Address') %]</button>
535   </div>
536
537   <!-- pending address -->
538
539 </div> <!-- addresses -->
540
541 <div class="alert alert-success row" role="alert" 
542     ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
543     <div class="col-md-6">[% l('Statistical Categories') %]</div>
544 </div>
545
546 <div class="row reg-field-row" 
547     ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
548   <div class="col-md-3 reg-field-label">
549     <label>{{cat.name()}}</label>
550   </div>
551   <div class="col-md-3 reg-field-input">
552     <div ng-if="cat.entries().length == 0">
553       <input 
554         ng-change="field_modified()" 
555         type="text" class="form-control"/>
556     </div>
557     <div ng-if="cat.entries().length != 0">
558       <div class="btn-group" dropdown>
559         <button type="button" class="btn btn-default dropdown-toggle">
560           <span style="padding-right: 5px;">
561             {{stat_cat_entry_maps[cat.id()].value()}}</span>
562           <span class="caret"></span>
563         </button>
564         <ul class="dropdown-menu">
565           <li ng-repeat="entry in cat.entries()">
566             <a href 
567               ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry"> 
568               {{entry.value()}}
569             </a>
570           </li>
571         </ul>
572       </div>
573     </div>
574   </div>
575 </div>
576
577 <!-- surveys -->
578
579 <div class="alert alert-success row" role="alert" 
580     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
581     <div class="col-md-6">[% l('Surveys') %]</div>
582 </div>
583
584 <div class="row reg-field-row" 
585     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
586   <div class="col-md-3 reg-field-label">
587     <label>{{survey.name()}}</label>
588   </div>
589   <div class="col-md-6 reg-field-input">
590     <div class="row" ng-repeat="question in survey.questions()" 
591       style="margin-bottom: 10px;">
592       <div class="col-md-6">{{question.question()}}</div>
593       <div class="col-md-6">
594         <div class="btn-group" dropdown>
595           <button type="button" class="btn btn-default dropdown-toggle">
596             <span style="padding-right: 5px;">
597               {{survey_responses[question.id()].answer()}}
598             </span>
599             <span class="caret"></span>
600           </button>
601           <ul class="dropdown-menu">
602             <li ng-repeat="answer in question.answers()">
603               <a href 
604                 ng-click="field_modified();survey_responses[question.id()] = answer"> 
605                 {{answer.answer()}} 
606               </a>
607             </li>
608           </ul>
609         </div>
610       </div>
611     </div>
612   </div>
613 </div>
614
615 </div><!-- /form wrapper -->