Open-ILS/src/templates/staff/circ/patron/t_edit.tt2

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