]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/templates/staff/circ/patron/t_edit.tt2
LP#1452950 patron reg. UI improvements / repairs
[Evergreen.git] / Open-ILS / src / templates / staff / circ / patron / t_edit.tt2
1 [% DOC_IMG = '/images/question-mark.png' %]
2
3 <div class="strong-text-2">[% l('Patron Edit') %]</div>
4
5 <!-- IDL field documentation window -->
6 <div id="reg-control-actions">
7   <div class="pad-all-min">
8     <button type="button" class="btn btn-default">[% l('Save') %]</button>
9   </div>
10   <div class="pad-all-min">
11     <button type="button" class="btn btn-default">[% l('Save & Clone') %]</button>
12   </div>
13   <div class="pad-all-min" ng-show="!display_required_fields">
14     <a href>[% l('Required Fields') %]</a>
15   </div>
16   <div class="pad-all-min" ng-show="!display_suggested_fields">
17     <a href>[% l('Suggested Fields') %]</a>
18   </div>
19   <div class="pad-all-min" ng-show="!display_all_fields">
20     <a href>[% l('All Fields') %]</a>
21   </div>
22   <fieldset id="reg-field-doc" ng-show="selected_field_doc">
23     <legend>
24     {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
25     </legend>
26     <div>{{selected_field_doc.string()}}</div>
27   </fieldset>
28 </div>
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 form-group">
37
38   <div class="col-md-3 reg-field-label"> <!-- field label -->
39
40   <label>{{idl_fields.[% cls %].[% field %].label}}</label>
41
42   <!-- field documentation img/link -->
43   <img ng-show="field_doc.[% cls %].[% field %]" 
44     ng-click="selected_field_doc=field_doc.[% cls %].[% field %]"
45     src='[% DOC_IMG %]'></img>
46   </div>
47
48   <div class="col-md-3 reg-field-input"> <!-- field form input -->
49
50   [% model = path ? 'patron.' _ path _ '.' _ field : 'patron.' _ field %]
51
52   [% IF input_type == 'checkbox' %]
53
54     <div class='checkbox'>
55       <input type='checkbox' ng-model='[% model %]'/>
56     </div>
57
58   [% ELSE %]
59     <!-- text / number input -->
60
61     [% IF field == 'alert_message' %]
62       <textarea class="form-control" ng-model="[% model %]"/>
63     [% ELSE %]
64       <input type="[% input_type %]" 
65         class="form-control" ng-model="[% model %]"/>
66     [% END %]
67   [% END %]
68
69   </div>
70
71   <!-- supplemental actions and example text -->
72   <div class="col-md-3 patron-reg-example">
73
74     [% IF field == 'barcode' %]
75
76       <button class="btn btn-default">[% l('Replace Barcode') %]</button>
77       <button class="btn btn-default">[% l('See All') %]</button>
78
79     [% ELSIF field == 'password' %]
80
81       <button class="btn btn-default">[% l('Generate Password') %]</button>
82
83     [% ELSE %]
84
85       <!-- example strings -->
86
87       [% set_str = "org_settings['ui.patron.edit." _ 
88           cls _ "." _ field _ ".example']"; %]
89
90       <span ng-if="[% set_str %]">
91         [% l('Example: [_1]', "{{" _ set_str _ "}}") %]
92       </span>
93
94       [% IF field.match('phone') %]
95         <!-- phones have a fall-through example option -->
96         <span ng-if="![% set_str %] && org_settings['ui.patron.edit.phone.example']">
97           [% l('Example: [_1]', 
98            "{{org_settings['ui.patron.edit.phone.example']}}") %]
99         </span>
100       [% END %]
101     [% END %]
102
103   </div>
104 </div>
105 [% END %]
106
107 [% formfield('ac', 'barcode', 'card') %]
108 [% formfield('au', 'usrname') %]
109 [% formfield('au', 'passwd') %]
110 [% formfield('au', 'prefix') %]
111 [% formfield('au', 'first_given_name') %]
112 [% formfield('au', 'second_given_name') %]
113 [% formfield('au', 'family_name') %]
114 [% formfield('au', 'suffix') %]
115 [% formfield('au', 'alias') %]
116
117 <div class="row pad-all-min form-group">
118   <div class="col-md-3 reg-field-label">
119     <label>{{idl_fields.au.dob.label}}</label>
120     <img ng-show="field_doc.au.dob" 
121       ng-click="selected_field_doc=field_doc.au.dob"
122       src='[% DOC_IMG %]'></img>
123   </div>
124   <div class="col-md-3 reg-field-input">
125     <input eg-date-input 
126       class="form-control" ng-model="patron.dob"/>
127   </div>
128 </div>
129
130 [% formfield('au', 'juvenile', '', 'checkbox') %]
131
132 <!-- ident_type -->
133
134 <div class="row pad-all-min form-group">
135   <div class="col-md-3 reg-field-label">
136     <label>{{idl_fields.au.ident_type.label}}</label>
137     <img ng-show="field_doc.au.ident_type" 
138       ng-click="selected_field_doc=field_doc.au.ident_type"
139       src='[% DOC_IMG %]'></img>
140   </div>
141   <div class="col-md-3 reg-field-input">
142     <div class="btn-group" dropdown>
143       <button type="button" class="btn btn-default dropdown-toggle">
144         <span style="padding-right: 5px;">
145           {{patron.ident_type.name() || "[% l('Primary Ident Type') %]"}}
146         </span>
147         <span class="caret"></span>
148       </button>
149       <ul class="dropdown-menu">
150         <li ng-repeat="type in ident_types">
151           <a href ng-click="patron.ident_type = type">{{type.name()}}</a>
152         </li>
153       </ul>
154     </div>
155   </div>
156 </div>
157
158
159 [% formfield('au', 'ident_value') %]
160 [% formfield('au', 'ident_value2') %]
161 [% formfield('au', 'email', '', 'email') %]
162 [% formfield('au', 'day_phone') %]
163 [% formfield('au', 'evening_phone') %]
164 [% formfield('au', 'other_phone') %]
165
166 <!-- home org unit selector -->
167
168 <div class="row pad-all-min form-group">
169   <div class="col-md-3 reg-field-label">
170     <label>{{idl_fields.au.home_ou.label}}</label>
171     <img ng-show="field_doc.au.home_ou" 
172       ng-click="selected_field_doc=field_doc.au.home_ou"
173       src='[% DOC_IMG %]'></img>
174     </div>
175     <div class="col-md-3 reg-field-input">
176       <eg-org-selector selected="patron.home_ou" onchange="">
177       </eg-org-selector>
178   </div>
179 </div>
180
181 <!-- profile selector -->
182
183 <div class="row pad-all-min form-group">
184   <div class="col-md-3 reg-field-label">
185     <label>{{idl_fields.au.profile.label}}</label>
186     <img ng-show="field_doc.au.profile" 
187       ng-click="selected_field_doc=field_doc.au.profile"
188       src='[% DOC_IMG %]'></img>
189   </div>
190   <div class="col-md-3 reg-field-input">
191     <div class="btn-group" dropdown>
192       <button type="button" class="btn btn-default dropdown-toggle">
193         <span style="padding-right: 5px;">
194           {{patron.profile.name() || "[% l('Profile Group') %]"}}
195         </span>
196         <span class="caret"></span>
197       </button>
198       <ul class="dropdown-menu">
199         <li ng-repeat="grp in profiles">
200           <a href 
201             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
202             ng-click="patron.profile = grp">{{grp.name()}}</a>
203         </li>
204       </ul>
205     </div>
206   </div>
207 </div>
208
209 <div class="row pad-all-min form-group">
210   <div class="col-md-3 reg-field-label">
211   <label>{{idl_fields.au.expire_date.label}}</label>
212     <img ng-show="field_doc.au.expire_date" 
213     ng-click="selected_field_doc=field_doc.au.expire_date"
214     src='[% DOC_IMG %]'></img>
215   </div>
216   <div class="col-md-3 reg-field-input">
217     <input eg-date-input 
218       class="form-control" ng-model="patron.expire_date"/>
219   </div>
220   <div class="col-md-3">
221     <button class="btn btn-default">[% l('Update Expire Date') %]</button>
222   </div>
223 </div>
224
225 <!-- net_access_level -->
226
227 <div class="row pad-all-min form-group">
228   <div class="col-md-3 reg-field-label">
229     <label>{{idl_fields.au.net_access_level.label}}</label>
230     <img ng-show="field_doc.au.net_access_level" 
231       ng-click="selected_field_doc=field_doc.au.net_access_level"
232       src='[% DOC_IMG %]'></img>
233   </div>
234   <div class="col-md-3 reg-field-input">
235     <div class="btn-group" dropdown>
236       <button type="button" class="btn btn-default dropdown-toggle">
237         <span style="padding-right: 5px;">
238           {{patron.net_access_level.name() || "[% l('Net Access Level') %]"}}
239         </span>
240         <span class="caret"></span>
241       </button>
242       <ul class="dropdown-menu">
243         <li ng-repeat="level in net_access_levels">
244           <a href 
245             ng-click="patron.net_access_level = level">{{level.name()}}</a>
246         </li>
247       </ul>
248     </div>
249   </div>
250 </div>
251
252 [% formfield('au', 'active', '', 'checkbox') %]
253 [% formfield('au', 'barred', '', 'checkbox') %]
254 [% formfield('au', 'master_account', '', 'checkbox') %]
255 [% formfield('au', 'claims_returned_count', '', 'number') %]
256 [% formfield('au', 'claims_never_checked_out_count', '', 'number') %]
257 [% formfield('au', 'alert_message') %]
258
259 <div class="alert alert-success row" role="alert">
260   <div class="col-md-6">[% l('User Settings') %]</div>
261 </div>
262
263 <div class="row pad-all-min form-group">
264   <div class="col-md-3 reg-field-label">
265     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
266   </div>
267   <div class="col-md-3 reg-field-input">
268     <input type='text' ng-model="user_settings['opac.default_phone']"/>
269   </div>
270 </div>
271
272 <div class="row pad-all-min form-group">
273   <div class="col-md-3 reg-field-label">
274     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
275   </div>
276   <div class="col-md-3 reg-field-input">
277     <eg-org-selector selected="patron.home_ou" onchange=""></eg-org-selector>
278   </div>
279 </div>
280
281 <div class="row pad-all-min form-group">
282   <div class="col-md-3 reg-field-label">
283     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
284   </div>
285   <div class="col-md-3 reg-field-input">
286     <div class='checkbox'>
287       <input type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
288     </div>
289   </div>
290 </div>
291
292 <div class="row pad-all-min form-group">
293   <div class="col-md-3 reg-field-label">
294     <label>[% l('Holds Notices') %]</label>
295   </div>
296   <div class="col-md-3 reg-field-input flex-row">
297     <div class='flex-cell'>
298       <input type='checkbox' ng-model="hold_notify_phone"/>
299       [% l('Phone') %]
300     </div>
301     <div class='flex-cell'>
302       <input type='checkbox' ng-model="hold_notify_email"/>
303       [% l('Email') %]
304     </div>
305     <div class='flex-cell'>
306       <input type='checkbox' ng-model="hold_notify_sms"/>
307       [% l('SMS') %]
308     </div>
309   </div>
310 </div>
311
312 <div class="row pad-all-min form-group" ng-if="org_settings['sms.enable']">
313   <div class="col-md-3 reg-field-label">
314     <label>[% l('Default SMS/Text Number') %]</label>
315   </div>
316   <div class="col-md-3 reg-field-input">
317     <input type='text'/>
318   </div>
319 </div>
320
321 <div class="row pad-all-min form-group" ng-if="org_settings['sms.enable']">
322   <div class="col-md-3 reg-field-label">
323     <label>[% l('Default SMS Carrier') %]</label>
324   </div>
325   <div class="col-md-3 reg-field-input">
326     <div class="btn-group" dropdown>
327       <button type="button" class="btn btn-default dropdown-toggle">
328         <span style="padding-right: 5px;"></span>
329         <span class="caret"></span>
330       </button>
331       <ul class="dropdown-menu">
332         <li ng-repeat="carrier in sms_carriers">
333           <a href 
334             ng-click="user_settings['opac.default_sms_carrier'] = carrier">
335                 {{carrier.name()}}
336           </a>
337         </li>
338       </ul>
339     </div>
340   </div>
341 </div>
342
343 <div class="alert alert-success row" role="alert">
344     <div class="col-md-3">[% l('Address') %]</div>
345     <div class="col-md-3">
346         <span class='pad-all-min'>
347           [% l('Mailing') %] <input type='checkbox'/>
348         </span>
349         <span class='pad-all-min'>
350           [% l('Billing') %] <input type='checkbox'/>
351         </span>
352         <span class='pad-all-min'>
353           <button type="button" class="btn btn-danger">[% l('X') %]</button>
354         </span>
355     </div>
356 </div>
357
358 <!-- addresses -->
359
360 [% formfield('aua', 'address_type', 'mailing_address') %]
361 [% formfield('aua', 'post_code', 'mailing_address') %]
362 [% formfield('aua', 'street1', 'mailing_address') %]
363 [% formfield('aua', 'street2', 'mailing_address') %]
364 [% formfield('aua', 'city', 'mailing_address') %]
365 [% formfield('aua', 'county', 'mailing_address') %]
366 [% formfield('aua', 'state', 'mailing_address') %]
367 [% formfield('aua', 'country', 'mailing_address') %]
368 [% formfield('aua', 'valid', 'mailing_address', 'checkbox') %]
369 [% formfield('aua', 'within_city_limits', 'mailing_address', 'checkbox') %]
370
371 <div class="row">
372   <button type="button" class="btn btn-success">[% l('New Address') %]</button>
373 </div>
374
375 <!-- pending address -->
376
377 <div class="alert alert-success row" role="alert" ng-if="stat_cats.length > 0">
378     <div class="col-md-6">[% l('Statistical Categories') %]</div>
379 </div>
380
381 <div class="row pad-all-min form-group" ng-repeat="cat in stat_cats">
382   <div class="col-md-3 reg-field-label">
383     <label>{{cat.name()}}</label>
384   </div>
385   <div class="col-md-3 reg-field-input">
386     <div ng-if="cat.entries().length == 0">
387       <input type="text" class="form-control"/>
388     </div>
389     <div ng-if="cat.entries().length != 0">
390       <div class="btn-group" dropdown>
391         <button type="button" class="btn btn-default dropdown-toggle">
392           <span style="padding-right: 5px;"></span>
393           <span class="caret"></span>
394         </button>
395         <ul class="dropdown-menu">
396           <li ng-repeat="entry in cat.entries()">
397             <a href ng-click=""> {{entry.value()}} </a>
398           </li>
399         </ul>
400       </div>
401     </div>
402   </div>
403 </div>
404
405 <!-- surveys -->
406
407 <div class="alert alert-success row" role="alert" ng-if="surveys.length > 0">
408     <div class="col-md-6">[% l('Surveys') %]</div>
409 </div>
410
411 <div class="row pad-all-min form-group" ng-repeat="survey in surveys">
412   <div class="col-md-3 reg-field-label">
413     <label>{{survey.name()}}</label>
414   </div>
415   <div class="col-md-3 reg-field-input">
416     <div class="btn-group" dropdown>
417       <button type="button" class="btn btn-default dropdown-toggle">
418         <span style="padding-right: 5px;"></span>
419         <span class="caret"></span>
420       </button>
421       <ul class="dropdown-menu">
422         <li ng-repeat="question in survey.questions()">
423           <a href ng-click=""> {{question.question()}} </a>
424         </li>
425       </ul>
426     </div>
427   </div>
428 </div>
429
430
431