AbulÉdu » abuledu-clicalbum

import { Component, OnInit } from "@angular/core";

import { takePicture, requestCameraPermissions } from 'nativescript-camera';

import { PhotoEditor, PhotoEditorControl } from "nativescript-photo-editor";

import { ImageAsset } from 'tns-core-modules/image-asset';

import { RadSideDrawer } from "nativescript-ui-sidedrawer";

import { knownFolders, Folder, File, path } from "tns-core-modules/file-system";

import { ImageSource, fromFile, fromResource, fromBase64, fromAsset } from "tns-core-modules/image-source";

import { Image } from "tns-core-modules/ui/image";

import { EventData } from "tns-core-modules/data/observable";

import { Button } from "tns-core-modules/ui/button";

import { getViewById } from "tns-core-modules/ui/core/view";

import { TextField } from "tns-core-modules/ui/text-field";

import * as appversion from "nativescript-appversion";

import { isAndroid, isIOS, device, screen } from "tns-core-modules/platform";

import { getString, setString, hasKey, remove, clear } from "tns-core-modules/application-settings";

import * as dialogs from "tns-core-modules/ui/dialogs";

import * as app from "tns-core-modules/application";

import * as imagepicker from "nativescript-imagepicker";

declare var NSString: any;

declare var NSUTF8StringEncoding: any;

declare var java: any;

declare var android: any;

@Component({

    selector: "Home",

    templateUrl: "./home.component.html"

})

export class HomeComponent implements OnInit {

    public cameraImage: ImageAsset;

    public pseudo: string;

    public email: string;

    public label: string;

    public album: string;

    public albumPass: string;

    private photoEditor;

    private appVersion;

    public serverName: string;

    public serverURI: string;

    public hasPicture: boolean;

    constructor() {

        // Use the component constructor to inject providers.

        appversion.getVersionName().then((v: string) => {

            if (isAndroid) {

                this.appVersion = "Android/" + v;

            }

            else if (isIOS) {

                this.appVersion = "iOS/" + v;

            }

            else {

                this.appVersion = "Other/" + v;

            }

            console.log("Your app's version is: " + this.appVersion);

        });

    }

    ngOnInit(): void {

        // Init your component properties here.

        this.photoEditor = new PhotoEditor();

        this.hasPicture = false;

        this.pseudo = getString("pseudo", "");

        this.email = getString("email", "");

        this.serverName = getString("serverName", "AbulEdu-FR");

        this.serverURI = getString("serverURI", "clicalbum.abuledu.net");

        this.album = getString("album", "");

        this.albumPass = getString("albumPass", "");

        this.label = "";

    }

    onBlur(args: EventData): void {

        let obj = <TextField>args.object;

        if (obj.id == "album") {

            this.album = obj.text.toLowerCase().replace(/[^a-z0-9]/g, "");

        }

        if (obj.id == "albumPass") {

            this.albumPass = obj.text.toLowerCase().replace(/[^a-z0-9]/g, "");

        }

    }

    onDrawerButtonTap(): void {

        const sideDrawer = <RadSideDrawer>app.getRootView();

        sideDrawer.showDrawer();

    }

    onGetPictureFromRollTap(args: EventData) {

        var that = this;

        let context = imagepicker.create({

            mode: "single" // use "multiple" for multiple selection

        });

        context

            .authorize()

            .then(function () {

                return context.present();

            })

            .then(function (selection) {

                selection.forEach(function (selected) {

                    let imageSource = new ImageSource();

                    imageSource.fromAsset(selected).then((imageSource) => {

                        console.log("ORIG IMAGE SIZE FROM ROLL: " + imageSource.height + " x " + imageSource.width);

                        console.dir(imageSource);

                        // console.log("un ter");

                        that.photoEditor.editPhoto({

                            imageSource: imageSource,

                            hiddenControls: [

                                PhotoEditorControl.Draw,

                                PhotoEditorControl.Text,

                                PhotoEditorControl.Clear,

                            ],

                        }).then((newImage: ImageSource) => {

                            console.log("NEW IMAGE: ", newImage.height, newImage.width);

                            that.imageCropped(newImage);

                            // Here you can save newImage, send it to your backend or simply display it in your app

                            // that.resultImage.imageSource = newImage;

                        }).catch((e) => {

                            console.log("erreur ES 1");

                            console.error(e);

                        });

                        console.log("trois");

                    });

                });

                console.log("Selection des fichiers ", selection);

            }).catch(function (e) {

                console.log("Error ES: " + e);

                // process error

            });

    }

