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