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

   1 <eg-string #successString i18n-text text="Successfully added to bucket">
   2 </eg-string>
   3
   4 <ng-template #dialogContent>
   5   <div class="modal-header bg-info">
   6     <h4 class="modal-title">
   7       <ng-container *ngIf="itemIds.length > 0">
   8         <span *ngIf="itemIds.length === 1" i18n>
   9           Add Item #{{itemIds[0]}} to Bucket</span>
  10         <span *ngIf="itemIds.length > 1" i18n>
  11           Add {{itemIds.length}} Items to Bucket</span>
  12       </ng-container>
  13       <span *ngIf="fromBibQueue" i18n>Add Records from queue #{{fromBibQueue}} to Bucket</span>
  14     </h4>
  15     <button type="button" class="close"
  16       i18n-aria-label aria-label="Close" (click)="close()">
  17       <span aria-hidden="true">&times;</span>
  18     </button>
  19   </div>
  20   <div class="modal-body">
  21     <ul ngbNav #bucketDialogTabs="ngbNav" class="nav-tabs" [keyboard]="true" [roles]="false" role="tablist">
  22       <li role="presentation" [ngbNavItem]="1">
  23         <a role="tab" ngbNavLink i18n>Existing bucket</a>
  24         <ng-template ngbNavContent>
  25           <div class="row mt-3">
  26             <div class="col-lg-3 font-weight-bold"><label for="existing-bucket-name">Name of existing bucket</label></div>
  27             <div class="col-lg-5">
  28               <eg-combobox [entries]="formatBucketEntries()"
  29                 (onChange)="bucketChanged($event)"
  30                 domId="existing-bucket-name"
  31                 placeholder="Existing Bucket..." i18n-placeholder>
  32               </eg-combobox>
  33             </div>
  34             <div class="col-lg-4">
  35               <button class="btn btn-info" (click)="addToSelected()" i18n
  36                 [disabled]="!selectedBucket">
  37                 Add To Selected Bucket
  38               </button>
  39             </div>
  40           </div>
  41         </ng-template>
  42       </li>
  43       <li role="presentation" [ngbNavItem]="2">
  44         <a role="tab" ngbNavLink i18n>New bucket</a>
  45         <ng-template ngbNavContent>
  46           <div class="row mt-3">
  47             <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
  48             <div class="col-lg-5">
  49               <input type="text" class="form-control"
  50                 placeholder="New Bucket Name..."
  51                 i18n-placeholder
  52                 [(ngModel)]="newBucketName"/>
  53             </div>
  54             <div class="col-lg-4">
  55               <button class="btn btn-info" (click)="addToNew()" i18n
  56                 [disabled]="!newBucketName">
  57                 Add To New Bucket
  58               </button>
  59             </div>
  60           </div>
  61           <div class="row mt-3">
  62             <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
  63             <div class="col-lg-5">
  64               <textarea size="3" type="text" class="form-control"
  65                 placeholder="Optional New Bucket Description..."
  66                 i18n-placeholder
  67                 [(ngModel)]="newBucketDesc">
  68               </textarea>
  69             </div>
  70           </div>
  71         </ng-template>
  72       </li>
  73       <li role="presentation" [ngbNavItem]="3">
  74         <a role="tab" ngbNavLink i18n>Shared bucket</a>
  75         <ng-template ngbNavContent>
  76           <div class="row mt-3">
  77             <div class="col-lg-3 font-weight-bold" i18n>ID of shared bucket</div>
  78             <div class="col-lg-5">
  79               <input type="number" class="form-control"
  80                 [(ngModel)]="sharedBucketId"/>
  81             </div>
  82             <div class="col-lg-4">
  83               <button class="btn btn-info" (click)="addToShared()" i18n
  84                 [disabled]="!sharedBucketId">
  85                 Add To Shared Bucket
  86               </button>
  87             </div>
  88           </div>
  89         </ng-template>
  90       </li>
  91     </ul>
  92     <div [ngbNavOutlet]="bucketDialogTabs"></div>
  93   </div>
  94 </ng-template>
  95 <eg-confirm-dialog #confirmAddToShared
  96   i18n-dialogTitle i18n-dialogBody
  97   dialogTitle="Confirm Add to Shared Bucket"
  98   dialogBody="Add to shared bucket named '{{sharedBucketName}}'?">
  99 </eg-confirm-dialog>