]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/admin/acq/funds/fund-tags.component.html
LP#1904244: Angular funds interface
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / admin / acq / funds / fund-tags.component.html
1 <ng-template #addSuccessStrTmpl i18n>Added tag</ng-template>
2 <eg-string #addSuccessString [template]="addSuccessStrTmpl"></eg-string>
3 <ng-template #addErrorStrTmpl i18n>Failed to add tag</ng-template>
4 <eg-string #addErrorString [template]="addErrorStrTmpl"></eg-string>
5 <ng-template #removeSuccessStrTmpl i18n>Removed tag</ng-template>
6 <eg-string #removeSuccessString [template]="removeSuccessStrTmpl"></eg-string>
7 <ng-template #removeErrorStrTmpl i18n>Failed to remove tag</ng-template>
8 <eg-string #removeErrorString [template]="removeErrorStrTmpl"></eg-string>
9
10 <div class="row">
11   <div class="col-sm-2" *ngFor="let ftm of tagMaps">
12     <button class="btn btn-sm material-icon-button" type="button"
13       (click)="removeTagMap(ftm)"
14       i18n-title title="Remove Tag"><span class="sr-only">Remove Tag</span>
15       <span class="material-icons" aria-hidden="true">delete</span>
16     </button>
17     {{ftm.tag().name()}} ({{ftm.tag().owner().shortname()}})
18   </div>
19 </div>
20 <div class="row mt-3">
21   <div class="col-sm-2">
22     <eg-combobox #tagSelector [asyncSupportsEmptyTermClick]="true"
23       [(ngModel)]="newTag" [asyncDataSource]="tagSelectorDataSource"
24       i18n-placeholder placeholder="Select tag"></eg-combobox>
25   </div>
26   <div class="col-sm-1">
27     <button class="btn btn-success" [disabled]="!newTag || checkNewTagAlreadyMapped()"
28       (click)="addTagMap()" i18n>Add Tag
29     </button>
30   </div>
31   <div class="col-sm-2" *ngIf="newTag && checkNewTagAlreadyMapped()">
32     <span class="alert-warning" i18n>(tag is already assigned to this fund)</span>
33   </div>
34 </div>