AbulÉdu » abuledu-clicalbum

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

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

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

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

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

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

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

import { borderTopRightRadiusProperty } from "tns-core-modules/ui/page/page";

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

import { getFile, getImage, getJSON, request, HttpResponse } from "tns-core-modules/http";

import { RouterExtensions } from "nativescript-angular/router";

import { ActivatedRoute } from "@angular/router";

@Component({

    selector: "Teachers",

    templateUrl: "./teachers.component.html"

})

export class TeachersComponent implements OnInit {

    public album: string;

    public albumPass: string;

    public albumPassAdmin: string;

    public serverURI: string;

    public email: string;

    constructor(private routerExtensions: RouterExtensions, private activeRoute: ActivatedRoute) {

        // Use the component constructor to inject providers.

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

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

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

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

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

    }

    ngOnInit(): void {

        // Init your component properties here.

    }

    onDrawerButtonTap(): void {

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

        sideDrawer.showDrawer();

    }

    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, "");

        }

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

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

        }

    }

    onSaveTap(args) {

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

        this.album = a.text;

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

        this.albumPass = a.text;

        a = <TextField>getViewById(app.getRootView(), "albumPassAdmin");

        this.albumPassAdmin = a.text;

        console.log(" on save : ", this.album, this.albumPass, this.albumPassAdmin);

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

            dialogs.alert({

                title: "Informations manquantes",

                message: "Le nom de l'album et le mot de passe d'administration sont nécessaires ...",

                okButtonText: "Ok"

            }).then(() => {

            });

        }

        else {

            this.createAlbum();

        }

    }

    //On lance la demande de création de l'album ...

    createAlbum() {

        request({

            url: "https://" + this.serverURI + "/api.php",

            method: "POST",

            headers: { "Content-Type": "application/json" },

            content: JSON.stringify({

                command: "createAlbum",

                email: this.email,

                album: this.album,

                albumPass: this.albumPass,

                albumPassAdmin: this.albumPassAdmin,

            })

        }).then((response) => {

            const result = response.content.toJSON();

            console.log("Valeur de albumOK dans le retour request : ", result['createAlbumOK']);

            if (result['createAlbumOK'] == true) {

                setString("album", this.album);

                setString("albumPass", this.albumPass);

                setString("albumPassAdmin", this.albumPassAdmin);

                dialogs.alert({

                    title: result['messageTitle'],

                    message: result['message'],

                    okButtonText: "Ok"

                }).then(() => {

                    this.routerExtensions.navigate(["/home"], { relativeTo: this.activeRoute });

                });

            }

            else {

                console.log("Album refusé");

                dialogs.alert({

                    title: "Création d'album impossible !",

                    message: "Malheureusement la création de cet album n'a pas été possible. Essayez de changer le nom de votre album et tentez à nouveau votre chance :-)",

                    okButtonText: "Ok"

                });

            }

        }, (e) => {

            console.log("request Error :", e);

            dialogs.alert({

                title: "Erreur de vérification !",

                message: "Une erreur de communication avec le serveur nous empêche de faire les vérifications nécessaires ... ré-essayez plus tard.",

                okButtonText: "Ok"

            });

        });

    }

}