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" ng-class='{"patron-reg-fixed-bar":!offline}'>
   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 <div id="reg-alert-pane">
  23
  24   <div id="reg-dupe-links">
  25     [%# dupe_search_encoded is uri escaped in the JS %]
  26     <div class="alert alert-danger" ng-show="dupe_counts.name">
  27       <a target="_blank"
  28         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.name}}&inactive=1">
  29       [% l('[_1] patron(s) with same name', '{{dupe_counts.name}}') %]
  30       </a>
  31     </div>
  32     <div class="alert alert-danger" ng-show="dupe_counts.email">
  33       <a target="_blank"
  34         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.email}}">
  35         [% l('[_1] patron(s) with same email',
  36         '{{dupe_counts.email}}') %]</a>
  37     </div>
  38     <div class="alert alert-danger" ng-show="dupe_counts.ident">
  39       <a target="_blank"
  40         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.ident}}">
  41         [% l('[_1] patron(s) with same identification',
  42         '{{dupe_counts.ident}}') %]</a>
  43     </div>
  44     <div class="alert alert-danger" ng-show="dupe_counts.day_phone">
  45       <a target="_blank"
  46         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.day_phone}}">
  47         [% l('[_1] patron(s) with same phone',
  48         '{{dupe_counts.day_phone}}') %]</a>
  49     </div>
  50     <div class="alert alert-danger" ng-show="dupe_counts.evening_phone">
  51       <a target="_blank"
  52         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.evening_phone}}">
  53         [% l('[_1] patron(s) with same phone',
  54         '{{dupe_counts.evening_phone}}') %]</a>
  55     </div>
  56     <div class="alert alert-danger" ng-show="dupe_counts.other_phone">
  57       <a target="_blank"
  58         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.other_phone}}">
  59         [% l('[_1] patron(s) with same phone',
  60         '{{dupe_counts.other_phone}}') %]</a>
  61     </div>
  62     <div class="alert alert-danger" ng-show="dupe_counts.address">
  63       <a target="_blank"
  64         href="/eg/staff/circ/patron/search?search={{dupe_search_encoded.address}}" >
  65         [% l('[_1] patron(s) with same address',
  66         '{{dupe_counts.address}}') %]</a>
  67     </div>
  68   </div>
  69
  70   <div class="alert alert-danger" ng-show="address_alerts.length > 0">
  71       <div class="strong-text-3">[% l('Address Alert') %]</div>
  72       <div ng-repeat="address_alert in address_alerts">
  73         {{address_alert.alert_message()}}
  74       </div>
  75   </div>
  76
  77   <!-- IDL field documentation window -->
  78   <div class="alert alert-info" ng-show="selected_field_doc">
  79     <fieldset id="reg-field-doc">
  80       <legend>
  81       {{idl_fields[selected_field_doc.fm_class()][selected_field_doc.field()].label}}
  82       </legend>
  83       <div>{{selected_field_doc.string()}}</div>
  84     </fieldset>
  85   </div>
  86
  87   <div class="alert alert-info" ng-show="stage_user_requestor">
  88     <a target="_blank"
  89       href="/eg/staff/circ/patron/{{stage_user.reqesting_usr()}}/edit">
  90       [% l('Requested by [_1]', '{{stage_user_requestor}}') %]
  91     </a>
  92   </div>
  93 </div>
  94
  95 [% MACRO draw_field_label (cls, field) BLOCK %]
  96   <div class="col-md-3 reg-field-label"> <!-- field label -->
  97     <label>{{idl_fields.[% cls %].[% field %].label}}</label>
  98     <!-- field documentation img/link -->
  99     <img ng-show="field_doc.[% cls %].[% field %]"
 100       ng-click="set_selected_field_doc('[% cls %]','[% field %]')"
 101       src='[% DOC_IMG %]'></img>
 102   </div>
 103 [% END %]
 104
 105
 106 [%
 107 # draws a vanilla form input field for inputs that require no
 108 # special additions.
 109 MACRO draw_form_input(cls, field, path, type, disable) BLOCK;
 110   IF !type; type = 'text'; END;
 111   base_obj = path ? 'patron.' _ path : 'patron';
 112   model = base_obj _ '.' _ field;
 113 %]
 114   <div class="col-md-3 reg-field-input">
 115     <input
 116       [% IF type == "email" %]type="text"
 117       [% ELSE %]type="[% type %]"
 118       [% END %]
 119       class="form-control"
 120       name="[% model %]"
 121       ng-change="field_modified()"
 122       ng-required="field_required('[% cls %]', '[% field %]')"
 123       ng-blur="handle_field_changed([% base_obj %], '[% field %]')"
 124       ng-pattern="field_pattern('[% cls %]', '[% field %]')"
 125       [% IF disable %]ng-disabled="[% disable %]"[% END %]
 126       ng-model="[% model %]"/>
 127   </div>
 128 [% END %]
 129
 130 [% MACRO draw_example_text(cls, field) BLOCK;
 131   set_str = "org_settings['ui.patron.edit." _ cls _ "." _ field _ ".example']";
 132 %]
 133   <span ng-if="[% set_str %]">
 134     [% l('Example: [_1]', '{{' _ set_str _ '}}') %]
 135   </span>
 136 [% END %]
 137
 138 <!-- progress dialog displayed as we await all data to finish loading -->
 139 <div class="row" ng-show="!page_data_loaded">
 140   <div class="col-md-6 pad-vert">
 141     <div class="progress progress-striped active">
 142         <div class="progress-bar"  role="progressbar" aria-valuenow="100"
 143               aria-valuemin="0" aria-valuemax="100" style="width: 100%">
 144             <span class="sr-only">[% l('Loading...') %]</span>
 145         </div>
 146     </div>
 147   </div>
 148 </div>
 149
 150 <!--
 151 MAIN FORM
 152 This div wraps the entire form so we can hide it until all needed data
 153 has been loaded.  Setting ng-form and a name lets us refer to fields
 154 within the "form" by name for validation.
 155 -->
 156 <div ng-form id="patron-reg-container"
 157   name="reg_form" ng-show="page_data_loaded">
 158
 159 <!-- BARCODE -->
 160
 161 <div class="row reg-field-row" ng-show="show_field('ac.barcode')">
 162   [% draw_field_label('ac', 'barcode') %]
 163   <div class="col-md-3 reg-field-input"> <!-- field form input -->
 164       <input type="text"
 165         name="barcode"
 166         ng-model="patron.card.barcode"
 167         ng-pattern="field_pattern('ac', 'barcode')"
 168         ng-required="field_required('ac', 'barcode')"
 169         focus-me="focus_bc"
 170         ng-change="field_modified()"
 171         ng-disabled="disable_bc"
 172         class="form-control"
 173         ng-blur="handle_field_changed(patron.card, 'barcode')"/>
 174   </div>
 175   <div class="col-md-6 patron-reg-example">
 176       <button class="btn btn-default" ng-show="!patron.isnew"
 177         ng-click="replace_card()">[% l('Replace Barcode') %]</button>
 178       <button class="btn btn-default" ng-if="!patron.isnew"
 179         ng-click="cards_dialog()">[% l('See All') %]</button>
 180       <div ng-show="dupe_barcode" class="patron-reg-validation-alert">
 181         <span>[% l('Barcode is already in use') %]</span>
 182       </div>
 183   </div>
 184 </div>
 185
 186 <!-- USRNAME -->
 187
 188 <div class="row reg-field-row" ng-show="show_field('au.usrname')">
 189   [% draw_field_label('au', 'usrname') %]
 190   <div class="col-md-3 reg-field-input">
 191     <input type="text"
 192       name='usrname'
 193       ng-required="field_required('au', 'usrname')"
 194       focus-me="focus_usrname"
 195       ng-change="field_modified()"
 196       ng-pattern="field_pattern('au', 'usrname')"
 197       ng-blur="handle_field_changed(patron, 'usrname')"
 198       class="form-control"
 199       ng-model="patron.usrname"/>
 200   </div>
 201   <div class="col-md-6 patron-reg-example">
 202     <div ng-show="dupe_username" class="patron-reg-validation-alert">
 203       <span>[% l('Username is already in use') %]</span>
 204     </div>
 205   </div>
 206 </div>
 207
 208 <!-- PASSWD -->
 209
 210 <div class="row reg-field-row" ng-show="show_field('au.passwd')">
 211   [% draw_field_label('au', 'passwd') %]
 212   [% draw_form_input('au', 'passwd'); %]
 213   <div class="col-md-6 patron-reg-example">
 214     <button class="btn btn-default" ng-click="generate_password()">
 215       [% l('Generate Password') %]</button>
 216   </div>
 217 </div>
 218
 219 <div class="row reg-field-row">
 220   <div class="col-md-6">
 221     <ul class="nav nav-pills nav-pills-like-tabs">
 222       <li ng-class="{active : name_tab == 'primary'}">
 223         <a ng-click="name_tab='primary'">[% l('Primary Name') %]</a>
 224       </li>
 225       <li ng-class="{active : name_tab == 'preferred'}">
 226         <a ng-click="name_tab='preferred'">[% l('Preferred Name') %]</a>
 227       </li>
 228     </ul>
 229   </div>
 230 </div>
 231
 232 <div ng-show="name_tab == 'primary'">
 233
 234   <!-- PREFIX -->
 235
 236   <div class="row reg-field-row" ng-show="show_field('au.prefix')">
 237     [% draw_field_label('au', 'prefix') %]
 238     [% draw_form_input('au', 'prefix'); %]
 239     <div class="col-md-6 patron-reg-example">
 240       [% draw_example_text('au', 'prefix') %]
 241     </div>
 242   </div>
 243
 244   <!-- FIRST_GIVEN_NAME -->
 245
 246   <div class="row reg-field-row" ng-show="show_field('au.first_given_name')">
 247     [% draw_field_label('au', 'first_given_name') %]
 248     [% draw_form_input('au', 'first_given_name'); %]
 249     <div class="col-md-6 patron-reg-example">
 250       [% draw_example_text('au', 'first_given_name') %]
 251     </div>
 252   </div>
 253
 254   <!-- SECOND_GIVEN_NAME -->
 255
 256   <div class="row reg-field-row" ng-show="show_field('au.second_given_name')">
 257     [% draw_field_label('au', 'second_given_name') %]
 258     [% draw_form_input('au', 'second_given_name'); %]
 259     <div class="col-md-6 patron-reg-example">
 260       [% draw_example_text('au', 'second_given_name') %]
 261     </div>
 262   </div>
 263
 264   <!-- FAMILY_NAME -->
 265
 266   <div class="row reg-field-row" ng-show="show_field('au.family_name')">
 267     [% draw_field_label('au', 'family_name') %]
 268     [% draw_form_input('au', 'family_name'); %]
 269     <div class="col-md-6 patron-reg-example">
 270       [% draw_example_text('au', 'family_name') %]
 271     </div>
 272   </div>
 273
 274   <!-- SUFFIX -->
 275
 276   <div class="row reg-field-row" ng-show="show_field('au.suffix')">
 277     [% draw_field_label('au', 'suffix') %]
 278     [% draw_form_input('au', 'suffix'); %]
 279     <div class="col-md-6 patron-reg-example">
 280       [% draw_example_text('au', 'suffix') %]
 281     </div>
 282   </div>
 283 </div> <!-- ng-show == primary -->
 284
 285 <div ng-show="name_tab == 'preferred'" class="patron-reg-pref-names">
 286
 287   <!-- PREFIX -->
 288
 289   <div class="row reg-field-row" ng-show="show_field('au.pref_prefix')">
 290     [% draw_field_label('au', 'pref_prefix') %]
 291     [% draw_form_input('au', 'pref_prefix'); %]
 292     <div class="col-md-6 patron-reg-example">
 293       [% draw_example_text('au', 'pref_prefix') %]
 294     </div>
 295   </div>
 296
 297   <!-- FIRST_GIVEN_NAME -->
 298
 299   <div class="row reg-field-row" ng-show="show_field('au.pref_first_given_name')">
 300     [% draw_field_label('au', 'pref_first_given_name') %]
 301     [% draw_form_input('au', 'pref_first_given_name'); %]
 302     <div class="col-md-6 patron-reg-example">
 303       [% draw_example_text('au', 'pref_first_given_name') %]
 304     </div>
 305   </div>
 306
 307   <!-- SECOND_GIVEN_NAME -->
 308
 309   <div class="row reg-field-row" ng-show="show_field('au.pref_second_given_name')">
 310     [% draw_field_label('au', 'pref_second_given_name') %]
 311     [% draw_form_input('au', 'pref_second_given_name'); %]
 312     <div class="col-md-6 patron-reg-example">
 313       [% draw_example_text('au', 'pref_second_given_name') %]
 314     </div>
 315   </div>
 316
 317   <!-- FAMILY_NAME -->
 318
 319   <div class="row reg-field-row" ng-show="show_field('au.pref_family_name')">
 320     [% draw_field_label('au', 'pref_family_name') %]
 321     [% draw_form_input('au', 'pref_family_name'); %]
 322     <div class="col-md-6 patron-reg-example">
 323       [% draw_example_text('au', 'pref_family_name') %]
 324     </div>
 325   </div>
 326
 327   <!-- SUFFIX -->
 328
 329   <div class="row reg-field-row" ng-show="show_field('au.pref_suffix')">
 330     [% draw_field_label('au', 'pref_suffix') %]
 331     [% draw_form_input('au', 'pref_suffix'); %]
 332     <div class="col-md-6 patron-reg-example">
 333       [% draw_example_text('au', 'pref_suffix') %]
 334     </div>
 335   </div>
 336 </div> <!-- ng-show == preferred -->
 337
 338 <!-- indicate bottom of name tabs -->
 339 <div class="row reg-field-row">
 340   <div class="col-md-6"><hr class="patron-reg-names-separator"/></div>
 341 </div>
 342
 343 <div class="row reg-field-row" ng-show="show_field('au.name_keywords')">
 344   [% draw_field_label('au', 'name_keywords') %]
 345   <div class="col-md-3 reg-field-input">
 346     <textarea
 347       class="form-control"
 348       ng-model="patron.name_keywords"
 349       ng-pattern="field_pattern('au', 'name_keywords')"
 350       ng-change="field_modified()"
 351       ng-blur="handle_field_changed(patron, 'name_keywords')">
 352     </textarea>
 353   </div>
 354   <div class="col-md-6 patron-reg-example">
 355     [% draw_example_text('au', 'name_keywords') %]
 356   </div>
 357 </div>
 358
 359 <!-- ALIAS -->
 360
 361 <div class="row reg-field-row" ng-show="show_field('au.alias')">
 362   [% draw_field_label('au', 'alias') %]
 363   [% draw_form_input('au', 'alias'); %]
 364   <div class="col-md-6 patron-reg-example">
 365     [% draw_example_text('au', 'alias') %]
 366   </div>
 367 </div>
 368
 369 <!-- DOB -->
 370
 371 <div class="row reg-field-row" ng-show="show_field('au.dob')">
 372   [% draw_field_label('au', 'dob') %]
 373   <div class="col-md-3 reg-field-input">
 374     <eg-date-input
 375       ng-required="field_required('au', 'dob')"
 376       ng-model="patron.dob">
 377     </eg-date-input>
 378   </div>
 379   <div class="col-md-6 patron-reg-example">
 380     [% draw_example_text('au', 'dob') %]
 381   </div>
 382 </div>
 383
 384 <!-- JUVENILE -->
 385
 386 <div class="row reg-field-row" ng-show="show_field('au.juvenile')">
 387   [% draw_field_label('au', 'juvenile') %]
 388   <div class="col-md-3 reg-field-input">
 389       <input
 390         ng-change="field_modified()"
 391         ng-blur="handle_field_changed(patron, 'juvenile')"
 392         type='checkbox' ng-model="patron.juvenile"/>
 393   </div>
 394 </div>
 395
 396 <!-- ident_type -->
 397
 398 <div class="row reg-field-row" ng-show="show_field('au.ident_type')">
 399   [% draw_field_label('au', 'ident_type') %]
 400   <div class="col-md-3 reg-field-input">
 401     <select
 402       class="form-control"
 403       ng-model="patron.ident_type"
 404       ng-required="field_required('au', 'ident_type')"
 405       ng-blur="handle_field_changed(patron, 'ident_type')"
 406       ng-options="type.name() for type in ident_types track by type.id()">
 407     </select>
 408   </div>
 409 </div>
 410
 411 <!-- IDENT_VALUE -->
 412
 413 <div class="row reg-field-row" ng-show="show_field('au.ident_value')">
 414   [% draw_field_label('au', 'ident_value') %]
 415   [% draw_form_input('au', 'ident_value') %]
 416   <div class="col-md-6 patron-reg-example">
 417     [% draw_example_text('au', 'ident_value') %]
 418   </div>
 419 </div>
 420
 421 <!-- ident_type2 -->
 422
 423 <div class="row reg-field-row" ng-show="show_field('au.ident_type2')">
 424   [% draw_field_label('au', 'ident_type2') %]
 425   <div class="col-md-3 reg-field-input">
 426     <select
 427       class="form-control"
 428       ng-model="patron.ident_type2"
 429       ng-required="field_required('au', 'ident_type2')"
 430       ng-blur="handle_field_changed(patron, 'ident_type2')"
 431       ng-options="type.name() for type in ident_types track by type.id()">
 432     </select>
 433   </div>
 434 </div>
 435
 436 <!-- IDENT_VALUE2 -->
 437 <div class="row reg-field-row" ng-show="show_field('au.ident_value2')">
 438   [% draw_field_label('au', 'ident_value2') %]
 439   [% draw_form_input('au', 'ident_value2') %]
 440   <div class="col-md-6 patron-reg-example">
 441     [% draw_example_text('au', 'ident_value2') %]
 442   </div>
 443 </div>
 444
 445
 446 <!-- EMAIL -->
 447 <div class="row reg-field-row" ng-show="show_field('au.email')">
 448   [% draw_field_label('au', 'email') %]
 449   [% draw_form_input('au', 'email', '', 'email') %]
 450   <div class="col-md-6 patron-reg-example">
 451     <button ng-show="patron.email && !patron.isnew"
 452       class="btn btn-default"
 453       ng-click="invalidate_field('email')">[% l('Invalidate') %]</button>
 454     <span ng-if="org_settings['ui.patron.edit.au.email.example']">
 455       [% l('Example: [_1]',
 456         "{{org_settings['ui.patron.edit.au.email.example']}}") %]
 457     </span>
 458   </div>
 459 </div>
 460
 461 <div class="row reg-field-row" ng-show="show_field('au.email') && opt_in_setting_types['circ.send_email_checkout_receipts']">
 462   <div class="col-md-3 reg-field-label">
 463     <label>{{opt_in_setting_types['circ.send_email_checkout_receipts'].label()}}</label>
 464   </div>
 465   <div class="col-md-3 reg-field-input">
 466     <input
 467       ng-change="field_modified()"
 468       type='checkbox' ng-model="user_settings['circ.send_email_checkout_receipts']"/>
 469   </div>
 470 </div>
 471
 472 <!-- DAY_PHONE -->
 473
 474 <div class="row reg-field-row" ng-show="show_field('au.day_phone')">
 475   [% draw_field_label('au', 'day_phone') %]
 476   [% draw_form_input('au', 'day_phone') %]
 477   <div class="col-md-6 patron-reg-example">
 478     <button ng-show="patron.day_phone && !patron.isnew"
 479         class="btn btn-default"
 480         ng-click="invalidate_field('day_phone')">[% l('Invalidate') %]</button>
 481     [% draw_example_text('au', 'day_phone') %]
 482     <!-- phones have a fall-through example strings -->
 483     <span ng-if="!org_settings['ui.patron.edit.au.day_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 484       [% l('Example: [_1]',
 485         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 486     </span>
 487   </div>
 488 </div>
 489
 490 <!-- EVENING_PHONE -->
 491
 492 <div class="row reg-field-row" ng-show="show_field('au.evening_phone')">
 493   [% draw_field_label('au', 'evening_phone') %]
 494   [% draw_form_input('au', 'evening_phone') %]
 495   <div class="col-md-6 patron-reg-example">
 496     <button ng-show="patron.evening_phone && !patron.isnew"
 497         class="btn btn-default"
 498         ng-click="invalidate_field('evening_phone')">[% l('Invalidate') %]</button>
 499     [% draw_example_text('au', 'evening_phone') %]
 500     <!-- phones have a fall-through example strings -->
 501     <span ng-if="!org_settings['ui.patron.edit.au.evening_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 502       [% l('Example: [_1]',
 503         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 504     </span>
 505   </div>
 506 </div>
 507
 508 <!-- OTHER_PHONE -->
 509
 510 <div class="row reg-field-row" ng-show="show_field('au.other_phone')">
 511   [% draw_field_label('au', 'other_phone') %]
 512   [% draw_form_input('au', 'other_phone') %]
 513   <div class="col-md-6 patron-reg-example">
 514     <button ng-show="patron.other_phone && !patron.isnew"
 515         class="btn btn-default"
 516         ng-click="invalidate_field('other_phone')">[% l('Invalidate') %]</button>
 517     [% draw_example_text('au', 'other_phone') %]
 518     <!-- phones have a fall-through example strings -->
 519     <span ng-if="!org_settings['ui.patron.edit.au.other_phone.example'] && org_settings['ui.patron.edit.phone.example']">
 520       [% l('Example: [_1]',
 521         "{{org_settings['ui.patron.edit.phone.example']}}") %]
 522     </span>
 523   </div>
 524 </div>
 525
 526 <!-- home org unit selector -->
 527
 528 <div class="row reg-field-row" ng-show="show_field('au.home_ou')">
 529   [% draw_field_label('au', 'home_ou') %]
 530   <div class="col-md-3 reg-field-input">
 531     <eg-org-selector
 532       selected="patron.home_ou"
 533       onchange="handle_home_org_changed"
 534       disable-test="disable_home_org">
 535     </eg-org-selector>
 536   </div>
 537 </div>
 538
 539 <!-- profile selector -->
 540
 541 <div class="row reg-field-row" ng-show="show_field('au.profile')">
 542   [% draw_field_label('au', 'profile') %]
 543   <div class="col-md-3 reg-field-input">
 544     <div class="btn-group" uib-dropdown>
 545       <button type="button" class="btn btn-default" uib-dropdown-toggle
 546           ng-class="{'ng-invalid' : invalid_profile()}">
 547         <span style="padding-right: 5px;">
 548           {{patron.profile.name() || "[% l('Profile Group') %]"}}
 549         </span>
 550         <span class="caret"></span>
 551       </button>
 552       <ul class="scrollable-menu" uib-dropdown-menu>
 553         <li ng-repeat="entry in edit_profile_entries" ng-if="edit_profile_entries.length"
 554           ng-class="{disabled : entry.grp().usergroup() == 'f'}">
 555           <a href
 556             style="padding-left: {{pgtde_depth(entry) * 10 + 5}}px"
 557             ng-click="set_profile(entry.grp())">{{entry.grp().name()}}</a>
 558         </li>
 559         <li ng-repeat="grp in edit_profiles" ng-if="!edit_profile_entries.length"
 560           ng-class="{disabled : grp.usergroup() == 'f'}">
 561           <a href
 562             style="padding-left: {{pgt_depth(grp) * 10 + 5}}px"
 563             ng-click="set_profile(grp)">{{grp.name()}}</a>
 564         </li>
 565       </ul>
 566     </div>
 567   </div>
 568   <div class="col-md-3">
 569     <button class="btn btn-default" ng-if="!offline" ng-disabled="!perms.CREATE_USER_GROUP_LINK"
 570       ng-click="secondary_groups_dialog()">[% l('Secondary Groups') %]</button>
 571   </div>
 572 </div>
 573
 574 <div class="row reg-field-row" ng-show="show_field('au.expire_date')">
 575   [% draw_field_label('au', 'expire_date') %]
 576   <div class="col-md-3 reg-field-input">
 577     <eg-date-input
 578       ng-model="patron.expire_date">
 579     </eg-date-input>
 580   </div>
 581   <div class="col-md-3">
 582     <button class="btn btn-default" ng-click="set_expire_date()">
 583       [% l('Update Expire Date') %]</button>
 584   </div>
 585 </div>
 586
 587 <!-- net_access_level -->
 588
 589 <div class="row reg-field-row" ng-show="show_field('au.net_access_level')">
 590   [% draw_field_label('au', 'net_access_level') %]
 591   <div class="col-md-3 reg-field-input">
 592     <select
 593       class="form-control"
 594       ng-model="patron.net_access_level"
 595       ng-required="field_required('au', 'net_access_level')"
 596       ng-blur="handle_field_changed(patron, 'net_access_level')"
 597       ng-options="level.name() for level in net_access_levels track by level.id()">
 598     </select>
 599   </div>
 600 </div>
 601
 602 <!-- ACTIVE -->
 603
 604 <div class="row reg-field-row" ng-show="show_field('au.active')">
 605   [% draw_field_label('au', 'active') %]
 606   <div class="col-md-3 reg-field-input">
 607       <input
 608         ng-change="field_modified()"
 609         ng-blur="handle_field_changed(patron, 'active')"
 610         type='checkbox' ng-model="patron.active"/>
 611   </div>
 612 </div>
 613
 614 <!-- BARRED -->
 615
 616 <div class="row reg-field-row" ng-show="show_field('au.barred')">
 617   [% draw_field_label('au', 'barred') %]
 618   <div class="col-md-3 reg-field-input">
 619       <input
 620         ng-change="field_modified()"
 621         ng-blur="handle_field_changed(patron, 'barred')"
 622         type='checkbox' ng-model="patron.barred"/>
 623   </div>
 624 </div>
 625
 626 <!-- MASTER_ACCOUNT -->
 627
 628 <div class="row reg-field-row" ng-show="show_field('au.master_account')">
 629   [% draw_field_label('au', 'master_account') %]
 630   <div class="col-md-3 reg-field-input">
 631       <input
 632         ng-change="field_modified()"
 633         ng-blur="handle_field_changed(patron, 'master_account')"
 634         type='checkbox' ng-model="patron.master_account"/>
 635   </div>
 636 </div>
 637
 638 <!-- CLAIMS_RETURNED_COUNT -->
 639
 640 <div class="row reg-field-row" ng-show="show_field('au.claims_returned_count')">
 641   [% draw_field_label('au', 'claims_returned_count') %]
 642   [% draw_form_input('au', 'claims_returned_count',
 643     '', 'number', '!perms.UPDATE_PATRON_CLAIM_RETURN_COUNT') %]
 644   <div class="col-md-6 patron-reg-example">
 645     [% draw_example_text('au', 'claims_returned_count') %]
 646   </div>
 647 </div>
 648
 649 <!-- CLAIMS_NEVER_CHECKED_OUT_COUNT -->
 650
 651 <div class="row reg-field-row" ng-show="show_field('au.claims_never_checked_out_count')">
 652   [% draw_field_label('au', 'claims_never_checked_out_count') %]
 653   [% draw_form_input('au', 'claims_never_checked_out_count',
 654     '', 'number', '!perms.UPDATE_PATRON_CLAIM_NEVER_CHECKED_OUT_COUNT') %]
 655   <div class="col-md-6 patron-reg-example">
 656     [% draw_example_text('au', 'claims_never_checked_out_count') %]
 657   </div>
 658 </div>
 659
 660 <!-- ALERT_MESSAGE -->
 661
 662 <div class="row reg-field-row" ng-show="show_field('au.alert_message')">
 663   [% draw_field_label('au', 'alert_message') %]
 664   <div class="col-md-3 reg-field-input">
 665     <textarea
 666       class="form-control"
 667       ng-model="patron.alert_message"
 668       ng-pattern="field_pattern('au', 'alert_message')"
 669       ng-change="field_modified()"
 670       ng-blur="handle_field_changed(patron, 'alert_message')">
 671     </textarea>
 672   </div>
 673   <div class="col-md-6 patron-reg-example">
 674     [% draw_example_text('au', 'alert_message') %]
 675   </div>
 676 </div>
 677
 678 <div ng-if="!offline">
 679
 680 <div class="alert alert-success row" role="alert">
 681   <div class="col-md-6">[% l('User Settings') %]</div>
 682 </div>
 683
 684 <div class="row reg-field-row">
 685   <div class="col-md-3 reg-field-label">
 686     <label>{{user_setting_types['opac.default_phone'].label()}}</label>
 687   </div>
 688   <div class="col-md-3 reg-field-input">
 689     <input
 690       ng-change="field_modified()"
 691       type='text' ng-model="user_settings['opac.default_phone']"/>
 692   </div>
 693 </div>
 694
 695 <div class="row reg-field-row">
 696   <div class="col-md-3 reg-field-label">
 697     <label>{{user_setting_types['opac.default_pickup_location'].label()}}</label>
 698   </div>
 699   <div class="col-md-3 reg-field-input">
 700     <eg-org-selector nodefault
 701       disable-test="disable_pulib"
 702       selected="patron._pickup_lib"
 703       onchange="handle_pulib_changed">
 704     </eg-org-selector>
 705   </div>
 706 </div>
 707
 708 <div class="row reg-field-row"
 709     ng-if="org_settings['circ.holds.behind_desk_pickup_supported']">
 710   <div class="col-md-3 reg-field-label">
 711     <label>{{user_setting_types['circ.holds_behind_desk'].label()}}</label>
 712   </div>
 713   <div class="col-md-3 reg-field-input">
 714       <input
 715         ng-change="field_modified()"
 716         type='checkbox' ng-model="user_settings['circ.holds_behind_desk']"/>
 717   </div>
 718 </div>
 719
 720 <!-- TODO: Add circ.collections.exempt to master SQL seed data -->
 721 <div class="row reg-field-row"
 722   ng-if="user_setting_types['circ.collections.exempt']">
 723   <div class="col-md-3 reg-field-label">
 724     <label>{{user_setting_types['circ.collections.exempt'].label()}}</label>
 725   </div>
 726   <div class="col-md-3 reg-field-input">
 727       <input
 728         type='checkbox'
 729         ng-change="field_modified()"
 730         ng-disabled="!perms.UPDATE_PATRON_COLLECTIONS_EXEMPT"
 731         ng-model="user_settings['circ.collections.exempt']"/>
 732   </div>
 733 </div>
 734
 735 <div class="row reg-field-row">
 736   <div class="col-md-3 reg-field-label">
 737     <label>[% l('Holds Notices') %]</label>
 738   </div>
 739   <div class="col-md-3 reg-field-input flex-row">
 740     <div class='flex-cell'>
 741       <input
 742         ng-change="field_modified()"
 743         type='checkbox' ng-model="hold_notify_type.phone"/>
 744       [% l('Phone') %]
 745     </div>
 746     <div class='flex-cell'>
 747       <input
 748         ng-change="field_modified()"
 749         type='checkbox' ng-model="hold_notify_type.email"/>
 750       [% l('Email') %]
 751     </div>
 752     <div class='flex-cell' ng-if="org_settings['sms.enable']">
 753       <input
 754         ng-change="field_modified()"
 755         type='checkbox' ng-model="hold_notify_type.sms"/>
 756       [% l('SMS') %]
 757     </div>
 758   </div>
 759 </div>
 760
 761 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 762   <div class="col-md-3 reg-field-label">
 763     <label>[% l('Default SMS/Text Number') %]</label>
 764   </div>
 765   <div class="col-md-3 reg-field-input">
 766     <input
 767       ng-change="field_modified()" ng-model="user_settings['opac.default_sms_notify']"
 768       type='text'/>
 769   </div>
 770 </div>
 771
 772 <div class="row reg-field-row" ng-if="org_settings['sms.enable']">
 773   <div class="col-md-3 reg-field-label">
 774     <label>[% l('Default SMS Carrier') %]</label>
 775   </div>
 776   <div class="col-md-3 reg-field-input">
 777     <span class="nullable">
 778       <select str-to-int class="form-control" ng-model="user_settings['opac.default_sms_carrier']" ng-options="c.id() as c.name() for c in sms_carriers">
 779         <option value="">Select a Carrier</option>
 780       </select>
 781     </span>
 782   </div>
 783 </div>
 784
 785 <div class="row reg-field-row" ng-repeat="type in opt_in_setting_types">
 786   <div class="col-md-3 reg-field-label" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
 787     <label>{{type.label()}}</label>
 788   </div>
 789   <div class="col-md-3 reg-field-input" ng-if="type.name() != 'circ.send_email_checkout_receipts'">
 790     <input
 791       ng-change="field_modified()"
 792       type='checkbox' ng-model="user_settings[type.name()]"/>
 793   </div>
 794 </div>
 795
 796 </div> <!-- end offline test -->
 797
 798 <!-- addresses -->
 799
 800 <div ng-repeat="addr in patron.addresses">
 801   <div class="alert alert-success row" role="alert">
 802       <div class="col-md-3">
 803         [% l('Address') %]
 804         <div ng-show="addr._linked_owner">
 805           (<a target="_blank"
 806             href="/eg/staff/circ/patron/{{addr._linked_owner_id}}/edit">
 807             [% l('Owned by [_1]', '{{addr._linked_owner}}') %]
 808           </a>)
 809         </div>
 810       </div>
 811       <div class="col-md-3">
 812           <span class='pad-all-min'>
 813             [% l('Mailing') %] <input type='checkbox'
 814               ng-change="field_modified();set_addr_type(addr, 'mailing')"
 815               ng-model="addr._is_mailing"/>
 816           </span>
 817           <span class='pad-all-min'>
 818             [% l('Physical') %] <input type='checkbox'
 819               ng-change="field_modified();set_addr_type(addr, 'billing')"
 820               ng-model="addr._is_billing"/>
 821           </span>
 822           <span class='pad-all-min'>
 823             <button type="button"
 824               ng-click="field_modified();delete_address(addr.id)"
 825               class="btn btn-danger">[% l('X') %]</button>
 826           </span>
 827       </div>
 828   </div>
 829
 830   <div ng-if="addr.pending" class="row">
 831     <div class="col-md-6 patron-reg-pending-address">
 832       <div class="row">
 833         <div class="col-md-6">
 834           [% l('This is a pending address') %]
 835         </div>
 836         <div class="col-md-6">
 837           <button class="btn btn-success"
 838             ng-click="approve_pending_address(addr)">[% l('Approve') %]</button>
 839         </div>
 840       </div>
 841       <div class="row" ng-if="addr._replaces">
 842         <div class="col-md-6">
 843           [% | l(
 844             '{{addr._replaces.street1}}',
 845             '{{addr._replaces.street2}}',
 846             '<br/>'
 847             '{{addr._replaces.city}}',
 848             '{{addr._replaces.state}}',
 849             '{{addr._replaces.post_code}}') %]
 850             Replaces: [_1] [_2] [_3] [_4], [_5] [_6]
 851           [% END %]
 852         </div>
 853       </div>
 854     </div>
 855     <!-- make sure we occupy the entire row -->
 856     <div class="col-md-6"> </div>
 857   </div>
 858
 859   <!-- ADDRESS_TYPE -->
 860   <div class="row reg-field-row" ng-show="show_field('aua.address_type')">
 861     [% draw_field_label('aua', 'address_type') %]
 862     [% draw_form_input('aua',
 863       'address_type', 'addresses[$index]', '', 'addr._linked_owner') %]
 864     <div class="col-md-6 patron-reg-example">
 865       [% draw_example_text('aua', 'address_type') %]
 866     </div>
 867   </div>
 868
 869   <!-- POST_CODE -->
 870
 871   <div class="row reg-field-row" ng-show="show_field('aua.post_code')">
 872     [% draw_field_label('aua', 'post_code') %]
 873     [% draw_form_input('aua',
 874       'post_code', 'addresses[$index]', '', 'addr._linked_owner') %]
 875     <div class="col-md-6 patron-reg-example">
 876       [% draw_example_text('aua', 'post_code') %]
 877     </div>
 878   </div>
 879
 880   <!-- STREET1 -->
 881
 882   <div class="row reg-field-row" ng-show="show_field('aua.street1')">
 883     [% draw_field_label('aua', 'street1') %]
 884     [% draw_form_input('aua',
 885       'street1', 'addresses[$index]', '', 'addr._linked_owner') %]
 886     <div class="col-md-6 patron-reg-example">
 887       [% draw_example_text('aua', 'street1') %]
 888     </div>
 889   </div>
 890
 891   <!-- STREET2 -->
 892
 893   <div class="row reg-field-row" ng-show="show_field('aua.street2')">
 894     [% draw_field_label('aua', 'street2') %]
 895     [% draw_form_input('aua',
 896       'street2', 'addresses[$index]', '', 'addr._linked_owner') %]
 897     <div class="col-md-6 patron-reg-example">
 898       [% draw_example_text('aua', 'street2') %]
 899     </div>
 900   </div>
 901
 902   <!-- CITY -->
 903
 904   <div class="row reg-field-row" ng-show="show_field('aua.city')">
 905     [% draw_field_label('aua', 'city') %]
 906     [% draw_form_input('aua',
 907       'city', 'addresses[$index]', '', 'addr._linked_owner') %]
 908     <div class="col-md-6 patron-reg-example">
 909       [% draw_example_text('aua', 'city') %]
 910     </div>
 911   </div>
 912
 913   <!-- COUNTY -->
 914
 915   <div class="row reg-field-row" ng-show="show_field('aua.county')">
 916     [% draw_field_label('aua', 'county') %]
 917     [% draw_form_input('aua',
 918       'county', 'addresses[$index]', '', 'addr._linked_owner') %]
 919     <div class="col-md-6 patron-reg-example">
 920       [% draw_example_text('aua', 'county') %]
 921     </div>
 922   </div>
 923
 924   <!-- STATE -->
 925
 926   <div class="row reg-field-row" ng-show="show_field('aua.state')">
 927     [% draw_field_label('aua', 'state') %]
 928     [% draw_form_input('aua',
 929       'state', 'addresses[$index]', '', 'addr._linked_owner') %]
 930     <div class="col-md-6 patron-reg-example">
 931       [% draw_example_text('aua', 'state') %]
 932     </div>
 933   </div>
 934
 935   <!-- COUNTRY -->
 936
 937   <div class="row reg-field-row" ng-show="show_field('aua.country')">
 938     [% draw_field_label('aua', 'country') %]
 939     [% draw_form_input('aua',
 940       'country', 'addresses[$index]', '', 'addr._linked_owner') %]
 941     <div class="col-md-6 patron-reg-example">
 942       [% draw_example_text('aua', 'country') %]
 943     </div>
 944   </div>
 945
 946   <!-- VALID -->
 947
 948   <div class="row reg-field-row" ng-show="show_field('aua.valid')">
 949     [% draw_field_label('aua', 'valid') %]
 950     <div class="col-md-3 reg-field-input">
 951         <input
 952           type='checkbox'
 953           ng-change="field_modified()"
 954           ng-disabled='addr._linked_owner'
 955           ng-blur="handle_field_changed(patron.addresses[$index], 'valid')"
 956           ng-model="patron.addresses[$index].valid"/>
 957     </div>
 958     <div class="col-md-6 patron-reg-example">
 959       [% draw_example_text('aua', 'valid') %]
 960     </div>
 961   </div>
 962
 963   <!-- WITHIN_CITY_LIMITS -->
 964
 965   <div class="row reg-field-row" ng-show="show_field('aua.within_city_limits')">
 966     [% draw_field_label('aua', 'within_city_limits') %]
 967     <div class="col-md-3 reg-field-input">
 968         <input
 969           type='checkbox'
 970           ng-change="field_modified()"
 971           ng-disabled='addr._linked_owner'
 972           ng-blur="handle_field_changed(patron.addresses[$index], 'within_city_limits')"
 973           ng-model="patron.addresses[$index].within_city_limits"/>
 974     </div>
 975     <div class="col-md-6 patron-reg-example">
 976       [% draw_example_text('aua', 'within_city_limits') %]
 977     </div>
 978   </div>
 979
 980   <!-- pending address -->
 981
 982 </div> <!-- addresses -->
 983
 984 <div class="row">
 985   <button type="button" ng-click="new_address()"
 986     class="btn btn-success">[% l('New Address') %]</button>
 987 </div>
 988
 989 <div ng-if="!offline">
 990 <div class="alert alert-success row" role="alert"
 991     ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-if="stat_cats.length > 0">
 992     <div class="col-md-6">[% l('Statistical Categories') %]</div>
 993 </div>
 994
 995 <div class="row reg-field-row"
 996      ng-show="show_field('stat_cats') || hasRequiredStatCat" ng-repeat="cat in stat_cats">
 997      <!-- Display this stat cat when displaying all stat cats
 998        or when this stat cat is required.  Wrap the body of
 999        stat cat display in a div for easy show/hide.  -->
