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

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title">
   4       <ng-container *ngIf="recIds.length > 0">
   5         <span *ngIf="recIds.length == 1" i18n>
   6           Add Record #{{recIds[0]}} to Bucket</span>
   7         <span *ngIf="recIds.length > 1" i18n>
   8           Add {{recIds.length}} Record(s) to Bucket</span>
   9       </ng-container>
  10       <span *ngIf="qId" i18n>Add Records from queue #{{qId}} 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          <select
  23           class="form-control"
  24           placeholder="Existing Bucket..."
  25           i18n-placeholder
  26           [(ngModel)]="selectedBucket">
  27           <option *ngFor="let bkt of buckets"
  28             value="{{bkt.id()}}">{{bkt.name()}}</option>
  29         </select>
  30       </div>
  31       <div class="col-lg-4">
  32         <button class="btn btn-info" (click)="addToSelected()" i18n
  33           [disabled]="!selectedBucket">
  34           Add To Selected Bucket
  35         </button>
  36       </div>
  37     </div>
  38     <div class="row mt-3">
  39       <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  40       <div class="col-lg-5">
  41         <input type="text" class="form-control"
  42           placeholder="New Bucket Name..."
  43           i18n-placeholder
  44           [(ngModel)]="newBucketName"/>
  45       </div>
  46       <div class="col-lg-4">
  47         <button class="btn btn-info" (click)="addToNew()" i18n
  48           [disabled]="!newBucketName">
  49           Add To New Bucket
  50         </button>
  51       </div>
  52     </div>
  53     <div class="row mt-3">
  54       <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  55       <div class="col-lg-5">
  56         <textarea size="3" type="text" class="form-control"
  57           placeholder="Optional New Bucket Description..."
  58           i18n-placeholder
  59           [(ngModel)]="newBucketDesc">
  60         </textarea>
  61       </div>
  62     </div>
  63   </div>
  64 </ng-template>