32b6e2ec748f27d0d9fb3df325a25c76f9743ffd
[Evergreen.git] / 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" 
14       (click)="dismiss('cross_click')">
15       <span aria-hidden="true">&times;</span>
16     </button>
17   </div>
18   <div class="modal-body">
19     <div class="row">
20       <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
21       <div class="col-lg-5">
22         <eg-combobox [entries]="formatBucketEntries()" 
23           (onChange)="bucketChanged($event)"
24           placeholder="Existing Bucket..." i18n-placeholder>
25         </eg-combobox>
26       </div>
27       <div class="col-lg-4">
28         <button class="btn btn-info" (click)="addToSelected()" i18n 
29           [disabled]="!selectedBucket">
30           Add To Selected Bucket
31         </button>
32       </div>
33     </div>
34     <div class="row mt-3">
35       <div class="col-lg-3 font-weight-bold" i18n>Name of new bucket</div>
36       <div class="col-lg-5">
37         <input type="text" class="form-control" 
38           placeholder="New Bucket Name..."
39           i18n-placeholder
40           [(ngModel)]="newBucketName"/>
41       </div>
42       <div class="col-lg-4">
43         <button class="btn btn-info" (click)="addToNew()" i18n 
44           [disabled]="!newBucketName">
45           Add To New Bucket
46         </button>
47       </div>
48     </div>
49     <div class="row mt-3">
50       <div class="col-lg-3 font-weight-bold" i18n>New bucket description</div>
51       <div class="col-lg-5">
52         <textarea size="3" type="text" class="form-control" 
53           placeholder="Optional New Bucket Description..."
54           i18n-placeholder
55           [(ngModel)]="newBucketDesc">
56         </textarea>
57       </div>
58     </div>
59   </div>
60 </ng-template>