phpmeccano/install/js/webinstaller.js

/*
 *     phpMeccano v0.2.0. Web-framework written with php programming language. Component of the web installer.
 *     Copyright (C) 2015-2019  Alexei Muzarov
 * 
 *     This program is free software; you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation; either version 2 of the License, or
 *     (at your option) any later version.
 * 
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 * 
 *     You should have received a copy of the GNU General Public License along
 *     with this program; if not, write to the Free Software Foundation, Inc.,
 *     51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 * 
 *     e-mail: azexmail@gmail.com
 *     e-mail: azexmail@mail.ru
 *     https://bitbucket.org/azexmail/phpmeccano
 */

"use strict";

var WebInstaller = {};

WebInstaller.enableSubmitByConf = 0;
WebInstaller.enableSubmitByUser = 0;
WebInstaller.stopValidating = 0;
WebInstaller.isError = 0;
WebInstaller.currentLanguage = "";
WebInstaller.inputConfirm = { // important parameters of the form
    "groupname" : false,
    "username" : false,
    "passw" : false,
    "repassw" : false,
    "email" : false
};
WebInstaller.rid = Math.random(); // identifier to accept remove installer after framework was installed

WebInstaller.xhrObject = function() { // XMLHttpRequest object
    var request;
    try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e) {
        try {
            request = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (E) {
            request = false;
        }
  }
  if (!request && typeof XMLHttpRequest!=='undefined') {
    request = new XMLHttpRequest();
  }
  return request;
} ;

WebInstaller.sendRequest = function(dataURL, execFunc) { // request file for AJAX
    var request = WebInstaller.xhrObject();
    request.open('GET', dataURL, true);
    request.onreadystatechange = function() {
        if (request.readyState === 4) {
            if (request.status === 200) {
                if (!WebInstaller.stopValidating && WebInstaller.isError) {
                    WebInstaller.hideError();
                }
                var response = request.responseText;
                execFunc(response);
            }            
            else {
                WebInstaller.showError("Location: " + dataURL + " | " + "Status code: " + request.status);
                window.setTimeout("WebInstaller.sendRequest('"+ dataURL +"', " + execFunc + ")", 5000);
            }
        }
    } ;
    request.send(null);
} ;

WebInstaller.submitForm = function (dataURL, form, execFunc) { // submit form with parameters
    var sendData = "";
    var elements = form.elements;
    var request = WebInstaller.xhrObject();
    request.open("POST", dataURL, true);
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    for (var i = 0; i < elements.length; i++) {
        sendData += encodeURIComponent(elements[i].name) + "=" + encodeURIComponent(elements[i].value) + "&";
    }
    sendData = sendData.substring(0, (sendData.length - 1));
    request.onreadystatechange = function() {
        if (request.readyState === 4) {
            if (request.status === 200) {
                var response = request.responseText;
                execFunc(response);
            }
            else {
                WebInstaller.showError("Location: " + dataURL + " | " + "Status code: " + request.status);
            }
        }
    }
    request.send(sendData);
} ;

WebInstaller.validateConf = function(respData) { // validation of conf.php
    if (!WebInstaller.stopValidating) {
        var i, key, span;
        try {
            var respJSON = JSON.parse(respData);
            var respKeys = Object.keys(respJSON);
            var doEnabled = 1;
            for (i = 0; i < respKeys.length; ++i) {
                key = respKeys[i];
                span = document.getElementById(key);
                if (respJSON[key][0]) {
                    span.setAttribute("class", "true");
                }
                else {
                    span.setAttribute("class", "false");
                    doEnabled = 0;
                }
                span.innerHTML = respJSON[key][1];
            }
            WebInstaller.enableSubmitByConf = doEnabled;
            WebInstaller.enableSubmit();
        }
        catch (e) {
            WebInstaller.showError("validateConf: " + e);
        }
        finally {
            window.setTimeout("WebInstaller.sendRequest('valconf.php?' + Math.random(), WebInstaller.validateConf)", 2000);
        }
    }
} ;

WebInstaller.showLanguages = function(respData) { // show menu with available languages
    try {
        var i, key, languages;
        var respJSON = JSON.parse(respData);
        var respKeys = Object.keys(respJSON);
        var languages = document.getElementById("languages");
        languages.innerHTML = "";
        for (i = 0; i < respKeys.length; ++i) {
            key = respKeys[i];
            if (WebInstaller.currentLanguage != key) {
                var langButton = document.createElement("span");
                langButton.setAttribute("class", "lang");
                langButton.setAttribute("onClick", "WebInstaller.requireLanguage('" + key + "')");
                langButton.innerHTML = respJSON[key];
                languages.appendChild(langButton);
            }
        }
    }
    catch (e) {
        WebInstaller.showError("showLanguages: " + e);
    }
} ;

WebInstaller.requireLanguage = function(code) { // require titles at selected language from the server
    var languages = document.getElementById("languages");
    languages.innerHTML = '<iframe style="border: none;" src="svg/load-lang.svg" width="60" height="35"></iframe>';
    WebInstaller.currentLanguage = code;
    setTimeout("WebInstaller.sendRequest('lang/" + code + ".json?' + Math.random(), WebInstaller.loadLanguage)", 500);
} ;

