Open-ILS/src/eg2/src/app/staff/share/buckets/bucket-dialog.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title">
   4       <ng-container *ngIf="itemIds.length > 0">
   5         <span *ngIf="itemIds.length == 1" i18n>
   6           Add Item #{{itemIds[0]}} to Bucket</span>
   7         <span *ngIf="itemIds.length > 1" i18n>
   8           Add {{itemIds.length}} Items to Bucket</span>
   9       </ng-container>
  10       <span *ngIf="fromBibQueue" i18n>Add Records from queue #{{fromBibQueue}} to Bucket</span>
  11     </h4>
  12     <button type="button" class="close"
  13       i18n-aria-label aria-label="Close" (click)="close()">
  14       <span aria-hidden="true">&times;</span>
  15     </button>
  16   </div>
  17   <div class="modal-body">
  18     <div class="row">
  19       <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
  20       <div class="col-lg-5">
  21         <eg-combobox [entries]="formatBucketEntries()"
  22           (onChange)="bucketChanged($event)"
  23           placeholder="Existing Bucket..." i18n-placeholder>
  24         </eg-combobox>
  25       </div>
  26       <div class="col-lg-4">
  27         <button class="btn btn-info" (click)="addToSelected()" i18n
  28           [disabled]="!selectedBucket">
  29           Add To Selected Bucket
  30         </button>
  31       </div>
  32     </div>
  33     <div class="row mt-3">
  34       <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  35       <div class="col-lg-5">
  36         <input type="text" class="form-control"
  37           placeholder="New Bucket Name..."
  38           i18n-placeholder
  39           [(ngModel)]="newBucketName"/>
  40       </div>
  41       <div class="col-lg-4">
  42         <button class="btn btn-info" (click)="addToNew()" i18n
  43           [disabled]="!newBucketName">
  44           Add To New Bucket
  45         </button>
  46       </div>
  47     </div>
  48     <div class="row mt-3">
  49       <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  50       <div class="col-lg-5">
  51         <textarea size="3" type="text" class="form-control"
  52           placeholder="Optional New Bucket Description..."
  53           i18n-placeholder
  54           [(ngModel)]="newBucketDesc">
  55         </textarea>
  56       </div>
  57     </div>
  58   </div>
  59 </ng-template>