AbulÉdu » abuledu-clicalbum

<ActionBar>

    <!--

    Use the NavigationButton as a side-drawer button in Android

    because ActionItems are shown on the right side of the ActionBar

    -->

    <NavigationButton ios:visibility="collapsed" icon="res://menu" (tap)="onDrawerButtonTap()"></NavigationButton>

    <!--

    Use the ActionItem for IOS with position set to left. Using the

    NavigationButton as a side-drawer button in iOS is not possible,

    because its function is to always navigate back in the application.

    -->

    <ActionItem icon="res://menu" android:visibility="collapsed" (tap)="onDrawerButtonTap()" ios.position="left">

    </ActionItem>

    <Label text="AbulÉdu ClicAlbum - Configuration"></Label>

</ActionBar>

<ScrollView>

    <GridLayout class="page__content">

        <StackLayout row="0" orientation="vertical" padding="5">

            <TextView row="1" editable="false" text="Bonjour, c'est la première fois que vous lancez cette application, veuillez renseigner les informations ci-dessous et cliquer ensuite sur le bouton Enregistrer" class="label"></TextView>

            <Label row="2" text="Choisissez un pseudo (sans accents ni caractères spéciaux)" class="label font-weight-bold m-b-5"></Label>

            <TextField row="3" id="pseudo" keyboardType="email" hint="" [text]='pseudo' secure="false" returnKeyType="done" (returnPress)="onReturnPress($event)" autocorrect="false" maxLength="20" (blur)="onBlur($event)" class="-primary"></TextField>

            <Label row="4" text="Entrez votre adresse email" class="label font-weight-bold m-b-5"></Label>

            <TextField row="5" id="email" keyboardType="email" hint="" [text]='email' secure="false" returnKeyType="done" (returnPress)="onReturnPress($event)" autocorrect="true" maxLength="50" class="-primary"></TextField>

            <!-- <Label row="6" text="Choisissez le serveur de transfert (cliquez pour changer)" class="label font-weight-bold m-b-5"></Label> -->

            <StackLayout row="6">

                <Label class="p-10" text="Choisissez le serveur de stockage que vous voulez utiliser:" textWrap="true"></Label>

                <StackLayout class="p-10" *ngFor="let option of radioOptions">

                    <StackLayout orientation="horizontal" verticalAlignment="center">

                        <CheckBox #elem [checked]="option.selected" (checkedChange)="elem.checked !== option.selected && changeCheckedRadio(option)" class="checkbox" boxType="circle"></CheckBox>

                        <StackLayout verticalAlignment="center">

                            <Label [text]="option.label" textWrap="true" (tap)="changeCheckedRadio(option)"></Label>

                        </StackLayout>

                    </StackLayout>

                </StackLayout>

                <!-- <Label class="p-10" text="Si vous voulez ajouter votre serveur dans la liste, prenez contact avec nous... https://cap-rel.fr/contact/" textWrap="true"></Label> -->

            </StackLayout>

            <!-- <ListPicker row="7" id="serverList" [items]="serversLabel" class="picker" class="-primary"></ListPicker> -->

            <!-- <DropDown itemsTextAlignment="center" backgroundColor="#aaa" class="picker" [(ngModel)]="selectedIndex" [items]="serversLabel" [(ngModel)]="selectedIndex"></DropDown> -->

            <!-- <Button row="7" id="btnChooseSrv" text="Choisir un serveur" (tap)='onChooseServerTap($event)' padding="10" class="-primary"></Button> -->

            <Button row="8" id="btnSave" text="Enregistrer" (tap)='onSaveTap($event)' padding="10" class="-primary"></Button>

        </StackLayout>

    </GridLayout>

</ScrollView>