WebInstaller.loadLanguage = function(respData) { // load the got titles of ui
    try {    
        var i, key, uiElement;
        var respJSON = JSON.parse(respData);
        var respKeys = Object.keys(respJSON);
        for (i = 0; i < respKeys.length; ++i) {
            key = respKeys[i];
            if (key === "metadata") { // language properties
                uiElement = document.getElementById("main");
                uiElement.setAttribute("dir", respJSON[key]["dir"]);
                uiElement = document.getElementsByTagName("html")[0];
                uiElement.setAttribute("lang", respJSON[key]["code"]);
            }
            else if (key === "runinst") { // run installation button
                uiElement = document.getElementById(key);
                uiElement.setAttribute("value", respJSON[key]);
            }
            else { // other ui elements
                uiElement = document.getElementById(key);
                uiElement.innerHTML = respJSON[key];
            }
        }
        WebInstaller.sendRequest('langlist.php?' + Math.random(), WebInstaller.showLanguages);
    }
    catch (e) {
        WebInstaller.showError("loadLanguage: " + e);
    }
} ;

WebInstaller.validateForm = function() { // validation of required parameters of the form
    var i, key;
    var doEnabled = 1;
    var formKeys = ["groupname", "username", "passw", "repassw", "email"];
    for (i = 0; i < formKeys.length; ++i) {
        key = formKeys[i];
        if (!WebInstaller.inputConfirm[key]) {
            doEnabled = 0;
        }
    }
    WebInstaller.enableSubmitByUser = doEnabled;
    WebInstaller.enableSubmit();
} ;

WebInstaller.enableSubmit = function() { // enable/disable management of submit button
    var submit = document.forms.userconf.elements.submit;
    if (WebInstaller.enableSubmitByConf && WebInstaller.enableSubmitByUser && !WebInstaller.isError) {
        submit.removeAttribute("disabled");
    }
    else {
        submit.setAttribute("disabled", "");
    }
} ;

WebInstaller.showMeForm = function(respData) { // show a form to fill
    WebInstaller.validateConf(respData);
    document.getElementById("progress").setAttribute("class", "hidden");
    document.getElementById("loading").setAttribute("class", "hidden");
    document.getElementById("settings").removeAttribute("class");
} ;

WebInstaller.pregGroupName = function(value) { //check group name field
    var regEx = /^.{1,50}$/;
    if(regEx.test(document.forms.userconf.elements.groupname.value) && document.forms.userconf.elements.groupname.value.replace(/[\s\n\r\t]+/, "")) {
        WebInstaller.inputConfirm.groupname = true;
        document.forms.userconf.elements.groupname.setAttribute("class", "true");
    }
    else {
        document.forms.userconf.elements.groupname.setAttribute("class", "false");
        WebInstaller.inputConfirm.groupname = false;
    }
    WebInstaller.validateForm();
} ;

WebInstaller.pregUserName = function(value) { // check username field
    var regEx = /^[a-zA-Z\d]{3,20}$/;
    if(regEx.test(document.forms.userconf.elements.username.value)) {
        document.forms.userconf.elements.username.setAttribute("class", "true");
        WebInstaller.inputConfirm.username = true;
    }
    else {
        document.forms.userconf.elements.username.setAttribute("class", "false");
        WebInstaller.inputConfirm.username = false;
    }
    WebInstaller.validateForm();
} ;

