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