group-modal.component.html 1.02 KB
Newer Older
1
2
<ion-header [translucent]="true">
    <ion-toolbar color="primary">
3
        <ion-title>{{(editUser ? 'lang.groups' : 'lang.groupsToManage') | translate}}</ion-title>
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    </ion-toolbar>
</ion-header>
<ion-content>
    <ion-list>
        <ion-virtual-scroll [items]="groups" approxItemHeight="50px" style="height: 450px;">
            <ion-item *virtualItem="let element">
                <ion-label>
                    {{element.label}}
                </ion-label>
                <ion-checkbox slot="end" [value]="element.id" [checked]="element.checked" (ionChange)="element.checked = !element.checked"></ion-checkbox>
            </ion-item>
        </ion-virtual-scroll>
    </ion-list>
</ion-content>
<ion-footer class="ion-no-border">
    <ion-toolbar>
        <ion-buttons class="ion-justify-content-center">
            <ion-button type="submit" color="primary" (click)="saveChanges()">
                <ion-label>{{'lang.save' | translate}}</ion-label>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>