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