    onTakePictureTap(args: EventData) {

        const options = {

            keepAspectRatio: true,

            saveToGallery: false

        };

        // let button = args.object as Button;

        requestCameraPermissions().then(

            () => {

                takePicture(options)

                    .then((imageAsset: any) => {

                        let imageSource = new ImageSource();

                        imageSource.fromAsset(imageAsset).then((imageSource) => {

                            console.log("ORIG IMAGE SIZE: " + imageSource.height + " x " + imageSource.width);

                            console.dir(imageSource);

                            // console.log("un ter");

                            this.photoEditor.editPhoto({

                                imageSource: imageSource,

                                hiddenControls: [

                                    PhotoEditorControl.Draw,

                                    PhotoEditorControl.Text,

                                    PhotoEditorControl.Clear,

                                ],

                            }).then((newImage: ImageSource) => {

                                console.log("NEW IMAGE: ", newImage.height, newImage.width);

                                this.imageCropped(newImage);

                                // Here you can save newImage, send it to your backend or simply display it in your app

                                // this.resultImage.imageSource = newImage;

                            }).catch((e) => {

                                console.log("erreur 1");

                                console.error(e);

                            });

                            console.log("trois");

                        });

                    }, (error) => {

                        console.log("Error: " + error);

                    });

            },

            () => alert('permissions rejected')

        );

    }

    onResetPictureTap(args) {

        // this.cameraImage = "res://icon";

    }

    onGotoWebTap() {

        if (this.album == "") {

            dialogs.alert({

                title: "Nom d'album",

                message: "Il faut renseigner le nom de l'album que vous voulez consulter ...",

                okButtonText: "Ok"

            }).then(() => {

            });

        }

        var utilityModule = require("utils/utils");

        utilityModule.openUrl("https://" + this.serverURI + "/" + this.album);

    }

    onSendPictureTap(args) {

        let labelObj = <TextField>getViewById(app.getRootView(), "label");

        this.label = labelObj.text;

        let albumObj = <TextField>getViewById(app.getRootView(), "album");

        this.album = albumObj.text;

        albumObj = <TextField>getViewById(app.getRootView(), "albumPass");

        this.albumPass = albumObj.text;

        console.log("on a maintenant ", this.albumPass);

        if (this.album == "" || this.label == "") {

            dialogs.alert({

                title: "Informations manquantes",

                message: "Il faut renseigner le nom de l'album auquel vous voulez participer et donner un nom à votre photo ...",

                okButtonText: "Ok"

            }).then(() => {

            });

        }

        else {

            setString("album", this.album);

            setString("albumPass", this.albumPass);

            this.sendPicture(args);

        }

    }

    sendPicture(args) {

        // let button = args.object as Button;

        const folderPath: string = knownFolders.documents().path;

        const fileName = "fichier_temporaire.jpeg";

        const filePath = path.join(folderPath, fileName);

        console.log("On voudrait uploader le fichier " + filePath + " dans l'album " + this.album);

        var url = "https://" + this.serverURI + "/u.php";

        // // upload configuration

        var bghttp = require("nativescript-background-http");

        var session = bghttp.session("image-upload");

        var request = {

            url: url,

            method: "POST",

            headers: {

                "Content-Type": "application/octet-stream",

                "User-Agent": "ClicAlbum " + this.appVersion,

            },

            description: "Uploading " + fileName

        };

        var params = [

            { name: "login", value: this.base64Encode(this.pseudo) },

            { name: "email", value: this.base64Encode(this.email) },

            { name: "label", value: this.base64Encode(this.label) },

            { name: "album", value: this.base64Encode(this.album) },

            { name: "albumPass", value: this.base64Encode(this.albumPass) },

            { name: "version", value: "2" },

            { name: "fileToUpload", filename: filePath, mimeType: "image/jpeg" }

        ];

        var task = session.multipartUpload(params, request);

        task.on("progress", logEvent);

        task.on("error", uploadError);

        task.on("complete", resetPicture);

        function logEvent(e) {

            console.log("UPLOAD STATUS: " + e.eventName);

        }

        function uploadError(e) {

            dialogs.alert({

                title: "Erreur de transfert",

                message: "Erreur de transfert, peut-être que cet album est protégé par mot de passe et que celui que vous avez indiqué n'est pas bon ?",

                okButtonText: "Ok"

            }).then(() => {

            });

        }

        function resetPicture() {

            console.log("UPLOAD STATUS: terminé");

            this.cameraImage = "res://icon";

            console.log("UPLOAD STATUS: terminé end");

            dialogs.alert({

                title: "Téléversement terminé",

                message: "Votre document est maintenant sur le serveur",

                okButtonText: "Ok"

            }).then(() => {

                console.log("Dialog closed!");

                this.cameraImage = "res://icon";

            });

        }

    }

    imageCropped(image) {

        this.cameraImage = image;

        console.log("imageCropped ...");

        console.log("NEW IMAGE: ", image.height, image.width);

        //     // =========== sauvegarde de l'image

        const folderPath: string = knownFolders.documents().path;

        const fileName = "fichier_temporaire.jpeg";

        const filePath = path.join(folderPath, fileName);

        const saved: boolean = image.saveToFile(filePath, "jpeg", 95);

        if (saved) {

            console.log("Image saved successfully in " + filePath);

        }

        //     // =========== end sauvegarde de l'image

        this.hasPicture = true;

    }

    base64Encode(value) {

        if (isIOS) {

            let text = NSString.stringWithString(value);

            let data = text.dataUsingEncoding(NSUTF8StringEncoding);

            return data.base64EncodedStringWithOptions(0);

        } else {

            let text = new java.lang.String(value);

            let data = text.getBytes("UTF-8");

            return android.util.Base64.encodeToString(data, android.util.Base64.DEFAULT);

        }

    }

}