158 lines
3.9 KiB
JavaScript
158 lines
3.9 KiB
JavaScript
const NOT_STARTED = 0;
|
|
const PENDING = 1;
|
|
const SUCCESFULL = 2;
|
|
const ERROR = 3;
|
|
|
|
function setState(state) {
|
|
var li = $("#currentStep");
|
|
var icon, color, text;
|
|
|
|
switch (state) {
|
|
case PENDING:
|
|
icon = 'fas fa-spin fa-spinner';
|
|
text = "Loading…";
|
|
color = "muted";
|
|
break;
|
|
|
|
case SUCCESFULL:
|
|
icon = 'fas fa-check-circle';
|
|
text = "Successfull";
|
|
color = "success";
|
|
break;
|
|
|
|
case ERROR:
|
|
icon = 'fas fa-times-circle';
|
|
text = "Failed";
|
|
color = "danger";
|
|
break;
|
|
|
|
default:
|
|
icon = 'far fa-circle';
|
|
text = "Pending";
|
|
color = "muted";
|
|
break;
|
|
}
|
|
|
|
li.find("small").removeClass().addClass("text-" + color).html(text);
|
|
li.find("span").removeClass().addClass("text-" + color);
|
|
li.find("i").removeClass().addClass(icon);
|
|
}
|
|
|
|
function getCurrentStep() {
|
|
return $("#currentStep").index() + 1;
|
|
}
|
|
|
|
function sendRequest(params, done) {
|
|
setState(PENDING);
|
|
var success = false;
|
|
$("#status").hide();
|
|
$.post("/index.php", params, function(data) {
|
|
if(data.success || data.step != getCurrentStep()) {
|
|
success = true;
|
|
window.location.reload();
|
|
} else {
|
|
setState(ERROR);
|
|
$("#status").addClass("alert-danger");
|
|
$("#status").html("An error occurred during intallation: " + data.msg);
|
|
$("#status").show();
|
|
}
|
|
}, "json").fail(function() {
|
|
setState(ERROR);
|
|
$("#status").addClass("alert-danger");
|
|
$("#status").html("An error occurred during intallation. Try <a href=\"/index.php\">restarting the process</a>.");
|
|
$("#status").show();
|
|
}).always(function() {
|
|
if(done) done(success);
|
|
});
|
|
}
|
|
|
|
function retry() {
|
|
$("#btnRetry").hide();
|
|
$("#progressText").show();
|
|
sendRequest({ }, function(success) {
|
|
$("#progressText").hide();
|
|
if(!success) $("#btnRetry").show();
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
|
|
$("#btnSubmit").click(function() {
|
|
params = { };
|
|
var textBefore = $("#btnSubmit").text();
|
|
$("#btnSubmit").prop("disabled", true);
|
|
$("#btnSubmit").html("Submitting… <i class=\"fas fa-spinner fa-spin\">");
|
|
$("#installForm .form-control").each(function() {
|
|
var type = $(this).attr("type") ?? $(this).prop("tagName").toLowerCase();
|
|
var name = $(this).attr("name");
|
|
if(type === "text") {
|
|
params[name] = $(this).val().trim();
|
|
} else if(type === "password" || type === "number") {
|
|
params[name] = $(this).val();
|
|
} else if(type === "select") {
|
|
params[name] = $(this).find(":selected").val();
|
|
}
|
|
}).promise().done(function() {
|
|
sendRequest(params, function(success) {
|
|
if(!success) {
|
|
$("#btnSubmit").prop("disabled",false);
|
|
$("#btnSubmit").text(textBefore);
|
|
} else {
|
|
setState(SUCCESFULL);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
$("#btnPrev").click(function() {
|
|
$("#btnPrev").prop("disabled", true);
|
|
sendRequest({ "prev": true }, function(success) {
|
|
if(!success) {
|
|
$("#btnPrev").prop("disabled",false);
|
|
} else {
|
|
window.location.reload();
|
|
}
|
|
});
|
|
});
|
|
|
|
$("#btnSkip").click(function() {
|
|
$("#btnSkip").prop("disabled", true);
|
|
sendRequest({ "skip": true }, function(success) {
|
|
if(!success) {
|
|
$("#btnSkip").prop("btnSkip",false);
|
|
} else {
|
|
window.location.reload();
|
|
}
|
|
});
|
|
});
|
|
|
|
$("#btnFinish").click(function() {
|
|
window.location = "/admin";
|
|
});
|
|
|
|
$("#btnRetry").click(function() {
|
|
retry();
|
|
});
|
|
|
|
// DATABASE PORT
|
|
var prevPort = $("#port").val();
|
|
var prevDbms = $("#type option:selected").val();
|
|
function updateDefaultPort() {
|
|
var defaultPorts = {
|
|
"mysql": 3306,
|
|
"postgres": 5432,
|
|
"oracle": 1521
|
|
};
|
|
|
|
var curDbms = $("#type option:selected").val();
|
|
if(defaultPorts[prevDbms] == prevPort) {
|
|
$("#port").val(defaultPorts[curDbms]);
|
|
}
|
|
}
|
|
|
|
updateDefaultPort();
|
|
$("#type").change(function() {
|
|
updateDefaultPort();
|
|
});
|
|
});
|