AbulÉdu » abuledu-clicalbum

<!--

RadSideDrawer is a UI component part of the Progress NativeScript UI set of components.

Learn more about the RadSideDrawer UI component and how it can be customized in this documentation article:

https://docs.nativescript.org/angular/ui/professional-ui-components/ng-SideDrawer/getting-started

-->

<RadSideDrawer [drawerTransition]="sideDrawerTransition">

    <GridLayout tkDrawerContent rows="auto, *" class="nt-drawer__content">

        <StackLayout row="0" class="nt-drawer__header">

            <!-- <Image class="nt-drawer__header-image fas t-36" src="font://&#xf2bd;"></Image> -->

            <Image class="nt-drawer__header-image fas t-36" src="~/images/logo.png"></Image>

            <Label class="nt-drawer__header-brand" [text]='pseudo'></Label>

            <Label class="nt-drawer__header-footnote" [text]='email'></Label>

            <Label class="nt-drawer__header-footnote" text='ClicAlbum version : {{appVersion}}'></Label>

        </StackLayout>

        <ScrollView row="1" class="nt-drawer__body">

            <StackLayout>

                <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/home')" (tap)="onNavItemTap('/home')">

                    <Label col="0" text="&#xf015;" class="nt-icon fas"></Label>

                    <Label col="1" text="Application" class="p-r-10"></Label>

                </GridLayout>

                <!-- <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/browse')" (tap)="onNavItemTap('/browse')">

                    <Label col="0" text="&#xf1ea;" class="nt-icon far"></Label>

                    <Label col="1" text="Browse" class="p-r-10"></Label>

                </GridLayout> -->

                <!-- <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/search')" (tap)="onNavItemTap('/search')">

                    <Label col="0" text="&#xf002;" class="nt-icon fas"></Label>

                    <Label col="1" text="Search" class="p-r-10"></Label>

                </GridLayout> -->

                <!-- <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/featured')" (tap)="onNavItemTap('/featured')">

                    <Label col="0" text="&#xf005;" class="nt-icon fas"></Label>

                    <Label col="1" text="Featured" class="p-r-10"></Label>

                </GridLayout> -->

                <StackLayout class="hr"></StackLayout>

                <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/teachers')" (tap)="onNavItemTap('/teachers')">

                    <Label col="0" text="&#xf51c;" class="nt-icon fas"></Label>

                    <Label col="1" text="Enseignants" class="p-r-10"></Label>

                </GridLayout>

                <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/settings')" (tap)="onNavItemTap('/settings')">

                    <Label col="0" text="&#xf013;" class="nt-icon fas"></Label>

                    <Label col="1" text="Configuration" class="p-r-10"></Label>

                </GridLayout>

                <StackLayout class="hr"></StackLayout>

                <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/upgrade')" (tap)="onNavItemTap('/upgrade')">

                    <Label col="0" text="&#xf019;" class="nt-icon fas"></Label>

                    <Label col="1" text="Mise à jour" class="p-r-10"></Label>

                </GridLayout>

                <GridLayout columns="auto, *" class="nt-drawer__list-item" [class.-selected]="isComponentSelected('/about')" (tap)="onNavItemTap('/about')">

                    <Label col="0" text="&#xf129;" class="nt-icon fas"></Label>

                    <Label col="1" text="À propos" class="p-r-10"></Label>

                </GridLayout>

            </StackLayout>

        </ScrollView>

    </GridLayout>

    <page-router-outlet tkMainContent></page-router-outlet>

</RadSideDrawer>