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