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"
  14       (click)="dismiss('cross_click')">
  15       <span aria-hidden="true">&times;</span>
  16     </button>
  17   </div>
  18   <div class="modal-body">
  19     <div class="row">
  20       <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
  21       <div class="col-lg-5">
  22         <eg-combobox [entries]="formatBucketEntries()"
  23           (onChange)="bucketChanged($event)"
  24           placeholder="Existing Bucket..." i18n-placeholder>
  25         </eg-combobox>
  26       </div>
  27       <div class="col-lg-4">
  28         <button class="btn btn-info" (click)="addToSelected()" i18n
  29           [disabled]="!selectedBucket">
  30           Add To Selected Bucket
  31         </button>
  32       </div>
  33     </div>
  34     <div class="row mt-3">
  35       <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  36       <div class="col-lg-5">
  37         <input type="text" class="form-control"
  38           placeholder="New Bucket Name..."
  39           i18n-placeholder
  40           [(ngModel)]="newBucketName"/>
  41       </div>
  42       <div class="col-lg-4">
  43         <button class="btn btn-info" (click)="addToNew()" i18n
  44           [disabled]="!newBucketName">
  45           Add To New Bucket
  46         </button>
  47       </div>
  48     </div>
  49     <div class="row mt-3">
  50       <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  51       <div class="col-lg-5">
  52         <textarea size="3" type="text" class="form-control"
  53           placeholder="Optional New Bucket Description..."
  54           i18n-placeholder
  55           [(ngModel)]="newBucketDesc">
  56         </textarea>
  57       </div>
  58     </div>
  59   </div>
  60 </ng-template>