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     <ul ngbNav #bucketDialogTabs="ngbNav" class="nav-tabs">
  19       <li [ngbNavItem]="1">
  20         <a ngbNavLink i18n>Existing bucket</a>
  21         <ng-template ngbNavContent>
  22           <div class="row mt-3">
  23             <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
  24             <div class="col-lg-5">
  25               <eg-combobox [entries]="formatBucketEntries()"
  26                 (onChange)="bucketChanged($event)"
  27                 placeholder="Existing Bucket..." i18n-placeholder>
  28               </eg-combobox>
  29             </div>
  30             <div class="col-lg-4">
  31               <button class="btn btn-info" (click)="addToSelected()" i18n
  32                 [disabled]="!selectedBucket">
  33                 Add To Selected Bucket
  34               </button>
  35             </div>
  36           </div>
  37         </ng-template>
  38       </li>
  39       <li [ngbNavItem]="2">
  40         <a ngbNavLink i18n>New bucket</a>
  41         <ng-template ngbNavContent>
  42           <div class="row mt-3">
  43             <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  44             <div class="col-lg-5">
  45               <input type="text" class="form-control"
  46                 placeholder="New Bucket Name..."
  47                 i18n-placeholder
  48                 [(ngModel)]="newBucketName"/>
  49             </div>
  50             <div class="col-lg-4">
  51               <button class="btn btn-info" (click)="addToNew()" i18n
  52                 [disabled]="!newBucketName">
  53                 Add To New Bucket
  54               </button>
  55             </div>
  56           </div>
  57           <div class="row mt-3">
  58             <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  59             <div class="col-lg-5">
  60               <textarea size="3" type="text" class="form-control"
  61                 placeholder="Optional New Bucket Description..."
  62                 i18n-placeholder
  63                 [(ngModel)]="newBucketDesc">
  64               </textarea>
  65             </div>
  66           </div>
  67         </ng-template>
  68       </li>
  69       <li [ngbNavItem]="3">
  70         <a ngbNavLink i18n>Shared bucket</a>
  71         <ng-template ngbNavContent>
  72           <div class="row mt-3">
  73             <div class="col-lg-3 font-weight-bold" i18n>ID of shared bucket</div>
  74             <div class="col-lg-5">
  75               <input type="number" class="form-control"
  76                 [(ngModel)]="sharedBucketId"/>
  77             </div>
  78             <div class="col-lg-4">
  79               <button class="btn btn-info" (click)="addToShared()" i18n
  80                 [disabled]="!sharedBucketId">
  81                 Add To Shared Bucket
  82               </button>
  83             </div>
  84           </div>
  85         </ng-template>
  86       </li>
  87     </ul>
  88     <div [ngbNavOutlet]="bucketDialogTabs"></div>
  89   </div>
  90 </ng-template>
  91 <eg-confirm-dialog #confirmAddToShared
  92   i18n-dialogTitle i18n-dialogBody
  93   dialogTitle="Confirm Add to Shared Bucket"
  94   dialogBody="Add to shared bucket named '{{sharedBucketName}}'?">
  95 </eg-confirm-dialog>