LP#1452950 pat. reg surveys and opt-in settings
[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 <!-- IDL field documentation window -->
23 <fieldset id="reg-field-doc" ng-show="selected_field_doc">
24   <legend>
25   {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
26   </legend>
27   <div>{{selected_field_doc.string()}}</div>
28 </fieldset>
29
30 [% MACRO formfield(cls, field, path, input_type) BLOCK;
31
32   # input field generator for common text/number/checkbox fields
33
34   IF NOT input_type; input_type = 'text'; END %] 
35
36 <div class="row reg-field-row" 
37   ng-show="show_field('[% cls _ '.' _ field %]')">
38
39   <div class="col-md-3 reg-field-label"> <!-- field label -->
40
41     <label>{{idl_fields.[% cls %].[% field %].label}}</label>
42
43     <!-- field documentation img/link -->
44     <img ng-show="field_doc.[% cls %].[% field %]" 
45       ng-click="selected_field_doc=field_doc.[% cls %].[% field %]"
46       src='[% DOC_IMG %]'></img>
47   </div>
48
49   <div class="col-md-3 reg-field-input"> <!-- field form input -->
50
51   [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
52
53   [% IF input_type == 'checkbox' %]
54
55     <div class='checkbox'>
56       <input type='checkbox' ng-model='[% model %]'/>
57     </div>
58
59   [% ELSE %]
60     <!-- text / number input -->
61
62     [% IF field == 'alert_message' %]
63       <textarea class="form-control" ng-model="[% model %]"/>
64     [% ELSIF field == 'post_code' %]
65       <input type="text" ng-blur="post_code_changed(patron.[% path %])"
66         class="form-control" ng-model="[% model %]"/>
67     [% ELSIF field == 'barcode' %]
68       <input type="text" 
69         focus-me="focus_bc"
70         ng-disabled="disable_bc"
71         ng-blur="barcode_changed(patron.card.barcode)"
72         class="form-control" ng-model="[% model %]"/>
73     [% ELSIF field == 'usrname' %]
74       <input type="text" 
75         focus-me="focus_usrname"
76         ng-blur="usrname_changed(patron.usrname)"
77         class="form-control" ng-model="[% model %]"/>
78     [% ELSIF field == 'day_phone' %]
79       <input type="text" 
80         ng-blur="day_phone_changed(patron.day_phone)"
81         class="form-control" ng-model="[% model %]"/>
82     [% ELSE %]
83       <input type="[% input_type %]" 
84         class="form-control" ng-model="[% model %]"/>
85     [% END %]
86   [% END %]
87
88   </div>
89
90   <!-- supplemental actions and example text -->
91   <div class="col-md-6 patron-reg-example">
92
93     [% IF field == 'barcode' %]
94
95       <button class="btn btn-default" ng-show="!patron.isnew"
96         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
97       <button class="btn btn-default" 
98         ng-click="cards_dialog()">[% l('See All') %]</button>
99
100     [% ELSIF field == 'passwd' %]
101
102       <button class="btn btn-default" ng-click="generate_password()">
103         [% l('Generate Password') %]</button>
104
105     [% ELSE %]
106
107       <!-- invalidate buttons -->
108
109       [% IF field.match('phone') OR field.match('email') %]
110         <button ng-show="patron.[% field %] && !patron.isnew" class="btn btn-default"
111           ng-click="">[% l('Invalidate') %]</button>
112       [% END %]
113
114       <!-- example strings -->
115
116       [% set_str = "org_settings['ui.patron.edit." _ 
117           cls _ "." _ field _ ".example']"; %]
118
119       <span ng-if="[% set_str %]">
120         [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
121       </span>
122
123       <!-- phones have a fall-through example strings -->
124       [% IF field.match('phone') %]
125         <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
126           [% l('Example: [_1]', 
127           "{{org_settings['ui.patron.edit.phone.example']}}") %]
128         </span>
129       [% END %]
130     [% END %]
131   </div>
132 </div>
133 [% END %]
134
135 [% formfield('ac', 'barcode', 'card') %]
136 [% formfield('au', 'usrname') %]
137 [% formfield('au', 'passwd') %]
138 [% formfield('au', 'prefix') %]
139 [% formfield('au', 'first_given_name') %]
140 [% formfield('au', 'second_given_name') %]
141 [% formfield('au', 'family_name') %]
142 [% formfield('au', 'suffix') %]
143 [% formfield('au', 'alias') %]
144
145 <div class="row reg-field-row" ng-show="show_field('au.dob')">
146   <div class="col-md-3 reg-field-label">
147     <label>{{idl_fields.au.dob.label}}</label>
148     <img ng-show="field_doc.au.dob" 
149       ng-click="selected_field_doc=field_doc.au.dob"
150       src='[% DOC_IMG %]'></img>
151   </div>
152   <div class="col-md-3 reg-field-input">
153     <input eg-date-input 
154       class="form-control" ng-model="patron.dob"/>
155   </div>
156 </div>
157
158 [% formfield('au', 'juvenile', '', 'checkbox') %]
159
160 <!-- ident_type -->
161
162 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
163   <div class="col-md-3 reg-field-label">
164     <label>{{idl_fields.au.ident_type.label}}</label>
165     <img ng-show="field_doc.au.ident_type" 
166       ng-click="selected_field_doc=field_doc.au.ident_type"
167       src='[% DOC_IMG %]'></img>
168   </div>
169   <div class="col-md-3 reg-field-input">
170     <div class="btn-group" dropdown>
171       <button type="button" class="btn btn-default dropdown-toggle">
172         <span style="padding-right: 5px;">
173           {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
174         </span>
175         <span class="caret"></span>
176       </button>
177       <ul class="dropdown-menu">
178         <li ng-repeat="type in ident_types">
179           <a href ng-click="patron.ident_type = type">{{type.name()}}</a>
180         </li>
181       </ul>
182     </div>
183   </div>
184 </div>
185
186
187 [% formfield('au', 'ident_value') %]
188 [% formfield('au', 'ident_value2') %]
189 [% formfield('au', 'email', '', 'email') %]
190 [% formfield('au', 'day_phone') %]
191 [% formfield('au', 'evening_phone') %]
192 [% formfield('au', 'other_phone') %]
193
194 <!-- home org unit selector -->
195
196 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
197   <div class="col-md-3 reg-field-label">
198     <label>{{idl_fields.au.home_ou.label}}</label>
199     <img ng-show="field_doc.au.home_ou" 
200       ng-click="selected_field_doc=field_doc.au.home_ou"
201       src='[% DOC_IMG %]'></img>
202     </div>
203     <div class="col-md-3 reg-field-input">
204       <eg-org-selector selected="patron.home_ou" onchange="">
205       </eg-org-selector>
206   </div>
207 </div>
208
209 <!-- profile selector -->
210
211 <div class="row reg-field-row" ng-show="show_field('au.profile')">
212   <div class="col-md-3 reg-field-label">
213     <label>{{idl_fields.au.profile.label}}</label>
214     <img ng-show="field_doc.au.profile" 
215       ng-click="selected_field_doc=field_doc.au.profile"
216       src='[% DOC_IMG %]'></img>
217   </div>
218   <div class="col-md-3 reg-field-input">
219     <div class="btn-group" dropdown>
220       <button type="button" class="btn btn-default dropdown-toggle">
221         <span style="padding-right: 5px;">
222           {{patron.profile.name() || "[% l('Profile Group') %]"}}
223         </span>
224         <span class="caret"></span>
225       </button>
226       <ul class="dropdown-menu">
227         <li ng-repeat="grp in profiles">
228           <a href 
229             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
230             ng-click="set_profile(grp)">{{grp.name()}}</a>
231         </li>
232       </ul>
233     </div>
234   </div>
235   <div class="col-md-3">
236     <button class="btn btn-default">[% l('Secondary Groups') %]</button>
237   </div> 
238 </div>
239
240 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
241   <div class="col-md-3 reg-field-label">
242   <label>{{idl_fields.au.expire_date.label}}</label>
243     <img ng-show="field_doc.au.expire_date" 
244     ng-click="selected_field_doc=field_doc.au.expire_date"
245     src='[% DOC_IMG %]'></img>
246   </div>
247   <div class="col-md-3 reg-field-input">
248     <input eg-date-input 
249       class="form-control" ng-model="patron.expire_date"/>
250   </div>
251   <div class="col-md-3">
252     <button class="btn btn-default" ng-click="set_expire_date()">
253       [% l('Update Expire Date') %]</button>
254   </div>
255 </div>
256
257 <!-- net_access_level -->
258
259 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
260   <div class="col-md-3 reg-field-label">
261     <label>{{idl_fields.au.net_access_level.label}}</label>
262     <img ng-show="field_doc.au.net_access_level" 
263       ng-click="selected_field_doc=field_doc.au.net_access_level"
264       src='[% DOC_IMG %]'></img>
265   </div>
266   <div class="col-md-3 reg-field-input">
267     <div class="btn-group" dropdown>
268       <button type="button" class="btn btn-default dropdown-toggle">
269         <span style="padding-right: 5px;">
270           {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
271         </span>
272         <span class="caret"></span>
273       </button>
274       <ul class="dropdown-menu">
275         <li ng-repeat="level in net_access_levels">
276           <a href 
277             ng-click="patron.net_access_level = level">{{level.name()}}</a>
278         </li>
279       </ul>
280     </div>
281   </div>
282 </div>
283
284 [% formfield('au', 'active', '', 'checkbox') %]
285 [% formfield('au', 'barred', '', 'checkbox') %]
286 [% formfield('au', 'master_account', '', 'checkbox') %]
287 [% formfield('au', 'claims_returned_count', '', 'number') %]
288 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
289 [% formfield('au', 'alert_message') %]
290
291 <div class="alert alert-success row" role="alert">
292   <div class="col-md-6">[% l('User Settings') %]</div>
293 </div>
294
295 <div class="row reg-field-row">
296   <div class="col-md-3 reg-field-label">
297     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
298   </div>
299   <div class="col-md-3 reg-field-input">
300     <input type='text' ng-model="user_settings['opac.default_phone']"/>
301   </div>
302 </div>
303
304 <div class="row reg-field-row">
305   <div class="col-md-3 reg-field-label">
306     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
307   </div>
308   <div class="col-md-3 reg-field-input">
309     <eg-org-selector selected="patron.home_ou" onchange=""></eg-org-selector>
310   </div>
311 </div>
312
313 <div class="row reg-field-row">
314   <div class="col-md-3 reg-field-label">
315     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
316   </div>
317   <div class="col-md-3 reg-field-input">
318     <div class='checkbox'>
319       <input type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
320     </div>
321   </div>
322 </div>
323
324 <div class="row reg-field-row">
325   <div class="col-md-3 reg-field-label">
326     <label>[% l('Holds Notices') %]</label>
327   </div>
328   <div class="col-md-3 reg-field-input flex-row">
329     <div class='flex-cell'>
330       <input type='checkbox' ng-model="hold_notify_phone"/>
331       [% l('Phone') %]
332     </div>
333     <div class='flex-cell'>
334       <input type='checkbox' ng-model="hold_notify_email"/>
335       [% l('Email') %]
336     </div>
337     <div class='flex-cell' ng-if="org_settings['sms.enable']">
338       <input type='checkbox' ng-model="hold_notify_sms"/>
339       [% l('SMS') %]
340     </div>
341   </div>
342 </div>
343
344 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
345   <div class="col-md-3 reg-field-label">
346     <label>[% l('Default SMS/Text Number') %]</label>
347   </div>
348   <div class="col-md-3 reg-field-input">
349     <input type='text'/>
350   </div>
351 </div>
352
353 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
354   <div class="col-md-3 reg-field-label">
355     <label>[% l('Default SMS Carrier') %]</label>
356   </div>
357   <div class="col-md-3 reg-field-input">
358     <div class="btn-group" dropdown>
359       <button type="button" class="btn btn-default dropdown-toggle">
360         <span style="padding-right: 5px;"></span>
361         <span class="caret"></span>
362       </button>
363       <ul class="dropdown-menu">
364         <li ng-repeat="carrier in sms_carriers">
365           <a href 
366             ng-click="user_settings['opac.default_sms_carrier'] = carrier">
367                 {{carrier.name()}}
368           </a>
369         </li>
370       </ul>
371     </div>
372   </div>
373 </div>
374
375 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
376   <div class="col-md-3 reg-field-label">
377     <label>{{type.label()}}</label>
378   </div>
379   <div class="col-md-3 reg-field-input">
380     <input type='checkbox' ng-model="user_settings[type.name()]"/>
381   </div>
382 </div>
383
384 <!-- addresses -->
385
386 <div ng-repeat="addr in patron.addresses">
387   <div class="alert alert-success row" role="alert">
388       <div class="col-md-3">[% l('Address') %]</div>
389       <div class="col-md-3">
390           <span class='pad-all-min'>
391             [% l('Mailing') %] <input type='checkbox' 
392               ng-change="set_addr_type(addr, 'mailing')" 
393               ng-model="addr._is_mailing"/>
394           </span>
395           <span class='pad-all-min'>
396             [% l('Physical') %] <input type='checkbox' 
397               ng-change="set_addr_type(addr, 'billing')" 
398               ng-model="addr._is_billing"/>
399           </span>
400           <span class='pad-all-min'>
401             <button type="button" ng-click="delete_address(addr.id)" 
402               class="btn btn-danger">[% l('X') %]</button>
403           </span>
404       </div>
405   </div>
406
407   [% formfield('aua', 'address_type', 'addresses[$index]') %]
408   [% formfield('aua', 'post_code', 'addresses[$index]') %]
409   [% formfield('aua', 'street1', 'addresses[$index]') %]
410   [% formfield('aua', 'street2', 'addresses[$index]') %]
411   [% formfield('aua', 'city', 'addresses[$index]') %]
412   [% formfield('aua', 'county', 'addresses[$index]') %]
413   [% formfield('aua', 'state', 'addresses[$index]') %]
414   [% formfield('aua', 'country', 'addresses[$index]') %]
415   [% formfield('aua', 'valid', 'addresses[$index]', 'checkbox') %]
416   [% formfield('aua', 'within_city_limits', 'addresses[$index]', 'checkbox') %]
417
418   <div class="row" ng-if="$last">
419     <button type="button" ng-click="new_address()" 
420       class="btn btn-success">[% l('New Address') %]</button>
421   </div>
422
423   <!-- pending address -->
424
425 </div> <!-- addresses -->
426
427 <div class="alert alert-success row" role="alert" 
428     ng-show="show_field('stat_cats')" ng-if="stat_cats.length > 0">
429     <div class="col-md-6">[% l('Statistical Categories') %]</div>
430 </div>
431
432 <div class="row reg-field-row" 
433     ng-show="show_field('stat_cats')" ng-repeat="cat in stat_cats">
434   <div class="col-md-3 reg-field-label">
435     <label>{{cat.name()}}</label>
436   </div>
437   <div class="col-md-3 reg-field-input">
438     <div ng-if="cat.entries().length == 0">
439       <input type="text" class="form-control"/>
440     </div>
441     <div ng-if="cat.entries().length != 0">
442       <div class="btn-group" dropdown>
443         <button type="button" class="btn btn-default dropdown-toggle">
444           <span style="padding-right: 5px;"></span>
445           <span class="caret"></span>
446         </button>
447         <ul class="dropdown-menu">
448           <li ng-repeat="entry in cat.entries()">
449             <a href ng-click=""> {{entry.value()}} </a>
450           </li>
451         </ul>
452       </div>
453     </div>
454   </div>
455 </div>
456
457 <!-- surveys -->
458
459 <div class="alert alert-success row" role="alert" 
460     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
461     <div class="col-md-6">[% l('Surveys') %]</div>
462 </div>
463
464 <div class="row reg-field-row" 
465     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
466   <div class="col-md-3 reg-field-label">
467     <label>{{survey.name()}}</label>
468   </div>
469   <div class="col-md-6">
470     <div class="row" ng-repeat="question in survey.questions()" 
471       style="margin-bottom: 10px;">
472       <div class="col-md-6">{{question.question()}}</div>
473       <div class="col-md-6">
474         <div class="btn-group" dropdown>
475           <button type="button" class="btn btn-default dropdown-toggle">
476             <span style="padding-right: 5px;">
477               {{survey_responses[question.id()].answer()}}
478             </span>
479             <span class="caret"></span>
480           </button>
481           <ul class="dropdown-menu">
482             <li ng-repeat="answer in question.answers()">
483               <a href ng-click="survey_responses[question.id()] = answer"> 
484                 {{answer.answer()}} 
485               </a>
486             </li>
487           </ul>
488         </div>
489       </div>
490     </div>
491   </div>
492 </div>
493
494