AbulÉdu » abuledu-clicalbum

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

    <StackLayout>

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

    </StackLayout>