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