Open-ILS/src/eg2/src/app/staff/cat/volcopy/config.component.html

   1 <div class="d-flex">
   2   <h3 class="mt-3" i18n>Holdings Preferences</h3>
   3   <div class="flex-1"></div>
   4   <div i18n class="font-italic">Changes are saved automatically.</div>
   5 </div>
   6
   7 <div class="row">
   8   <div class="col-lg-6">
   9     <div class="row">
  10       <div class="col-lg-12">
  11         <div class="card">
  12           <div class="card-header" i18n>Holdings Display Preferences</div>
  13           <ul class="list-group list-group-flush">
  14             <li class="list-group-item">
  15               <div class="form-check form-check-inline">
  16                 <input class="form-check-input" type="checkbox"
  17                   id="hide-classification-column"
  18                   [(ngModel)]="volcopy.defaults.hidden.classification">
  19                 <label class="form-check-label" for="hide-classification-column" i18n>
  20                   Hide Call Number Classification Column
  21                 </label>
  22               </div>
  23             </li>
  24             <li class="list-group-item">
  25               <div class="form-check form-check-inline">
  26                 <input class="form-check-input" type="checkbox"
  27                   id="hide-prefix-column"
  28                   [(ngModel)]="volcopy.defaults.hidden.prefix">
  29                 <label class="form-check-label" for="hide-prefix-column" i18n>
  30                   Hide Call Number Prefix Column
  31                 </label>
  32               </div>
  33             </li>
  34             <li class="list-group-item">
  35               <div class="form-check form-check-inline">
  36                 <input class="form-check-input" type="checkbox"
  37                   id="hide-suffix-column"
  38                   [(ngModel)]="volcopy.defaults.hidden.suffix">
  39                 <label class="form-check-label" for="hide-suffix-column" i18n>
  40                   Hide Call Number Suffix Column
  41                 </label>
  42               </div>
  43             </li>
  44             <li class="list-group-item">
  45               <div class="form-check form-check-inline">
  46                 <input class="form-check-input" type="checkbox"
  47                   id="hide-generate_barcodes-column"
  48                   [(ngModel)]="volcopy.defaults.hidden.generate_barcodes">
  49                 <label class="form-check-label" for="hide-generate_barcodes-column" i18n>
  50                   Hide Generate Barcodes
  51                 </label>
  52               </div>
  53             </li>
  54             <li class="list-group-item">
  55               <div class="form-check form-check-inline">
  56                 <input class="form-check-input" type="checkbox"
  57                   id="hide-use_checkdigit-column"
  58                   [(ngModel)]="volcopy.defaults.hidden.use_checkdigit">
  59                 <label class="form-check-label" for="hide-use_checkdigit-column" i18n>
  60                   Hide Use Checkdigit
  61                 </label>
  62               </div>
  63             </li>
  64             <li class="list-group-item">
  65               <!--
  66                 Copy_number_vc distinguishes from copy_number so the field
  67                 can appear in the volcopy UI and/or attr editor independently.
  68               -->
  69               <div class="form-check form-check-inline">
  70                 <input class="form-check-input" type="checkbox"
  71                   id="hide-copy_number_vc-column"
  72                   [(ngModel)]="volcopy.defaults.hidden.copy_number_vc">
  73                 <label class="form-check-label" for="hide-copy_number_vc-column" i18n>
  74                   Hide Item Number
  75                 </label>
  76               </div>
  77             </li>
  78             <li class="list-group-item">
  79               <div class="form-check form-check-inline">
  80                 <input class="form-check-input" type="checkbox" id="hide-copy_part-column"
  81                   [(ngModel)]="volcopy.defaults.hidden.copy_part">
  82                 <label class="form-check-label" for="hide-copy_part-column" i18n>
  83                   Hide Item Part
  84                 </label>
  85               </div>
  86             </li>
  87             <li class="list-group-item">
  88               <div class="form-check form-check-inline">
  89                 <input class="form-check-input" type="checkbox"
  90                   id="volcopy-unified-interface"
  91                   [(ngModel)]="volcopy.defaults.values.unified_display">
  92                 <label class="form-check-label" for="volcopy-unified-interface" i18n>
  93                   Unified Holdings and Item Attributes Display
  94                 </label>
  95               </div>
  96             </li>
  97           </ul>
  98         </div>
  99       </div>
 100     </div>
 101   </div>
 102   <div class="col-lg-6">
 103     <div class="row">
 104       <div class="col-lg-12">
 105         <div class="card">
 106           <div class="card-header" i18n>Holdings Creation Defaults</div>
 107           <ul class="list-group list-group-flush p-2">
 108             <li class="list-group-item">
 109               <div class="row">
 110                 <div class="col-lg-4">
 111                   <label for="default-classification" i18n>Default Classification</label>
 112                 </div>
 113                 <div class="col-lg-8">
 114                   <eg-combobox
 115                     domId="default-classification"
 116                     [selectedId]="volcopy.defaults.values.classification || 1"
 117                     [smallFormControl]="true"
 118                     (onChange)="volcopy.defaults.values.classification = $event ? $event.id : null">
 119                     <eg-combobox-entry *ngFor="let cls of volcopy.commonData.acn_class"
 120                       [entryId]="cls.id()" [entryLabel]="cls.name()">
 121                     </eg-combobox-entry>
 122                   </eg-combobox>
 123                 </div>
 124               </div>
 125             </li>
 126             <li class="list-group-item">
 127               <div class="row">
 128                 <div class="col-lg-4">
 129                   <label for="default-prefix" i18n>Default Prefix</label>
 130                 </div>
 131                 <div class="col-lg-8">
 132                   <eg-combobox
 133                     domId="default-prefix"
 134                     [smallFormControl]="true"
 135                     [startId]="volcopy.defaults.values.prefix || -1"
 136                     (onChange)="volcopy.defaults.values.prefix = $event ? $event.id : null">
 137                     <eg-combobox-entry
 138                       entryLabel="<None>" i18n-entryLabel [entryId]="-1">
 139                     </eg-combobox-entry>
 140                     <eg-combobox-entry *ngFor="let pfx of volcopy.commonData.acn_prefix"
 141                       [entryId]="pfx.id()" [entryLabel]="pfx.label()">
 142                     </eg-combobox-entry>
 143                   </eg-combobox>
 144                 </div>
 145               </div>
 146             </li>
 147             <li class="list-group-item">
 148               <div class="row">
 149                 <div class="col-lg-4">
 150                   <label for="default-suffix" i18n>Default Suffix</label>
 151                 </div>
 152                 <div class="col-lg-8">
 153                   <eg-combobox
 154                     domId="default-suffix"
 155                     [selectedId]="volcopy.defaults.values.suffix || -1"
 156                     [smallFormControl]="true"
 157                     (onChange)="volcopy.defaults.values.suffix = $event ? $event.id : null">
 158                     <eg-combobox-entry
 159                       entryLabel="<None>" i18n-entryLabel [entryId]="-1">
 160                     </eg-combobox-entry>
 161                     <eg-combobox-entry *ngFor="let sfx of volcopy.commonData.acn_suffix"
 162                       [entryId]="sfx.id()" [entryLabel]="sfx.label()">
 163                     </eg-combobox-entry>
 164                   </eg-combobox>
 165                 </div>
 166               </div>
 167             </li>
 168           </ul>
 169         </div>
 170       </div>
 171     </div>
 172   </div>
 173 </div>
 174
 175 <hr class="p-2"/>
 176 <h3 i18n>Item Attribute Settings</h3>
 177
 178 <div class="row">
 179   <div class="col-lg-6">
 180     <div class="card">
 181       <div class="card-header" i18n>Item Attributes Behavior</div>
 182       <ul class="list-group list-group-flush">
 183         <li class="list-group-item">
 184           <div class="form-check form-check-inline">
 185             <input class="form-check-input" type="checkbox"
 186               id="circ_lib_mod_with_owning_lib-column"
 187               [(ngModel)]="volcopy.defaults.values.circ_lib_mod_with_owning_lib">
 188             <label class="form-check-label"
 189               for="circ_lib_mod_with_owning_lib-column" i18n>
 190               Change Circ Lib When Owning Lib Changes
 191             </label>
 192           </div>
 193         </li>
 194         <li class="list-group-item">
 195           <div class="form-check form-check-inline">
 196             <eg-org-select
 197               domId="statcat_filter"
 198               placeholder="Stat Cat Filter..." i18n-placeholder
 199               [initialOrgId]="volcopy.defaults.values.statcat_filter"
 200               (onChange)="volcopy.defaults.values.statcat_filter = $event ? $event.id() : null">
 201             </eg-org-select>
 202             <label class="ml-2" for="statcat_filter" i18n>
 203               Default Stat Cat Library Filter
 204             </label>
 205           </div>
 206         </li>
 207       </ul>
 208     </div>
 209   </div>
 210 </div>
 211
 212
 213 <hr class="p-2"/>
 214
 215 <h3 i18n>Hide Item Attributes</h3>
 216 <span class="font-italic" i18n>
 217   Selected Fields Will be <span class="font-weight-bold">Hidden</span>
 218   from the Item Attributes Form.
 219 </span>
 220
 221 <div class="row d-flex pb-5">
 222
 223   <!-- COLUMN 1 -->
 224   <div class="flex-1 p-1">
 225     <div class="card">
 226       <div class="card-header" i18n>Identification</div>
 227       <ul class="list-group list-group-flush">
 228         <li class="list-group-item">
 229           <div class="form-check form-check-inline">
 230             <input class="form-check-input" type="checkbox"
 231               id="show-status-attr"
 232               [(ngModel)]="volcopy.defaults.hidden.status">
 233             <label class="form-check-label" for="show-status-attr" i18n>
 234               Status
 235             </label>
 236           </div>
 237         </li>
 238         <li class="list-group-item">
 239           <div class="form-check form-check-inline">
 240             <input class="form-check-input" type="checkbox"
 241               id="show-barcode-attr"
 242               [(ngModel)]="volcopy.defaults.hidden.barcode">
 243             <label class="form-check-label" for="show-barcode-attr" i18n>
 244               Barcode
 245             </label>
 246           </div>
 247         </li>
 248         <li class="list-group-item">
 249           <div class="form-check form-check-inline">
 250             <input class="form-check-input" type="checkbox"
 251               id="show-create_date-attr"
 252               [(ngModel)]="volcopy.defaults.hidden.create_date">
 253             <label class="form-check-label" for="show-create_date-attr" i18n>
 254               Creation Date
 255             </label>
 256           </div>
 257         </li>
 258         <li class="list-group-item">
 259           <div class="form-check form-check-inline">
 260             <input class="form-check-input" type="checkbox"
 261               id="show-active_date-attr"
 262               [(ngModel)]="volcopy.defaults.hidden.active_date">
 263             <label class="form-check-label" for="show-active_date-attr" i18n>
 264               Activation Date
 265             </label>
 266           </div>
 267         </li>
 268         <li class="list-group-item">
 269           <div class="form-check form-check-inline">
 270             <input class="form-check-input" type="checkbox"
 271               id="show-creator-attr"
 272               [(ngModel)]="volcopy.defaults.hidden.creator">
 273             <label class="form-check-label" for="show-creator-attr" i18n>
 274               Creator
 275             </label>
 276           </div>
 277         </li>
 278         <li class="list-group-item">
 279           <div class="form-check form-check-inline">
 280             <input class="form-check-input" type="checkbox"
 281               id="show-edit_date-attr"
 282               [(ngModel)]="volcopy.defaults.hidden.edit_date">
 283             <label class="form-check-label" for="show-edit_date-attr" i18n>
 284               Last Edit Date
 285             </label>
 286           </div>
 287         </li>
 288         <li class="list-group-item">
 289           <div class="form-check form-check-inline">
 290             <input class="form-check-input" type="checkbox"
 291               id="show-editor-attr"
 292               [(ngModel)]="volcopy.defaults.hidden.editor">
 293             <label class="form-check-label" for="show-editor-attr" i18n>
 294               Last Editor
 295             </label>
 296           </div>
 297         </li>
 298       </ul>
 299     </div>
 300   </div>
 301
 302   <!-- COLUMN 2 -->
 303   <div class="flex-1 p-1">
 304     <div class="card">
 305       <div class="card-header" i18n>Location</div>
 306       <ul class="list-group list-group-flush">
 307         <li class="list-group-item">
 308           <div class="form-check form-check-inline">
 309             <input class="form-check-input" type="checkbox"
 310               id="show-location-attr"
 311               [(ngModel)]="volcopy.defaults.hidden.location">
 312             <label class="form-check-label" for="show-location-attr" i18n>
 313               Location
 314             </label>
 315           </div>
 316         </li>
 317         <li class="list-group-item">
 318           <div class="form-check form-check-inline">
 319             <input class="form-check-input" type="checkbox"
 320               id="show-circ_lib-attr"
 321               [(ngModel)]="volcopy.defaults.hidden.circ_lib">
 322             <label class="form-check-label" for="show-circ_lib-attr" i18n>
 323               Circulating Library
 324             </label>
 325           </div>
 326         </li>
 327         <li class="list-group-item">
 328           <div class="form-check form-check-inline">
 329             <input class="form-check-input" type="checkbox"
 330               id="show-owning_lib-attr"
 331               [(ngModel)]="volcopy.defaults.hidden.owning_lib">
 332             <label class="form-check-label" for="show-owning_lib-attr" i18n>
 333               Owning Library
 334             </label>
 335           </div>
 336         </li>
 337         <li class="list-group-item">
 338           <div class="form-check form-check-inline">
 339             <input class="form-check-input" type="checkbox"
 340               id="show-copy_number-attr"
 341               [(ngModel)]="volcopy.defaults.hidden.copy_number">
 342             <label class="form-check-label" for="show-copy_number-attr" i18n>
 343               Copy Number
 344             </label>
 345           </div>
 346         </li>
 347       </ul>
 348     </div>
 349   </div>
 350
 351   <!-- COLUMN 3 -->
 352
 353   <div class="flex-1 p-1">
 354     <div class="card">
 355       <div class="card-header" i18n>Circulation</div>
 356       <ul class="list-group list-group-flush">
 357         <li class="list-group-item">
 358           <div class="form-check form-check-inline">
 359             <input class="form-check-input" type="checkbox"
 360               id="show-circulate-attr"
 361               [(ngModel)]="volcopy.defaults.hidden.circulate">
 362             <label class="form-check-label" for="show-circulate-attr" i18n>
 363               Circulate
 364             </label>
 365           </div>
 366         </li>
 367         <li class="list-group-item">
 368           <div class="form-check form-check-inline">
 369             <input class="form-check-input" type="checkbox"
 370               id="show-holdable-attr"
 371               [(ngModel)]="volcopy.defaults.hidden.holdable">
 372             <label class="form-check-label" for="show-holdable-attr" i18n>
 373               Holdable
 374             </label>
 375           </div>
 376         </li>
 377         <li class="list-group-item">
 378           <div class="form-check form-check-inline">
 379             <input class="form-check-input" type="checkbox"
 380               id="show-age_protect-attr"
 381               [(ngModel)]="volcopy.defaults.hidden.age_protect">
 382             <label class="form-check-label" for="show-age_protect-attr" i18n>
 383               Aged-Based Hold Protection
 384             </label>
 385           </div>
 386         </li>
 387         <li class="list-group-item">
 388           <div class="form-check form-check-inline">
 389             <input class="form-check-input" type="checkbox"
 390               id="show-floating-attr"
 391               [(ngModel)]="volcopy.defaults.hidden.floating">
 392             <label class="form-check-label" for="show-floating-attr" i18n>
 393               Floating
 394             </label>
 395           </div>
 396         </li>
 397         <li class="list-group-item">
 398           <div class="form-check form-check-inline">
 399             <input class="form-check-input" type="checkbox"
 400               id="show-loan_duration-attr"
 401               [(ngModel)]="volcopy.defaults.hidden.loan_duration">
 402             <label class="form-check-label" for="show-loan_duration-attr" i18n>
 403               Loan Duration
 404             </label>
 405           </div>
 406         </li>
 407         <li class="list-group-item">
 408           <div class="form-check form-check-inline">
 409             <input class="form-check-input" type="checkbox"
 410               id="show-fine_level-attr"
 411               [(ngModel)]="volcopy.defaults.hidden.fine_level">
 412             <label class="form-check-label" for="show-fine_level-attr" i18n>
 413               Fine Level
 414             </label>
 415           </div>
 416         </li>
 417         <li class="list-group-item">
 418           <div class="form-check form-check-inline">
 419             <input class="form-check-input" type="checkbox"
 420               id="show-circ_as_type-attr"
 421               [(ngModel)]="volcopy.defaults.hidden.circ_as_type">
 422             <label class="form-check-label" for="show-circ_as_type-attr" i18n>
 423               Circulate As Type
 424             </label>
 425           </div>
 426         </li>
 427         <li class="list-group-item">
 428           <div class="form-check form-check-inline">
 429             <input class="form-check-input" type="checkbox"
 430               id="show-circ_modifier-attr"
 431               [(ngModel)]="volcopy.defaults.hidden.circ_modifier">
 432             <label class="form-check-label" for="show-circ_modifier-attr" i18n>
 433               Circulation Modifier
 434             </label>
 435           </div>
 436         </li>
 437       </ul>
 438     </div>
 439   </div>
 440
 441   <!-- COLUMN 4 -->
 442
 443   <div class="flex-1 p-1">
 444     <div class="card">
 445       <div class="card-header" i18n>Miscellaneous</div>
 446       <ul class="list-group list-group-flush">
 447         <li class="list-group-item">
 448           <div class="form-check form-check-inline">
 449             <input class="form-check-input" type="checkbox"
 450               id="show-copy_alerts-attr"
 451               [(ngModel)]="volcopy.defaults.hidden.copy_alerts">
 452             <label class="form-check-label" for="show-copy_alerts-attr" i18n>
 453               Item Alerts
 454             </label>
 455           </div>
 456         </li>
 457         <li class="list-group-item">
 458           <div class="form-check form-check-inline">
 459             <input class="form-check-input" type="checkbox"
 460               id="show-deposit-attr"
 461               [(ngModel)]="volcopy.defaults.hidden.deposit">
 462             <label class="form-check-label" for="show-deposit-attr" i18n>
 463               Deposit
 464             </label>
 465           </div>
 466         </li>
 467         <li class="list-group-item">
 468           <div class="form-check form-check-inline">
 469             <input class="form-check-input" type="checkbox"
 470               id="show-deposit_amount-attr"
 471               [(ngModel)]="volcopy.defaults.hidden.deposit_amount">
 472             <label class="form-check-label" for="show-deposit_amount-attr" i18n>
 473               Deposit Amount
 474             </label>
 475           </div>
 476         </li>
 477         <li class="list-group-item">
 478           <div class="form-check form-check-inline">
 479             <input class="form-check-input" type="checkbox"
 480               id="show-price-attr"
 481               [(ngModel)]="volcopy.defaults.hidden.price">
 482             <label class="form-check-label" for="show-price-attr" i18n>
 483               Price
 484             </label>
 485           </div>
 486         </li>
 487         <li class="list-group-item">
 488           <div class="form-check form-check-inline">
 489             <input class="form-check-input" type="checkbox"
 490               id="show-opac_visible-attr"
 491               [(ngModel)]="volcopy.defaults.hidden.opac_visible">
 492             <label class="form-check-label" for="show-opac_visible-attr" i18n>
 493               OPAC Visible
 494             </label>
 495           </div>
 496         </li>
 497         <li class="list-group-item">
 498           <div class="form-check form-check-inline">
 499             <input class="form-check-input" type="checkbox"
 500               id="show-ref-attr"
 501               [(ngModel)]="volcopy.defaults.hidden.ref">
 502             <label class="form-check-label" for="show-ref-attr" i18n>
 503               Reference
 504             </label>
 505           </div>
 506         </li>
 507         <li class="list-group-item">
 508           <div class="form-check form-check-inline">
 509             <input class="form-check-input" type="checkbox"
 510               id="show-cost-attr"
 511               [(ngModel)]="volcopy.defaults.hidden.cost">
 512             <label class="form-check-label" for="show-cost-attr" i18n>
 513               Cost
 514             </label>
 515           </div>
 516         </li>
 517         <li class="list-group-item">
 518           <div class="form-check form-check-inline">
 519             <input class="form-check-input" type="checkbox"
 520               id="show-mint_condition-attr"
 521               [(ngModel)]="volcopy.defaults.hidden.mint_condition">
 522             <label class="form-check-label" for="show-mint_condition-attr" i18n>
 523               Quality
 524             </label>
 525           </div>
 526         </li>
 527       </ul>
 528     </div>
 529   </div>
 530
 531   <!-- COLUMN 5 -->
 532
 533   <div class="flex-1 p-1">
 534     <div class="card">
 535       <div class="card-header" i18n>Statistics</div>
 536       <ul class="list-group list-group-flush">
 537         <li class="list-group-item">
 538           <div class="form-check form-check-inline">
 539             <input class="form-check-input" type="checkbox"
 540               id="show-copy_tags-attr"
 541               [(ngModel)]="volcopy.defaults.hidden.copy_tags">
 542             <label class="form-check-label" for="show-copy_tags-attr" i18n>
 543               Add Item Tags
 544             </label>
 545           </div>
 546         </li>
 547         <li class="list-group-item">
 548           <div class="form-check form-check-inline">
 549             <input class="form-check-input" type="checkbox"
 550               id="show-copy_notes-attr"
 551               [(ngModel)]="volcopy.defaults.hidden.copy_notes">
 552             <label class="form-check-label" for="show-copy_notes-attr" i18n>
 553               Add Item Notes
 554             </label>
 555           </div>
 556         </li>
 557         <li class="list-group-item">
 558           <div class="form-check form-check-inline">
 559             <input class="form-check-input" type="checkbox"
 560               id="show-statcat_filter-attr"
 561               [(ngModel)]="volcopy.defaults.hidden.statcat_filter">
 562             <label class="form-check-label" for="show-statcat_filter-attr" i18n>
 563               Stat Cat Filter
 564             </label>
 565           </div>
 566         </li>
 567         <li class="list-group-item">
 568           <div class="form-check form-check-inline">
 569             <input class="form-check-input" type="checkbox"
 570               id="show-statcats-attr"
 571               [(ngModel)]="volcopy.defaults.hidden.statcats">
 572             <label class="form-check-label" for="show-statcats-attr" i18n>
 573               Statistical Categories
 574             </label>
 575           </div>
 576         </li>
 577       </ul>
 578     </div>
 579   </div>
 580 </div>
 581