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">×</span>
10 <div class="modal-body">
12 <div class="col-lg-3 font-weight-bold" i18n>Name of existing bucket</div>
13 <div class="col-lg-5">
16 placeholder="Existing Bucket..."
18 [(ngModel)]="selectedBucket">
19 <option *ngFor="let bkt of buckets"
20 value="{{bkt.id()}}">{{bkt.name()}}</option>
23 <div class="col-lg-4">
24 <button class="btn btn-info" (click)="addToSelected()" i18n
25 [disabled]="!selectedBucket">
26 Add To Selected Bucket
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..."
36 [(ngModel)]="newBucketName"/>
38 <div class="col-lg-4">
39 <button class="btn btn-info" (click)="addToNew()" i18n
40 [disabled]="!newBucketName">
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..."
51 [(ngModel)]="newBucketDesc">