0
0

Ran the formatter on all PHP files, added userbar.css

This commit is contained in:
Bryan Pedini
2019-07-17 10:37:44 +02:00
parent 923184ab68
commit f2a56c2abc
8 changed files with 159 additions and 119 deletions

View File

@@ -35,92 +35,95 @@
else {
?>
<DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Installer | OpenShorte</title>
<link href="./favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
<html>
<head>
<meta charset="UTF-8">
<title>Installer | OpenShorte</title>
<link href="./favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
.centered-container {
border: solid;
border-radius: 25px;
border-color: #ABABAB;
}
</style>
</head>
<body>
<div class="mx-auto my-5 col-sm-8 col-md-6 col-xl-4 centered-container">
<div class="my-2"></div>
<section id="section_welcome">
<p>
Welcome to the OpenShorte installer.<br>
Since it seems that there are no installation found for this website, we'll proceed now with creating one.<br>
Please click 'Next' and provide all the necessary informations for the database and the site name in order to let this website work correctly.
</p>
<button id="btn_next_sitename" class="btn btn-secondary">Next</button>
</section>
<section id="section_sitename">
<form class="form form-inline">
<div class="input-group col-sm-7 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="sitename_label">Website Name:</span>
</style>
</head>
<body>
<div class="mx-auto my-5 col-sm-8 col-md-6 col-xl-4 centered-container">
<div class="my-2"></div>
<section id="section_welcome">
<p>
Welcome to the OpenShorte installer.<br>
Since it seems that there are no installation found for this website, we'll proceed now with creating one.<br>
Please click 'Next' and provide all the necessary informations for the database and the site name in order to let this website work correctly.
</p>
<button id="btn_next_sitename" class="btn btn-secondary">Next</button>
</section>
<section id="section_sitename">
<form class="form form-inline">
<div class="input-group col-sm-7 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="sitename_label">Website Name:</span>
</div>
<input type="text" class="form-control" aria-describedby="sitename_label" id="site_name" required>
</div>
<input type="text" class="form-control" aria-describedby="sitename_label" id="site_name" required>
</div>
</form>
<button id="btn_next_dbdata" class="btn btn-secondary">Next</button>
</section>
<section id="section_dbdata">
<form class="form form-inline">
<div class="input-group col-sm-7 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-1">Host:</span>
</form>
<button id="btn_next_dbdata" class="btn btn-secondary">Next</button>
</section>
<section id="section_dbdata">
<form class="form form-inline">
<div class="input-group col-sm-7 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-1">Host:</span>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-1" id="db_host" required>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-1" id="db_host" required>
</div>
<div class="input-group col-sm-5 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-2">Port:</span>
<div class="input-group col-sm-5 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-2">Port:</span>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-2" id="db_port" required>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-2" id="db_port" required>
</div>
</form>
<form class="form">
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-3">Username:</span>
</form>
<form class="form">
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-3">Username:</span>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-3" id="db_username" required>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-3" id="db_username" required>
</div>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-5">Password:</span>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-5">Password:</span>
</div>
<input type="password" class="form-control" aria-describedby="dbdata_label-5" id="db_password" required>
</div>
<input type="password" class="form-control" aria-describedby="dbdata_label-5" id="db_password" required>
</div>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-6">Repeat Password:</span>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-6">Repeat Password:</span>
</div>
<input type="password" class="form-control" aria-describedby="dbdata_label-6" id="db_confirmpassword" required>
</div>
<input type="password" class="form-control" aria-describedby="dbdata_label-6" id="db_confirmpassword" required>
</div>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-4">Database Name:</span>
<div class="input-group col-sm-12 mx-auto">
<div class="input-group-prepend">
<span class="input-group-text" id="dbdata_label-4">Database Name:</span>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-4" id="db_name" required>
</div>
<input type="text" class="form-control" aria-describedby="dbdata_label-4" id="db_name" required>
</div>
</form>
<button id="btn_next_complete" class="btn btn-secondary">Next</button>
</section>
<section id="section_complete">
<div class="mx-auto"></div>
</section>
<div class="my-2"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>
</form>
<button id="btn_next_complete" class="btn btn-secondary">Next</button>
</section>
<section id="section_complete">
<div class="mx-auto"></div>
</section>
<div class="my-2"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>
$('section:not(#section_welcome)').hide();
$('#btn_next_sitename').click(function() {
$('section').hide();
@@ -131,7 +134,7 @@
$('#section_dbdata').show();
});
$('#btn_next_complete').click(function() {
if ( $('#db_password').val() == $('#db_confirmpassword').val() ) {
if ($('#db_password').val() == $('#db_confirmpassword').val()) {
$.ajax({
method: "POST",
datatype: "JSON",
@@ -143,22 +146,25 @@
db_password: $('#db_password').val(),
db_name: $('#db_name').val(),
},
success: function (data) {
success: function(data) {
if (data.status == 200) {
$('section').hide();
$('#section_complete').show();
$('#section_complete div').html(data.message);
setInterval(function(){window.location.href=data.homelocation;},5000);
setInterval(function() {
window.location.href = data.homelocation;
}, 5000);
}
},
error: function (xhr, ajaxOptions, thrownError) {
error: function(xhr, ajaxOptions, thrownError) {
alert(xhr.responseText.message);
}
});
}
});
</script>
</body>
</html>
<?php
</script>
</body>
</html>
<?php
}