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