mirror of
https://github.com/wavelog/wavelog.git
synced 2026-03-22 10:24:14 +00:00
948 lines
41 KiB
PHP
948 lines
41 KiB
PHP
<?php
|
|
/*
|
|
New Wavelog Installer
|
|
|
|
This installer guides an user through the install process and all
|
|
necessary parameters for the new Wavelog Installation.
|
|
|
|
HB9HIL - January 2024
|
|
*/
|
|
|
|
// #########################################################
|
|
// PRECONFIGURATION
|
|
// #########################################################
|
|
|
|
// Config Paths
|
|
$db_config_path = '../application/config/';
|
|
$db_file_path = $db_config_path . "database.php";
|
|
|
|
// if you need to disabled all button locks you can create a root_mode file in the /install directory
|
|
$root_mode_file = '.root_mode';
|
|
|
|
// Wanted Pre-Check Parameters
|
|
// PHP
|
|
$min_php_version = '7.4.0';
|
|
$max_execution_time = 600; // Seconds
|
|
$max_upload_file_size = 8; // Megabyte
|
|
$post_max_size = 8; // Megabyte
|
|
$req_allow_url_fopen = '1'; // 1 = on
|
|
|
|
// Array of PHP modules to check
|
|
global $required_php_modules;
|
|
$required_php_modules = [
|
|
'php-curl' => ['condition' => isExtensionInstalled('curl')],
|
|
'php-mysql' => ['condition' => isExtensionInstalled('mysqli')],
|
|
'php-mbstring' => ['condition' => isExtensionInstalled('mbstring')],
|
|
'php-xml' => ['condition' => isExtensionInstalled('xml')],
|
|
'php-zip' => ['condition' => isExtensionInstalled('zip')],
|
|
];
|
|
|
|
// MariaDB / MySQL
|
|
$mariadb_version = 10.1;
|
|
$mysql_version = 5.7;
|
|
|
|
// ######################################################### END OF PRECONFIGURATION
|
|
|
|
|
|
|
|
|
|
|
|
// Function to check if a PHP extension is installed
|
|
function isExtensionInstalled($extensionName)
|
|
{
|
|
return in_array($extensionName, get_loaded_extensions());
|
|
}
|
|
|
|
function delDir($dir)
|
|
{
|
|
$files = glob($dir . '*', GLOB_MARK);
|
|
foreach ($files as $file) {
|
|
if (substr($file, -1) == '/') {
|
|
if (file_exists($file)) {
|
|
delDir($file);
|
|
}
|
|
} else {
|
|
if (file_exists($file)) {
|
|
unlink($file);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (file_exists($db_file_path)) {
|
|
delDir(getcwd());
|
|
header("../");
|
|
exit;
|
|
}
|
|
|
|
if (file_exists($root_mode_file)) {
|
|
$root_mode = true;
|
|
} else {
|
|
$root_mode = false;
|
|
}
|
|
|
|
// Only load the classes in case the user submitted the form
|
|
if ($_POST) {
|
|
|
|
// Load the classes and create the new objects
|
|
require_once('includes/core_class.php');
|
|
require_once('includes/database_class.php');
|
|
|
|
$core = new Core();
|
|
$database = new Database();
|
|
|
|
if ($_POST['database_check'] == true) {
|
|
|
|
$result = $database->database_check($_POST);
|
|
echo $result;
|
|
exit;
|
|
} else {
|
|
// Validate the post data
|
|
if ($core->validate_post($_POST) == true) {
|
|
|
|
// First create the database, then create tables, then write config file
|
|
if ($database->create_database($_POST) == false) {
|
|
$message = $core->show_message('error', "The database could not be created, please verify your settings.");
|
|
} elseif ($database->create_tables($_POST) == false) {
|
|
$message = $core->show_message('error', "The database tables could not be created, please verify your settings.");
|
|
} elseif ($core->write_config($_POST) == false) {
|
|
$message = $core->show_message('error', "The database configuration file could not be written, please chmod /application/config/database.php file to 777");
|
|
}
|
|
|
|
if ($core->write_configfile($_POST) == false) {
|
|
$message = $core->show_message('error', "The config configuration file could not be written, please chmod /application/config/config.php file to 777");
|
|
}
|
|
|
|
// If no errors, redirect to registration page
|
|
if (!isset($message)) {
|
|
sleep(1);
|
|
$ch = curl_init();
|
|
$protocol = ((!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') || $_SERVER['SERVER_PORT'] == 443) ? "https" : "http";
|
|
list($realHost,) = explode(':', $_SERVER['HTTP_HOST']);
|
|
$wavelog_url = $protocol . "://" . $realHost . ":" . $_SERVER['SERVER_PORT'];
|
|
curl_setopt($ch, CURLOPT_URL, $wavelog_url);
|
|
curl_setopt($ch, CURLOPT_VERBOSE, 0);
|
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
|
$result = curl_exec($ch);
|
|
curl_setopt($ch, CURLOPT_URL, $wavelog_url . "/index.php/update/dxcc");
|
|
$result = curl_exec($ch);
|
|
delDir(getcwd());
|
|
header('Location: ' . $protocol . "://" . $_SERVER['HTTP_HOST'] . '/' . $_POST['directory']);
|
|
exit;
|
|
}
|
|
} else {
|
|
$message = $core->show_message('error', 'Not all fields have been filled in correctly. The host, username, password, and database name are required.');
|
|
}
|
|
}
|
|
}
|
|
global $wavelog_url;
|
|
|
|
?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<title>Install | Wavelog</title>
|
|
<link rel="icon" type="image/x-icon" href="../favicon.ico">
|
|
|
|
<link rel="stylesheet" href="../assets/css/darkly/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/overrides.css">
|
|
<link rel="stylesheet" href="../assets/fontawesome/css/all.css">
|
|
|
|
<script type="text/javascript" src="../assets/js/bootstrap.bundle.min.js"></script>
|
|
<script type="text/javascript" src="../assets/js/jquery-3.3.1.min.js"></script>
|
|
</head>
|
|
|
|
<?php if (is_writable($db_config_path)) : ?>
|
|
<?php if (isset($message)) {
|
|
echo '<p class="error">' . $message . '</p>'; // TODO Integrate Message into the design, Dialog???
|
|
} ?>
|
|
|
|
<body>
|
|
<div class="container" style="max-width: 1000px; margin-top: 8rem; ">
|
|
|
|
<div class="card mt-4" style="min-height: 650px; margin: 0 auto;">
|
|
|
|
<div class="card-header">
|
|
<ul class="nav nav-tabs nav-fill card-header-tabs">
|
|
<li class="nav-item">
|
|
<a class="nav-link active disabled" id="welcome-tab" data-bs-toggle="tab" href="#welcome" role="tab" aria-controls="welcome" aria-selected="true">1. Welcome</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="precheck-tab" data-bs-toggle="tab" href="#precheck" role="tab" aria-controls="precheck" aria-selected="false">2. Pre Checks</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="configuration-tab" data-bs-toggle="tab" href="#configuration" role="tab" aria-controls="configuration" aria-selected="false">3. Configuration</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="database-tab" data-bs-toggle="tab" href="#database" role="tab" aria-controls="database" aria-selected="false">4. Database</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="firstuser-tab" data-bs-toggle="tab" href="#firstuser" role="tab" aria-controls="firstuser" aria-selected="false">5. First User</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" id="finish-tab" data-bs-toggle="tab" href="#finish" role="tab" aria-controls="finish" aria-selected="false">6. Finish</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<form id="install_form" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
|
|
<div class="tab-content" id="myTabContent">
|
|
|
|
<!-- Tab 1: Welcome -->
|
|
<div class="tab-pane fade show active p-3" id="welcome" role="tabpanel" aria-labelledby="welcome-tab">
|
|
<div class="row" style="margin-top: 20px;">
|
|
<div class="col-md-6">
|
|
<img src="../assets/logo/wavelog_logo_darkly.png" alt="" style="max-width: 100%; height: auto;">
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<h4 style="margin-top: 50px;">Welcome to the Wavelog Installer</h4>
|
|
<p style="margin-top: 50px;">This installer will guide you through the necessary steps for the installation of Wavelog. <br>Wavelog is a powerful web-based amateur radio logging software. Follow the steps in each tab to configure and install Wavelog on your server.</p>
|
|
<p>If you encounter any issues or have questions, refer to the documentation (<a href="https://www.github.com/wavelog/wavelog/wiki" target="_blank">Wiki</a>) or community forum (<a href="https://www.github.com/wavelog/wavelog/discussions" target="_blank">Discussions</a>) on Github for assistance.</p>
|
|
<p>Thank you for installing Wavelog!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab 2: Pre-Checks -->
|
|
<div class="tab-pane fade" id="precheck" role="tabpanel" aria-labelledby="precheck-tab">
|
|
<div class="row justify-content-center" style="margin-top: 3rem;">
|
|
<div class="col-md-5 mx-auto">
|
|
<p class="border-bottom mb-2"><b>PHP Modules</b></p>
|
|
<?php
|
|
// Initialize the tracker
|
|
$allChecksPassed = 'ok';
|
|
?>
|
|
<table width="100%">
|
|
<tr>
|
|
<td>Version</td>
|
|
<td><?php echo 'min. ' . $min_php_version; ?></td>
|
|
<td>
|
|
<?php if (version_compare(PHP_VERSION, $min_php_version) <= 0) { ?>
|
|
<span class="badge text-bg-danger"><?php echo PHP_VERSION; ?></span>
|
|
<?php } else { ?>
|
|
<span class="badge text-bg-success"><?php echo PHP_VERSION; ?></span>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
<?php
|
|
foreach ($required_php_modules as $moduleName => $moduleData) {
|
|
$condition = $moduleData['condition'];
|
|
if (!$condition) {
|
|
$allChecksPassed = 'failed';
|
|
}
|
|
?>
|
|
<tr>
|
|
<td><?php echo $moduleName; ?></td>
|
|
<td></td>
|
|
<td>
|
|
<span class="badge text-bg-<?php echo $condition ? 'success' : 'danger'; ?>">
|
|
<?php echo $condition ? 'Installed' : 'Not Installed'; ?>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
<?php
|
|
}
|
|
?>
|
|
</table>
|
|
<p class="border-bottom mb-2" style="margin-top: 2rem;"><b>PHP Settings</b></p>
|
|
<table width="100%">
|
|
<tr>
|
|
<td>max_execution_time</td>
|
|
<td><?php echo '> ' . $max_execution_time . ' s'; ?></td>
|
|
<td>
|
|
<?php
|
|
$maxExecutionTime = ini_get('max_execution_time');
|
|
if ($maxExecutionTime >= $max_execution_time) { ?>
|
|
<span class="badge text-bg-success"><?php echo $maxExecutionTime . ' s'; ?></span>
|
|
<?php } else {
|
|
if ($allChecksPassed != 'failed') { // Check current value before changing to 'warning'
|
|
$allChecksPassed = 'warning';
|
|
} ?>
|
|
<span class="badge text-bg-warning"><?php echo $maxExecutionTime; ?></span>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>max_upload_file_size</td>
|
|
<td><?php echo '> ' . $max_upload_file_size . 'M'; ?></td>
|
|
<td>
|
|
<?php
|
|
$maxUploadFileSize = ini_get('upload_max_filesize');
|
|
$maxUploadFileSizeBytes = (int)($maxUploadFileSize) * (1024 * 1024); // convert to bytes
|
|
if ($maxUploadFileSizeBytes > ($max_upload_file_size * 1024 * 1024)) { // compare with given value in bytes
|
|
?>
|
|
<span class="badge text-bg-success"><?php echo $maxUploadFileSize; ?></span>
|
|
<?php } else {
|
|
if ($allChecksPassed != 'failed') { // Check current value before changing to 'warning'
|
|
$allChecksPassed = 'warning';
|
|
} ?>
|
|
<span class="badge text-bg-warning"><?php echo $maxUploadFileSize; ?></span>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>post_max_size</td>
|
|
<td><?php echo '> ' . $post_max_size . 'M'; ?></td>
|
|
<td>
|
|
<?php
|
|
$maxUploadFileSize = ini_get('post_max_size');
|
|
$maxUploadFileSizeBytes = (int)($maxUploadFileSize) * (1024 * 1024); // convert to bytes
|
|
if ($maxUploadFileSizeBytes > ($post_max_size * 1024 * 1024)) { // compare with given value in bytes
|
|
?>
|
|
<span class="badge text-bg-success"><?php echo $maxUploadFileSize; ?></span>
|
|
<?php } else {
|
|
if ($allChecksPassed != 'failed') { // Check current value before changing to 'warning'
|
|
$allChecksPassed = 'warning';
|
|
} ?>
|
|
<span class="badge text-bg-warning"><?php echo $maxUploadFileSize; ?></span>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>allow_url_fopen</td>
|
|
<td>On</td>
|
|
<td>
|
|
<?php
|
|
$get_allow_url_fopen = ini_get('allow_url_fopen');
|
|
if ($get_allow_url_fopen == $req_allow_url_fopen) {
|
|
?>
|
|
<span class="badge text-bg-success">On</span>
|
|
<?php } else {
|
|
$allChecksPassed = 'failed'; ?>
|
|
<span class="badge text-bg-danger">Off</span>
|
|
<?php } ?>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-md-5 mb-4 mx-auto"> <!-- MySQL / MariaDB -->
|
|
<p class="border-bottom mb-2"><b>MySQL / MariaDB</b></p>
|
|
<table width="100%">
|
|
<tr>
|
|
<td>Min. MySQL Version: </td>
|
|
<td><span class="badge text-bg-info"><?php echo $mysql_version; ?></span></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Min. MariaDB Version: </td>
|
|
<td><span class="badge text-bg-info"><?php echo $mariadb_version; ?></span></td>
|
|
</tr>
|
|
</table>
|
|
<p style="margin-top: 10px; margin-bottom: 100px;">You can test your MySQL/MariaDB Version in Step 4</p>
|
|
|
|
<?php if ($allChecksPassed == 'failed') { ?>
|
|
<div class="alert alert-danger d-flex flex-column align-items-center" role="alert">
|
|
<p class="mb-2 border-bottom">Some Checks have failed!</p>
|
|
<p class="mb-2">Check your PHP settings and install missing modules if necessary.</p>
|
|
<p class="mb-0">After that, you have to restart your webserver and start the installer again.</p>
|
|
</div>
|
|
<?php } else if ($allChecksPassed == 'warning') { ?>
|
|
<div class="alert alert-warning d-flex flex-column align-items-center" role="alert">
|
|
<p class="mb-2 border-bottom">You have some warnings!</p>
|
|
<p class="mb-2">Some of the settings are not optimal. You can proceed with the installer but be aware that you could run into problems while using Wavelog.</p>
|
|
</div>
|
|
<?php } else if ($allChecksPassed == 'ok') { ?>
|
|
<div class="alert alert-success d-flex align-items-center" role="alert">
|
|
<p class="mb-0">All Checks are OK. You can continue.</p>
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab 3: Configuration -->
|
|
<div class="tab-pane fade" id="configuration" role="tabpanel" aria-labelledby="configuration-tab">
|
|
<div class="row">
|
|
<div class="col" style="margin-top: 70px;">
|
|
<img src="assets/images/gears_icon.png" alt="" style="max-width: 80%; height: auto; margin-left: 20px;">
|
|
</div>
|
|
<div class="col">
|
|
<p>Configure some basic parameters for your wavelog instance. You can change them later in 'application/config/config.php'</p>
|
|
<div class="mb-3">
|
|
<label for="directory" class="form-label">Directory<i id="directory_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="The 'Directory' is basically your subfolder of the webroot In normal conditions the prefilled value is doing it's job."></i></label>
|
|
<div class="input-group">
|
|
<span class="input-group-text" id="main-url"><?php echo $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'] . "/"; ?></span>
|
|
<input type="text" id="directory" value="<?php echo substr(str_replace("index.php", "", str_replace("/install/", "", $_SERVER['REQUEST_URI'])), 1); ?>" class="form-control" name="directory" aria-describedby="main-url" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="websiteurl" class="form-label">Website URL<i id="websiteurl_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="This is the complete URL where your Wavelog Instance will be available. If you run this installer locally but want to place Wavelog behind a Reverse Proxy with SSL you should type in the new URL here (e.g. https://mywavelog.example.org/ instead of http://192.168.1.100/). Don't forget to include the directory from above."></i></label>
|
|
<input type="text" id="websiteurl" value="<?php echo $_SERVER['REQUEST_SCHEME']; ?>://<?php echo str_replace("index.php", "", $_SERVER['HTTP_HOST'] . str_replace("/install/", "", $_SERVER['REQUEST_URI'])); ?>" class="form-control" name="websiteurl" />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="locator" class="form-label">Default Gridsquare<i id="gridsquare_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="This is the default maidenhead locator which is used as falback. You can use the locator of your Home QTH."></i></label>
|
|
<input type="text" id="locator" placeholder="HA44AA" class="form-control" name="locator" />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="global_call_lookup" class="form-label">Global Callbook Lookup<i id="callbook_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="This configuration is optional. The callsign lookup will be available for all users of this installation. You can choose between QRZ.com and HamQTH. While HamQTH also works without username and password, you will need credentials for QRZ.com. To also get the Call Locator in QRZ.com you'll need an XML subscription. HamQTH does not always provide the locator information."></i></label>
|
|
<select id="global_call_lookup" class="form-select" name="global_call_lookup">
|
|
<option value="hamqth" selected>HamQTH</option>
|
|
<option value="qrz">QRZ.com</option>
|
|
</select>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="mb-3">
|
|
<label for="callbook_username" class="form-label mt-2">Username</label>
|
|
</div>
|
|
<div>
|
|
<label for="callbook_password" class="form-label mt-1">Password</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="mb-3">
|
|
<input type="text" id="callbook_username" placeholder="Callbook Username" class="form-control" name="callbook_username" />
|
|
</div>
|
|
<div>
|
|
<input type="password" id="callbook_password" placeholder="Callbook Password" class="form-control" name="callbook_password" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab 4: Database -->
|
|
<div class="tab-pane fade" id="database" role="tabpanel" aria-labelledby="database-tab">
|
|
<div class="row">
|
|
<div class="col" style="margin-top: 70px;">
|
|
<img src="assets/images/database_sign.png" alt="" style="max-width: 80%; height: auto; margin-left: 20px;">
|
|
</div>
|
|
<div class="col" style="margin-top: 40px;">
|
|
<p>To properly install Wavelog you already should have setup a mariadb/mysql database. Provide the parameters here.</p>
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="mb-3">
|
|
<label for="db_hostname" class="form-label">Hostname<i id="callbook_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="Usually 'localhost'. Optional with '...:[port]'. Default Port: 3306"></i></label>
|
|
<input type="text" id="db_hostname" value="localhost" class="form-control" name="db_hostname" />
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="mb-3">
|
|
<label for="db_name" class="form-label">Database Name<i id="callbook_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="Name of the Database"></i></label>
|
|
<input type="text" id="db_name" placeholder="wavelog" class="form-control" name="db_name" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="db_username" class="form-label">Username<i id="callbook_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="Username of the Database User which has full access to the database."></i></label>
|
|
<input type="text" id="db_username" placeholder="waveloguser" class="form-control" name="db_username" />
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="db_password" class="form-label">Password<i id="callbook_tooltip" data-bs-toggle="tooltip" data-bs-placement="top" title="Directory Hint" class="fas fa-question-circle text-muted ms-2" data-bs-custom-class="custom-tooltip" data-bs-html="true" data-bs-title="Password of the Database User"></i></label>
|
|
<input type="password" id="db_password" placeholder="supersecretpassword" class="form-control" name="db_password" />
|
|
</div>
|
|
<div class="col">
|
|
<button id="db_connection_test_button" type="button" class="btn btn-primary" onclick="db_connection_test()">Connection Test</button>
|
|
<div class="mt-2 mb-2 alert" id="db_connection_testresult"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab 5: First User -->
|
|
<div class="tab-pane fade" id="firstuser" role="tabpanel" aria-labelledby="firstuser-tab">
|
|
<p style="margin-top: 20px;">Now you can create your first user in Wavelog. Fill out all fields and click continue.<br>Make sure you use a proper password.</p>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-2">
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="firstname" class="form-label">First Name</label>
|
|
<input type="text" id="firstname" tabindex="1" placeholder="Ham" class="form-control" name="firstname" />
|
|
</div>
|
|
<div class="col">
|
|
<label for="lastname" class="form-label">Last Name</label>
|
|
<input type="text" id="lastname" tabindex="2" placeholder="Radio" class="form-control" name="lastname" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="username" class="form-label">Username</label>
|
|
<input type="text" id="username" tabindex="7" placeholder="ham.radio" class="form-control" name="username" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb-2">
|
|
<label for="callsign" class="form-label">Callsign</label>
|
|
<input type="text" id="callsign" tabindex="3" placeholder="4W7EST" class="form-control" name="callsign" />
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input type="password" id="password" tabindex="8" placeholder="**********" class="form-control" name="password" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb-2">
|
|
<label for="userlocator" class="form-label">Locator</label>
|
|
<input type="text" id="userlocator" tabindex="4" placeholder="HA44AA" class="form-control" name="userlocator" />
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<label for="cnfm_password" class="form-label">Confirm Password</label>
|
|
<input type="password" id="cnfm_password" tabindex="9" placeholder="**********" class="form-control" name="cnfm_password" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-2">
|
|
<label for="user_email" class="form-label">E-Mail Address</label>
|
|
<input type="email" id="user_email" tabindex="5" placeholder="ham.radio@example.com" class="form-control mb-2" name="user_email" />
|
|
<label for="timezone" class="form-label">Timezone</label>
|
|
<select id="timezone" tabindex="6" class="form-select" name="timezone">
|
|
<?php
|
|
// timezones
|
|
$timezones = [
|
|
['1', '-12.0', '(GMT-12:00)-International Date Line West'],
|
|
['4', '-9.0', '(GMT-09:00)-Alaska'],
|
|
['5', '-8.0', '(GMT-08:00)-Pacific Time (US & Canada); Tijuana'],
|
|
['6', '-7.0', '(GMT-07:00)-Arizona'],
|
|
['8', '-7.0', '(GMT-07:00)-Mountain Time (US & Canada)'],
|
|
['13', '-5.0', '(GMT-05:00)-Bogota, Lima, Quito'],
|
|
['15', '-5.0', '(GMT-05:00)-Indiana (East)'],
|
|
['17', '-4.0', '(GMT-04:00)-La Paz'],
|
|
['19', '-3.5', '(GMT-03:30)-Newfoundland'],
|
|
['22', '-3.0', '(GMT-03:00)-Greenland'],
|
|
['23', '-2.0', '(GMT-02:00)-Mid-Atlantic'],
|
|
['0', '0.0', '(GMT+00:00)-Greenwich Mean Time: Dublin, Edinburgh, Lisbon, London', true],
|
|
['30', '1.0', '(GMT+01:00)-Brussels, Copenhagen, Madrid, Paris'],
|
|
['31', '1.0', '(GMT+01:00)-Sarajevo, Skopje, Warsaw, Zagreb'],
|
|
['35', '2.0', '(GMT+02:00)-Cairo'],
|
|
['36', '2.0', '(GMT+02:00)-Harare, Pretoria'],
|
|
['38', '2.0', '(GMT+02:00)-Jerusalem'],
|
|
['39', '3.0', '(GMT+03:00)-Baghdad'],
|
|
['41', '3.0', '(GMT+03:00)-Moscow, St. Petersburg, Volgograd'],
|
|
['43', '3.5', '(GMT+03:30)-Tehran'],
|
|
['44', '4.0', '(GMT+04:00)-Abu Dhabi, Muscat'],
|
|
['45', '4.0', '(GMT+04:00)-Baku, Tbilisi, Yerevan'],
|
|
['46', '4.5', '(GMT+04:30)-Kabul'],
|
|
['51', '6.0', '(GMT+06:00)-Almaty, Novosibirsk'],
|
|
['54', '6.5', '(GMT+06:30)-Rangoon'],
|
|
['55', '7.0', '(GMT+07:00)-Bangkok, Hanoi, Jakarta'],
|
|
['56', '7.0', '(GMT+07:00)-Krasnoyarsk'],
|
|
['58', '8.0', '(GMT+08:00)-Irkutsk, Ulaan Bataar'],
|
|
['59', '8.0', '(GMT+08:00)-Kuala Lumpur, Singapore'],
|
|
['60', '8.0', '(GMT+08:00)-Perth'],
|
|
['63', '9.0', '(GMT+09:00)-Seoul'],
|
|
['64', '9.0', '(GMT+09:00)-Vakutsk'],
|
|
['66', '9.5', '(GMT+09:30)-Darwin'],
|
|
['69', '10.0', '(GMT+10:00)-Guam, Port Moresby'],
|
|
['71', '10.0', '(GMT+10:00)-Vladivostok'],
|
|
['74', '12.0', '(GMT+12:00)-Fiji, Kamchatka, Marshall Is.'],
|
|
['76', '-11.0', '(GMT-11:00)-Midway Island, Samoa'],
|
|
['77', '-10.0', '(GMT-10:00)-Hawaii'],
|
|
['81', '-7.0', '(GMT-07:00)-Chihuahua, La Paz, Mazatlan'],
|
|
['83', '-6.0', '(GMT-06:00)-Central America'],
|
|
['84', '-6.0', '(GMT-06:00)-Central Time (US & Canada)'],
|
|
['85', '-6.0', '(GMT-06:00)-Guadalajara, Mexico City, Monterrey'],
|
|
['86', '-6.0', '(GMT-06:00)-Saskatchewan'],
|
|
['88', '-5.0', '(GMT-05:00)-Eastern Time (US & Canada)'],
|
|
['90', '-4.0', '(GMT-04:00)-Atlantic Time (Canada)'],
|
|
['91', '-4.0', '(GMT-04:00)-Caracas, La Paz'],
|
|
['92', '-4.0', '(GMT-04:00)-Santiago'],
|
|
['94', '-3.0', '(GMT-03:00)-Brasilia'],
|
|
['95', '-3.0', '(GMT-03:00)-Buenos Aires, Georgetown'],
|
|
['98', '-1.0', '(GMT-01:00)-Azores'],
|
|
['99', '-1.0', '(GMT-01:00)-Cape Verde Is.'],
|
|
['100', '0.0', '(GMT)-Casablanca, Monrovia'],
|
|
['102', '1.0', '(GMT+01:00)-Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna'],
|
|
['103', '1.0', '(GMT+01:00)-Belgrade, Bratislava, Budapest, Ljubljana, Prague'],
|
|
['106', '1.0', '(GMT+01:00)-West Central Africa'],
|
|
['107', '2.0', '(GMT+02:00)-Athens, Beirut, Istanbul, Minsk'],
|
|
['108', '2.0', '(GMT+02:00)-Bucharest'],
|
|
['111', '2.0', '(GMT+02:00)-Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius'],
|
|
['114', '3.0', '(GMT+03:00)-Kuwait, Riyadh'],
|
|
['116', '3.0', '(GMT+03:00)-Nairobi'],
|
|
['121', '5.0', '(GMT+05:00)-Ekaterinburg'],
|
|
['122', '5.0', '(GMT+05:00)-Islamabad, Karachi, Tashkent'],
|
|
['123', '5.5', '(GMT+05:30)-Chennai, Kolkata, Mumbai, New Delhi'],
|
|
['124', '5.8', '(GMT+05:45)-Kathmandu'],
|
|
['126', '6.0', '(GMT+06:00)-Astana, Dhaka'],
|
|
['127', '6.0', '(GMT+06:00)-Sri Jayawardenepura'],
|
|
['129', '7.0', '(GMT+07:00)-Bangkok, Hanoi, Jakarta'],
|
|
['131', '8.0', '(GMT+08:00)-Beijing, Chongqing, Hong Kong, Urumqi'],
|
|
['135', '8.0', '(GMT+08:00)-Taipei'],
|
|
['136', '9.0', '(GMT+09:00)-Osaka, Sapporo, Tokyo'],
|
|
['139', '9.5', '(GMT+09:30)-Adelaide'],
|
|
['141', '10.0', '(GMT+10:00)-Brisbane'],
|
|
['142', '10.0', '(GMT+10:00)-Canberra, Melbourne, Sydney'],
|
|
['144', '10.0', '(GMT+10:00)-Hobart'],
|
|
['146', '11.0', '(GMT+11:00)-Magadan, Solomon Is., New Caledonia'],
|
|
['147', '12.0', '(GMT+12:00)-Auckland, Wellington'],
|
|
['149', '13.0', '(GMT+13:00)-Nuku\'alofa'],
|
|
['150', '-4.5', '(GMT-04:30)-Caracas'],
|
|
];
|
|
// Loop through timezones to generate options
|
|
foreach ($timezones as $timezone) {
|
|
$value = $timezone[0];
|
|
$label = $timezone[2];
|
|
$selected = isset($timezone[3]) && $timezone[3] ? 'selected' : '';
|
|
|
|
echo '<option value="' . $value . '" ' . $selected . '>' . $label . '</option>';
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-6 mb-2">
|
|
<div class="alert alert-danger" id="form_warnings" style="display: none; margin-top: 30px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab 6: Finish --> <!-- TODO Include Check Functions -->
|
|
<div class="tab-pane fade" id="finish" role="tabpanel" aria-labelledby="finish-tab">
|
|
<div class="row" style="margin-top: 80px;">
|
|
<div class="col-md-5" style="margin-top: 50px;">
|
|
<div class="d-flex justify-content-center">
|
|
<div>
|
|
<h4>Checklist</h4>
|
|
<p class="ms-2"><i class="me-2 fas"></i>Configuration</p>
|
|
<div class="ms-2 alert" id="configuration-warning" style="display: none;"></div>
|
|
<p class="ms-2"><i class="me-2 fas"></i>Database</p>
|
|
<div class="ms-2 alert" id="database-warning" style="display: none;"></div>
|
|
<p class="ms-2"><i class="me-2 fas"></i>First User</p>
|
|
<div class="ms-2 alert" id="firstuser-warning" style="display: none;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="text-center">
|
|
<h4 style="margin-top: 50px;">Nearly done!</h4>
|
|
<p style="margin-top: 50px;">You prepared all neccessary steps.</p>
|
|
<p>We now can install Wavelog. This process can take a few minutes.</p>
|
|
<input class="btn btn-primary" type="submit" value="Install" id="submit" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button type="button" id="BackButton" class="btn btn-primary float-start" style="display: none">Back</button>
|
|
<button type="button" id="ContinueButton" class="btn btn-info float-end" style="display: none">Continue</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// We don't want to allow press Enter to trigger Events in the Installer
|
|
// Too dangerous for an average $user
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.key === 'Enter') {
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
|
|
// root mode initializer for js
|
|
var root_mode = <?php echo json_encode($root_mode); ?>;
|
|
|
|
$(document).ready(function() {
|
|
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
|
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
|
|
|
|
$('#ContinueButton').css('display', 'block');
|
|
console.log("Ready to unleash your coding prowess and join the fun?\n\n" +
|
|
"Check out our GitHub Repository and dive into the coding adventure:\n\n" +
|
|
"🚀 https://www.github.com/wavelog/wavelog");
|
|
|
|
const tabs = new bootstrap.Tab($('#welcome-tab')[0]);
|
|
tabs.show();
|
|
|
|
let firstTabId = 'welcome-tab';
|
|
let secondTabId = 'precheck-tab';
|
|
let thirdTabId = 'configuration-tab';
|
|
let fourthTabId = 'database-tab';
|
|
let lastTabId = 'finish-tab';
|
|
|
|
const activeTab = $('.nav-link.active');
|
|
|
|
var allChecksPassed = '<?php echo $allChecksPassed; ?>';
|
|
|
|
function nextTab() {
|
|
const activeTab = $('.nav-link.active');
|
|
const nextTab = activeTab.parent().next().find('.nav-link');
|
|
|
|
if (nextTab.length > 0) {
|
|
const tab = new bootstrap.Tab(nextTab[0]);
|
|
tab.show();
|
|
}
|
|
|
|
if (nextTab.attr('id') !== lastTabId) {
|
|
$('#ContinueButton').css('display', 'block');
|
|
$('#BackButton').css('display', 'block');
|
|
} else {
|
|
$('#ContinueButton').css('display', 'none');
|
|
}
|
|
|
|
if (nextTab.attr('id') == secondTabId) {
|
|
if (allChecksPassed == 'failed') {
|
|
if (root_mode == false) {
|
|
$('#ContinueButton').prop('disabled', true);
|
|
} else {
|
|
$('#ContinueButton').prop('disabled', false);
|
|
}
|
|
} else {
|
|
$('#ContinueButton').prop('disabled', false);
|
|
}
|
|
}
|
|
}
|
|
|
|
function prevTab() {
|
|
const activeTab = $('.nav-link.active');
|
|
const prevTab = activeTab.parent().prev().find('.nav-link');
|
|
|
|
if (prevTab.length > 0) {
|
|
const tab = new bootstrap.Tab(prevTab[0]);
|
|
tab.show();
|
|
}
|
|
|
|
if (prevTab.attr('id') !== firstTabId) {
|
|
$('#ContinueButton').css('display', 'block');
|
|
$('#BackButton').css('display', 'block');
|
|
} else {
|
|
$('#BackButton').css('display', 'none');
|
|
}
|
|
clear_db_testresult();
|
|
$('#ContinueButton').prop('disabled', false);
|
|
}
|
|
|
|
$('#ContinueButton').on('click', nextTab);
|
|
$('#BackButton').on('click', prevTab);
|
|
|
|
// We check if on the second Tab (Pre-Check) all checks passed or failed, Only of they failed we disable the continue button
|
|
// root_mode can override that
|
|
// if (allChecksPassed == 'failed') {
|
|
// if (activeTab.attr('id') == secondTabId) {
|
|
// if (root_mode == false) {
|
|
// $('#ContinueButton').prop('disabled', true);
|
|
// } else {
|
|
// $('#ContinueButton').prop('disabled', false);
|
|
// }
|
|
// } else {
|
|
// $('#ContinueButton').prop('disabled', false);
|
|
// }
|
|
// }
|
|
|
|
});
|
|
|
|
|
|
|
|
function db_connection_test() {
|
|
var db_hostname = $('#db_hostname').val();
|
|
var db_username = $('#db_username').val();
|
|
var db_password = $('#db_password').val();
|
|
var db_name = $('#db_name').val();
|
|
|
|
if (db_hostname === '' || db_username === '' || db_password === '' || db_name === '') {
|
|
$('#db_connection_testresult').addClass('alert-danger');
|
|
$('#db_connection_testresult').html('Error: All fields are required.');
|
|
return;
|
|
}
|
|
|
|
var originalButtonText = $('#db_connection_test_button').html();
|
|
$('#db_connection_test_button').html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Connecting...').prop('disabled', true);
|
|
|
|
clear_db_testresult();
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: 'index.php',
|
|
data: {
|
|
db_hostname: db_hostname,
|
|
db_username: db_username,
|
|
db_password: db_password,
|
|
db_name: db_name,
|
|
database_check: true
|
|
},
|
|
success: function(response) {
|
|
$('#db_connection_testresult').html(response);
|
|
if (response.indexOf('Error') !== -1) {
|
|
$('#db_connection_testresult').addClass('alert-danger');
|
|
$('#db_connection_test_button').html(originalButtonText).prop('disabled', false);
|
|
} else {
|
|
|
|
if (sql_version_checker(response) == true) {
|
|
$('#db_connection_testresult').addClass('alert-success');
|
|
$('#db_connection_test_button').html(originalButtonText).prop('disabled', false);
|
|
$('#db_connection_testresult').html('Connection was successful and your database should be compatible <i class="fas fa-check-circle"></i>');
|
|
} else {
|
|
$('#db_connection_testresult').addClass('alert-warning');
|
|
$('#db_connection_test_button').html(originalButtonText).prop('disabled', false);
|
|
$('#db_connection_testresult').html('Connection was successful but your database seems too old for Wavelog. You can try to continue but you could run into issues.</i>');
|
|
}
|
|
}
|
|
},
|
|
error: function(error) {
|
|
$('#db_connection_testresult').html('Error: ' + error.statusText);
|
|
if ($('#db_connection_testresult').text().indexOf('Error') !== -1) {
|
|
$('#db_connection_testresult').addClass('alert-danger');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function clear_db_testresult() {
|
|
$('#db_connection_testresult').html('');
|
|
$('#db_connection_testresult').removeClass('alert-danger');
|
|
$('#db_connection_testresult').removeClass('alert-success');
|
|
$('#db_connection_testresult').removeClass('alert-warning');
|
|
}
|
|
|
|
function sql_version_checker(version_string) {
|
|
let extracted_version = version_string.match(/^(\d+\.\d+)/);
|
|
|
|
var min_mysql_version = <?php echo $mysql_version; ?>;
|
|
var min_mariadb_version = <?php echo $mariadb_version; ?>;
|
|
|
|
if (extracted_version[1] >= 10) { //probably MariaDB
|
|
if (extracted_version[1] >= min_mariadb_version) {
|
|
return true;
|
|
}
|
|
} else { // probably MySQL
|
|
if (extracted_version[1] >= min_mysql_version) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
// Check various user input in tab 4
|
|
// user password
|
|
var passwordField = $('#password');
|
|
var cnfmPasswordField = $('#cnfm_password');
|
|
var minPasswordLenght = 8;
|
|
|
|
cnfmPasswordField.on('change', function() {
|
|
if (cnfmPasswordField.val() == passwordField.val() && cnfmPasswordField.val() != '') {
|
|
|
|
if (cnfmPasswordField.val().length >= minPasswordLenght) {
|
|
|
|
passwordField.removeClass('is-invalid');
|
|
cnfmPasswordField.removeClass('is-invalid');
|
|
|
|
passwordField.addClass('is-valid');
|
|
cnfmPasswordField.addClass('is-valid');
|
|
|
|
$('#form_warnings').css('display', 'none');
|
|
$('#ContinueButton').prop('disabled', false);
|
|
|
|
} else {
|
|
passwordField.addClass('is-invalid');
|
|
cnfmPasswordField.addClass('is-invalid');
|
|
|
|
passwordField.removeClass('is-valid');
|
|
cnfmPasswordField.removeClass('is-valid');
|
|
|
|
$('#form_warnings').css('display', 'block');
|
|
$('#form_warnings').html('Password should be at least 8 characters long')
|
|
|
|
if (root_mode == false) {
|
|
$('#ContinueButton').prop('disabled', true);
|
|
}
|
|
}
|
|
|
|
} else {
|
|
|
|
passwordField.addClass('is-invalid');
|
|
cnfmPasswordField.addClass('is-invalid');
|
|
|
|
passwordField.removeClass('is-valid');
|
|
cnfmPasswordField.removeClass('is-valid');
|
|
|
|
$('#form_warnings').css('display', 'block');
|
|
$('#form_warnings').html('Passwords do not match');
|
|
|
|
if (root_mode == false) {
|
|
$('#ContinueButton').prop('disabled', true);
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
// email verification
|
|
emailField = $('#user_email');
|
|
|
|
function isValidEmail(email) {
|
|
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
return emailRegex.test(email);
|
|
}
|
|
|
|
emailField.on('change', function() {
|
|
if (!isValidEmail(emailField.val()) && emailField != '') {
|
|
|
|
emailField.addClass('is-invalid');
|
|
emailField.removeClass('is-valid');
|
|
$('#form_warnings').css('display', 'block');
|
|
$('#form_warnings').html('The E-Mail Address is not valid');
|
|
if (root_mode == false) {
|
|
$('#ContinueButton').prop('disabled', true);
|
|
}
|
|
|
|
} else {
|
|
|
|
emailField.removeClass('is-invalid');
|
|
emailField.addClass('is-valid');
|
|
$('#form_warnings').css('display', 'none');
|
|
$('#ContinueButton').prop('disabled', false);
|
|
|
|
}
|
|
});
|
|
|
|
// grid verification
|
|
locatorField = $('#userlocator');
|
|
|
|
function isValidMaidenheadLocator(locator) {
|
|
const maidenheadRegex = /^[A-R]{2}[0-9]{2}[A-X]{2}$/;
|
|
return maidenheadRegex.test(locator);
|
|
}
|
|
|
|
locatorField.on('change', function() {
|
|
if (!isValidMaidenheadLocator(locatorField.val()) && locatorField != '') {
|
|
|
|
locatorField.addClass('is-invalid');
|
|
locatorField.removeClass('is-valid');
|
|
$('#form_warnings').css('display', 'block');
|
|
$('#form_warnings').html("The grid locator is not valid. Use a 6-character locator, e.g. HA44AA. If you don't know your grid square then <a href='https://zone-check.eu/?m=loc' target='_blank'>click here</a>!");
|
|
if (root_mode == false) {
|
|
$('#ContinueButton').prop('disabled', true);
|
|
}
|
|
|
|
} else {
|
|
|
|
locatorField.removeClass('is-invalid');
|
|
locatorField.addClass('is-valid');
|
|
$('#form_warnings').css('display', 'none');
|
|
$('#ContinueButton').prop('disabled', false);
|
|
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
<?php else : ?>
|
|
|
|
<body>
|
|
<div class="container mt-4 p-2" style="max-width: 600px; ">
|
|
<div class="card p-2 justify-content-center" style="min-height: 200px; margin-top: 200px;">
|
|
<p class="error text-center">Please make the /application/config/ folder writable. <strong>Example</strong>:<br /><br /><code>chmod -R 777 application/config/</code><br /><br /><i>Don't forget to restore the permissions afterwards.</i></p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<?php endif; ?>
|
|
|
|
</html>
|