edwrodrig/template_composer_webapp

class Page extends Element {
    constructor() {
        super(document.body);
    }

    logout() {
        document.cookie = 'session_id=;expires=Thu, 01 Jan 1970 00:00:00 GMT';
        window.location.href = '/login.html';
    }

    get session_id() {
        let v = document.cookie.match('(^|;) ?session_id=([^;]*)(;|$)');
        return v ? v[2] : null;
    }

    get snack_bar() {
        return new SnackBar(this.new_tpl('snack_bar').dom);
    }

    handle_error(data) {
        let code = data.i;
        let message = data.m;
        let str = message + " [" + code + "]";
        this.snack_bar.show_error(str);
    }

    async handle_exception(exception) {
        if ( exception instanceof Response ) {
            const error = await exception.json();
            this.handle_error(error);
        } else {
            this.snack_bar.show_error('A ocurrido un problema. Por favor actualize la página');
            console.log(exception);
        }
    }

    get url_params() {
        let url = new URL(window.location);
        return new URLSearchParams(url.search);
    }

    async fetch(endpoint, params) {
        let response
        if ( params === undefined ) {
            response = await fetch(endpoint);
        }
        else if ( params instanceof FormData ) {
            response = await fetch(endpoint, {
                method: 'POST',
                body: params
            });
        }  else {
            response = await fetch(endpoint, {
                method: 'POST',
                headers:  {'Content-Type' : 'application-json'},
                body: JSON.stringify(params)
            });
        }

        if ( !response.ok ) {
            throw response;
        }

        return response;

    }

    async check_session(callback) {
        let loading = new TabConnector();
        loading.add_contents('loading_process');

        try {
            const response = await page.fetch(endpoint + '?method=get_user_by_session_id');
            const success = await response.json();

            loading.update('loaded_screen');
            await callback(success);
        } catch ( exception ) {
            page.logout();
        }

    }
}