LP#1863387: multi-select now allows filtering shelving locations by owner
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / share / multi-select / multi-select.component.html
1 <div>
2   <div class="row">
3     <ng-container *ngIf="idlClass === 'acpl'">
4       <div class="col-6">
5         <eg-item-location-select (entryChange)="valueSelected($event)"
6           [contextOrgId]="acplContextOrgId"
7           [includeDescendants]="acplIncludeDescendants"
8           domId='location-input'>
9         </eg-item-location-select>
10       </div>
11       <div class="col-6">
12         <label for="context_library" class="form-label" i18n>Owned by</label>
13         <eg-org-select
14           domId="context_library"
15           [applyDefault]="true"
16           (onChange)="acplContextOrgId = $event.id()">
17         </eg-org-select>
18         <label class="form-check-label" for="acplIncludeDescendants" i18n>Include descendants?</label>
19         <input type="checkbox"
20           domId="acplIncludeDescendants"
21           id="acplIncludeDescendants"
22           [(ngModel)]="acplIncludeDescendants"
23           class="ml-1">
24       </div>
25     </ng-container>
26     <ng-container *ngIf="idlClass !== 'acpl'">
27       <eg-combobox [idlBaseQuery]="idlBaseQuery" [idlClass]="idlClass"
28         [idlIncludeLibraryInLabel]="linkedLibraryLabel" [asyncSupportsEmptyTermClick]="true"
29         (onChange)="valueSelected($event)">
30       </eg-combobox>
31     </ng-container>
32     <button class="btn btn-outline-dark" (click)="addSelectedValue()" [disabled]="!this.selected" i18n>Add</button>
33   </div>
34   <div class="row" *ngFor="let entry of entrylist">
35     <div class="col-lg-4">{{entry.label}}</div>
36     <button class="btn btn-sm btn-warning" (click)="removeValue(entry)" i18n>Remove</button>
37   </div>
38 </div>