const { installMod, installHooks, installJSON, applyConfiguration, installShortCuts } = require("./filesystem");
const ManagerPage = require("./managerpage");
const ejs = require('ejs')
const { logger } = require("./filesystem")

class ResultPage extends ManagerPage {
    constructor(manager, options) {
        super(manager, options);
    }

    render(str) {
        const element = this.getElement();
        element.innerHTML = str;

        super.render();
    }    

    show(previousPage) {
        ejs.renderFile("./ejs/result.ejs", {...this.options, ...this.manager.options}, {}, (err, str) => {
            if (!err) {
                this.render(str);
            } else {
                logger.error(err);
            }
        });

        super.show(previousPage);
    }

    onBackClicked() {
        location.reload();
    }

    /** Installation is performed by using an then chain of async functions. Installation is aborted on any error along the chain 
     * 
     */
    startInstallation() {
        installHooks(this.manager.getActiveInstance().folder).then(
            () => {
                this.applyStepSuccess(".hook");
            },
            (err) => {
                this.applyStepFailure(".hook");
                return Promise.reject(err);
            }
        ).then(() => installMod(this.manager.getActiveInstance().folder, this.manager.getActiveInstance().name)).then(
            () => {
                this.applyStepSuccess(".mod");
            },
            (err) => {
                this.applyStepFailure(".mod");
                return Promise.reject(err);
            }
        ).then(() => installJSON(this.manager.getActiveInstance().folder)).then(
            () => {
                this.applyStepSuccess(".json");
            },
            (err) => {
                this.applyStepFailure(".json");
                return Promise.reject(err);
            }
        ).then(() => applyConfiguration(this.manager.getActiveInstance().folder, this.manager.getActiveInstance())).then(
            () => {
                this.applyStepSuccess(".config");
            },
            (err) => {
                this.applyStepFailure(".config");
                return Promise.reject(err);
            }
        ).then(() => installShortCuts(this.manager.getActiveInstance().folder, this.manager.getActiveInstance().name)).then(
            () => {
                this.applyStepSuccess(".shortcuts");
            },
            (err) => {
                this.applyStepFailure(".shortcuts");
                return Promise.reject(err);
            }
        ).then(
            () => {
                this.element.querySelector(".summary.success").classList.remove("hide");
                this.element.querySelector(".summary.error").classList.add("hide");
                this.element.querySelector(".info.success").classList.remove("hide");
                this.element.querySelector(".info.error").classList.add("hide");
                this.element.querySelector(".result .success").classList.remove("hide");
                this.element.querySelector(".result .error").classList.add("hide");
                this.element.querySelector(".result .wait").classList.add("hide");
            },
            () => {
                this.element.querySelector(".summary.success").classList.add("hide");
                this.element.querySelector(".summary.error").classList.remove("hide");
                this.element.querySelector(".info.success").classList.add("hide");
                this.element.querySelector(".info.error").classList.remove("hide");
                this.element.querySelector(".result .success").classList.add("hide");
                this.element.querySelector(".result .error").classList.remove("hide");
                this.element.querySelector(".result .wait").classList.add("hide");
            }
        );
    }

    applyStepSuccess(step) {
        this.element.querySelector(step).querySelector(".success").classList.remove("hide");
        this.element.querySelector(step).querySelector(".error").classList.add("hide");
        this.element.querySelector(step).querySelector(".wait").classList.add("hide");
    }

    applyStepFailure(step) {
        this.element.querySelector(step).querySelector(".success").classList.add("hide");
        this.element.querySelector(step).querySelector(".error").classList.remove("hide");
        this.element.querySelector(step).querySelector(".wait").classList.add("hide");
    }
} 

module.exports = ResultPage;