1000   <div ng-if="show_field('stat_cats') || cat.required() == 1">
1001
1002     <div class="col-md-3 reg-field-label">
1003       <label>{{cat.name()}}</label>
1004     </div>
1005     <div class="col-md-3 reg-field-input">
1006       <div ng-if="cat.entries().length != 0">
1007         <div class="btn-group" uib-dropdown>
1008           <button type="button" class="btn btn-default" ng-class="{'ng-invalid': cat.required() == 1 && !stat_cat_entry_maps[cat.id()] }" uib-dropdown-toggle>
1009             <span style="padding-right: 5px;">
1010               {{stat_cat_entry_maps[cat.id()]}}</span>
1011             <span class="caret"></span>
1012           </button>
1013           <ul uib-dropdown-menu>
1014             <li ng-repeat="entry in cat.entries()">
1015               <a href
1016                 ng-click="field_modified();stat_cat_entry_maps[cat.id()]=entry.value()">
1017                 {{entry.value()}}
1018               </a>
1019             </li>
1020           </ul>
1021         </div>
1022       </div>
1023     </div>
1024
1025     <!-- Stat cat retrieval API uses open-ils.storage under the covers
1026         which represents DB bools at 1/0 instead of cstore-style t/f -->
1027     <div class="col-md-3 reg-field-input"
1028       ng-show="show_field('stat_cats') || hasRequiredStatCat"
1029       ng-if="cat.allow_freetext() == '1'">
1030       <input type="text" ng-model="stat_cat_entry_maps[cat.id()]"
1031         class="form-control" ng-required="cat.required() == 1"/>
1032     </div>
1033
1034   </div><!-- show/hide wrapper -->
1035 </div>
1036 </div>
1037
1038 <!-- surveys -->
1039
1040 <div class="alert alert-success row" role="alert"
1041     ng-show="show_field('surveys')" ng-if="surveys.length > 0">
1042     <div class="col-md-6">[% l('Surveys') %]</div>
1043 </div>
1044
1045 <div class="row reg-field-row"
1046     ng-show="show_field('surveys')" ng-repeat="survey in surveys">
1047   <div class="col-md-3 reg-field-label">
1048     <label>{{survey.name()}}</label>
1049   </div>
1050   <div class="col-md-6 reg-field-input">
1051     <div class="row" ng-repeat="question in survey.questions()"
1052       style="margin-bottom: 10px;">
1053       <div class="col-md-6">{{question.question()}}</div>
1054       <div class="col-md-6">
1055         <div class="btn-group" uib-dropdown>
1056           <button type="button" class="btn btn-default" uib-dropdown-toggle>
1057             <span style="padding-right: 5px;">
1058               {{survey_responses[question.id()].answer()}}
1059             </span>
1060             <span class="caret"></span>
1061           </button>
1062           <ul uib-dropdown-menu>
1063             <li ng-repeat="answer in question.answers()">
1064               <a href
1065                 ng-click="field_modified();survey_responses[question.id()] = answer">
1066                 {{answer.answer()}}
1067               </a>
1068             </li>
1069           </ul>
1070         </div>
1071       </div>
1072     </div>
1073   </div>
1074 </div>
1075
1076 </div><!-- /form wrapper -->