WebInstaller.pregPassw = function(value) { // check 1st password field
    var regEx = /^[-+=_a-zA-Z\d@.,?!;:"'~`|#№*$%&^\][(){}<>\/\\]{8,50}$/;
    if(regEx.test(document.forms.userconf.elements.passw.value)) {
        document.forms.userconf.elements.passw.setAttribute("class", "true");
        WebInstaller.inputConfirm.passw = true;
    }
    else {
        document.forms.userconf.elements.passw.setAttribute("class", "false");
        WebInstaller.inputConfirm.passw = false;
    }
    WebInstaller.pregRePassw(value);
} ;

WebInstaller.pregRePassw = function(value) { // check 2nd password field
    var regEx = /^[-+=_a-zA-Z\d@.,?!;:"'~`|#№*$%&^\][(){}<>\/\\]{8,50}$/;
    if(regEx.test(document.forms.userconf.elements.repassw.value) && (document.forms.userconf.elements.passw.value === document.forms.userconf.elements.repassw.value)) {
        document.forms.userconf.elements.repassw.setAttribute("class", "true");
        WebInstaller.inputConfirm.repassw = true;
    }
    else {
        document.forms.userconf.elements.repassw.setAttribute("class", "false");
        WebInstaller.inputConfirm.repassw = false;
    }
    WebInstaller.validateForm();
} ;

WebInstaller.pregMail = function(value) { // check e-mail field
    // regex from Blink engine
    // https://chromium.googlesource.com/chromium/blink/+/master/Source/core/html/forms/EmailInputType.cpp
    // line 48
    var regEx = /^[a-z0-9!#$%&'*+/=?^_`{|}~.-]+@[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?:\.[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/;
    if(regEx.test(document.forms.userconf.elements.email.value)) {
        document.forms.userconf.elements.email.setAttribute("class", "true");
        WebInstaller.inputConfirm.email = true;
    }
    else {
        document.forms.userconf.elements.email.setAttribute("class", "false");
        WebInstaller.inputConfirm.email = false;
    }
    WebInstaller.validateForm();
} ;

WebInstaller.pregControl = function(value) { // check mControl switcher
    if (document.forms.userconf.elements.mcontrol.checked) {
        document.forms.userconf.elements.mcontrol.value = "true";
    }
    else {
        document.forms.userconf.elements.mcontrol.value = "false";
    }
};

WebInstaller.errorGears = function() { // manage gears animation when error is raised while framework installation process
    if (window.gears.stepAngle > 0) {
        window.gears.stepAngle = -1;
    }
    else {
        window.gears.stepAngle = 1;
    }
    window.setTimeout("WebInstaller.errorGears()", 500);
} ;

WebInstaller.makeInstall = function(respData) { // management of framework installation
    try {
        var respJSON = JSON.parse(respData);
        if (!respJSON["response"]) {
            if (typeof respJSON["response"] === "boolean") {
                WebInstaller.errorGears();
            }
            WebInstaller.showError(respJSON["error"]);
        }
        else {
            WebInstaller.stopValidating = 1;
            switch (respJSON["response"]) {
                case 1: // create all needed tables
                    document.getElementById("instprogress").removeAttribute("class");
                    document.getElementById("creatingdb").removeAttribute("class");
                    document.getElementById("settings").setAttribute("class", "hidden");
                    document.getElementById("progress").setAttribute("class", "center");
                    window.setTimeout("WebInstaller.submitForm('makeinstall.php?' + Math.random(), document.forms.userconf, WebInstaller.makeInstall)", 500);
                    break;
                case 2: // install phpMeccano package
                    window.gears.stepAngle = 4;
                    document.getElementById("creatingdb").setAttribute("class", "true");
                    document.getElementById("instpack").removeAttribute("class");
                    window.setTimeout("WebInstaller.submitForm('makeinstall.php?' + Math.random(), document.forms.userconf, WebInstaller.makeInstall)", 500);
                    break;
                case 3: // create root group and user
                    window.gears.stepAngle = 12;
                    document.getElementById("instpack").setAttribute("class", "true");
                    document.getElementById("creatingroot").removeAttribute("class");
                    window.setTimeout("WebInstaller.submitForm('makeinstall.php?' + Math.random(), document.forms.userconf, WebInstaller.makeInstall)", 500);
                    break;
                case 4: // install mControl package
                    window.gears.stepAngle = 15;
                    document.getElementById("creatingroot").setAttribute("class", "true");
                    document.getElementById("instmcontrol").removeAttribute("class");
                    window.setTimeout("WebInstaller.submitForm('makeinstall.php?' + Math.random(), document.forms.userconf, WebInstaller.makeInstall)", 500);
                    break;
                case 5: // finished installation
                    window.gears.stepAngle = 19;
                    if (!document.getElementById("instmcontrol").getAttribute("class")) { // in case if mControl is supposed to be installed
                        document.getElementById("instmcontrol").setAttribute("class", "true");
                    }
                    else {// in case if mControl isn't supposed to be installed
                        document.getElementById("creatingroot").setAttribute("class", "true");
                    }
                    document.getElementById("instprogress").setAttribute("class", "hidden");
                    document.getElementById("completed").removeAttribute("class");
                    document.getElementById("selfremove").setAttribute("class", "center false");
                    WebInstaller.rid = respJSON["rid"];
                    break;
            }
        }
    }
    catch (e) {
        WebInstaller.showError("makeInstall: " + e);
    }
} ;

WebInstaller.selfRemove = function(value) { // request to remove web installer
    document.getElementById("trash").setAttribute("class", "hidden");
    document.getElementById("waitgear").removeAttribute("class");
    window.setTimeout('WebInstaller.sendRequest("selfremove.php?rid=" + WebInstaller.rid + Math.random(), WebInstaller.selfRemoved)', 2000);
} ;

WebInstaller.selfRemoved = function(respData) { // answer about whether web installer was removed
    try {
        var respJSON = JSON.parse(respData);
        if (respJSON["response"]) {
            document.getElementById("selfremove").setAttribute("class", "hidden");
            document.getElementById("removed").setAttribute("class", "center true");
        }
        else {
            WebInstaller.showError(respJSON["error"]);
        }
    }
    catch (e) {
        WebInstaller.showError("selfRemoved: " + e);
    }
} ;

WebInstaller.showError = function(errorText) { // show a message about error
    var error = document.getElementById("errormsg");
    var errexp = document.getElementById("errexp");
    errexp.innerHTML = errorText;
    error.setAttribute("class", "center");
    WebInstaller.isError = 1;
    WebInstaller.enableSubmit();
} ;

WebInstaller.hideError = function() { // hide a message about error
    var error = document.getElementById("errormsg");
    error.setAttribute("class", "hidden");
    WebInstaller.isError = 0;
} ;