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="ClicAlbum"></Label>

</ActionBar>

<ScrollView>

    <GridLayout class="page__content" columns="*">

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

            <Button id="btnTakePicture" row="1" text="1. Prendre une photo de ce que vous voulez" (tap)='onTakePictureTap($event)' padding="10" class="-primary"></Button>

            <Label row="2" text="2. Donner un nom à cette photo" class="label" textAlignment="center" autocorrect="true"></Label>

            <TextField row="3" id="label" hint="exercice 23" secure="false" maxLength="50">

            </TextField>

            <Label row="3" text="3. Entrer le nom de l'album collaboratif" class="label" textAlignment="center"></Label>

            <TextField row="4" id="album" [text]="album" hint="classe-12" secure="false" maxLength="50" (blur)="onBlur($event)">

            </TextField>

            <Label row="5" text="4. Entrer le mot de passe de l'album (si nécessaire)" class="label" textAlignment="center"></Label>

            <TextField row="6" id="albumPass" [text]="albumPass" hint="toto" secure="false" maxLength="50" (blur)="onBlur($event)">

            </TextField>

            <Button id="btnSendPicture" row="7" text="5. Envoyer la photo" (tap)='onSendPictureTap($event)' padding="10" class="-primary" [isEnabled]="hasPicture"></Button>

            <Label row="8" text="6. Regarder l'album sur https://{{serverURI}}/{{album}}" class="label" textAlignment="center"></Label>

            <Button id="btnGotoWeb" row="9" text="Aller sur https://{{serverURI}}/{{album}}" (tap)='onGotoWebTap($event)' padding="10" class="-primary"></Button>

            <Image row="10" [src]="cameraImage" stretch="aspectFit" margin="10"></Image>

        </StackLayout>

    </GridLayout>

</ScrollView>