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">

            <Label text="1. Prenez une photo ou choisissez-en une de votre galerie" class="label" textAlignment="left" autocorrect="true"></Label>

            <GridLayout columns="*,*">

                <Button id="btnTakePicture" col="0" text="Appareil photo" (tap)='onTakePictureTap($event)' padding="10" class="-primary"></Button>

                <Button id="btnGetPictureFromRoll" col="1" text="Galerie" (tap)='onGetPictureFromRollTap($event)' padding="10" class="-primary"></Button>

            </GridLayout>

            <Label text="2. Donnez un nom à cette photo" class="label" textAlignment="left" autocorrect="true"></Label>

            <TextField id="label" hint="" secure="false" maxLength="50">

            </TextField>

            <Label text="2.bis Un petit descriptif si vous voulez" class="legende" textAlignment="left" autocorrect="true"></Label>

            <TextView id="legende" hint="" autocorrect="true" maxLength="512" secure="false" [text]="legende">

            </TextView>

            <Label text="3. Entrez le nom de l'album collaboratif" class="label" textAlignment="left"></Label>

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

            </TextField>

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

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

            </TextField>

            <Label text="5. Envoyez la photo sur le serveur" class="label" textAlignment="left"></Label>

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

            <Label text="6. Regardez l'album sur https://{{serverURI}}/{{album}}" class="label" textAlignment="left"></Label>

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

            <ActivityIndicator id="busyIndicator" [busy]="isBusy" (busyChange)="onBusyChanged($event)"></ActivityIndicator>

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

        </StackLayout>

    </GridLayout>

</ScrollView>