]> git.evergreen-ils.org Git - working/Evergreen.git/blob - Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html
LP1830432 Org family renders checkboxes horizontally
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / share / org-family-select / org-family-select.component.html
1 <form class="form-inline" [formGroup]="familySelectors">
2   <div class="input-group">
3     <div class="input-group-prepend">
4       <span class="input-group-text">{{labelText}}</span>
5     </div>
6     <eg-org-select [domId]="domId"
7       (onChange)="orgOnChange($event)"
8       [limitPerms]="limitPerms"
9       [initialOrgId]="selectedOrgId">
10     </eg-org-select>
11   </div>
12
13   <!-- stack the checkboxes -->
14   <div class="ml-2 d-flex flex-column align-items-start">
15     <div class="form-check" *ngIf="!hideAncestorSelector">
16       <input type="checkbox"
17         formControlName="includeAncestors"
18         (blur)="propagateTouch()"
19         class="form-check-input" id="{{domId}}-include-ancestors">
20       <label class="form-check-label" for="{{domId}}-include-ancestors" i18n>+ Ancestors</label>
21     </div>
22     <div class="form-check" *ngIf="!hideDescendantSelector">
23       <input type="checkbox"
24         formControlName="includeDescendants"
25         (blur)="propagateTouch()"
26         class="form-check-input" id="{{domId}}-include-descendants">
27       <label class="form-check-label" for="{{domId}}-include-descendants" i18n>+ Descendants</label>
28     </div>
29   </div>
30 </form>
31