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" *ngIf="recId" i18n>Add To Record #{{recId}} to Bucket</h4>
   4     <h4 class="modal-title" *ngIf="qId" i18n>Add Records from queue #{{qId}} to Bucket</h4>
   5     <button type="button" class="close"
   6       i18n-aria-label aria-label="Close"
   7       (click)="dismiss('cross_click')">
   8       <span aria-hidden="true">&times;</span>
   9     </button>
  10   </div>
  11   <div class="modal-body">
  12     <div class="row">
  13       <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
  14       <div class="col-lg-5">
  15          <select
  16           class="form-control"
  17           placeholder="Existing Bucket..."
  18           i18n-placeholder
  19           [(ngModel)]="selectedBucket">
  20           <option *ngFor="let bkt of buckets"
  21             value="{{bkt.id()}}">{{bkt.name()}}</option>
  22         </select>
  23       </div>
  24       <div class="col-lg-4">
  25         <button class="btn btn-info" (click)="addToSelected()" i18n
  26           [disabled]="!selectedBucket">
  27           Add To Selected Bucket
  28         </button>
  29       </div>
  30     </div>
  31     <div class="row mt-3">
  32       <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  33       <div class="col-lg-5">
  34         <input type="text" class="form-control"
  35           placeholder="New Bucket Name..."
  36           i18n-placeholder
  37           [(ngModel)]="newBucketName"/>
  38       </div>
  39       <div class="col-lg-4">
  40         <button class="btn btn-info" (click)="addToNew()" i18n
  41           [disabled]="!newBucketName">
  42           Add To New Bucket
  43         </button>
  44       </div>
  45     </div>
  46     <div class="row mt-3">
  47       <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  48       <div class="col-lg-5">
  49         <textarea size="3" type="text" class="form-control"
  50           placeholder="Optional New Bucket Description..."
  51           i18n-placeholder
  52           [(ngModel)]="newBucketDesc">
  53         </textarea>
  54       </div>
  55     </div>
  56   </div>
  57 </ng-template>