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