Language updates. New upload form. new classes.
This commit is contained in:
parent
4c2857b445
commit
8f3061ab99
62 changed files with 3107 additions and 1883 deletions
|
|
@ -1,20 +1,33 @@
|
|||
<section>
|
||||
<footer>
|
||||
<div class="container py-5">
|
||||
<!-- Navigation Links -->
|
||||
<div class="row mb-3">
|
||||
<div class="col text-center">
|
||||
<p><?php
|
||||
echo "© 2008 - ";
|
||||
echo date('Y');
|
||||
echo " " . $locale['allrightsreserved'];
|
||||
?></p>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><a href="/contact">Contact Us</a></li>
|
||||
<li class="list-inline-item"><a href="/privacy">Privacy Policy</a></li>
|
||||
<!-- Uncomment the following line once you have a Terms & Conditions page -->
|
||||
<!-- <li class="list-inline-item"><a href="/terms">Terms & Conditions</a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Copyright Text -->
|
||||
<div class="row mb-2">
|
||||
<div class="col text-center">
|
||||
<p><?php echo "© 2008 - " . date('Y') . " " . $locale['allrightsreserved']; ?></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Software Credit -->
|
||||
<div class="row">
|
||||
<div class="col text-center">
|
||||
Created using <a href="https://gitea.threefifteen.info/cody/dj_mix_hosting_software">DJ Mix Hosting Software</a>
|
||||
<p>Created using <a href="https://gitea.threefifteen.info/cody/dj_mix_hosting_software">DJ Mix Hosting Software</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js" integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,24 +4,21 @@
|
|||
require_once 'vendor/autoload.php';
|
||||
|
||||
use Yosymfony\Toml\Toml;
|
||||
use DJMixHosting\SessionManager;
|
||||
|
||||
$config = Toml::ParseFile('includes/config.toml');
|
||||
require_once 'functions/i18n.php';
|
||||
require_once 'includes/sessions.php';
|
||||
// Instead of including sessions.php, start the session via SessionManager:
|
||||
SessionManager::start();
|
||||
|
||||
require_once 'includes/lang_loader.php';
|
||||
|
||||
|
||||
$mixshowsPages = ["/mixshows", "/mixshows/", "/mixshows.php"];
|
||||
|
||||
$djsPages = ["/djs", "/djs/", "/djs.php"];
|
||||
|
||||
$genrePages = ["/genres", "/genres/", "/genres.php"];
|
||||
|
||||
$mixPages = ["/mix", "/mix/", "/mix.php"];
|
||||
|
||||
$specialStyle = array_merge($mixshowsPages, $djsPages, $genrePages);
|
||||
|
||||
|
||||
/**
|
||||
* @param int $count
|
||||
* @param mixed $dj
|
||||
|
|
@ -51,7 +48,6 @@ function social_line($social, $value): string
|
|||
$icon = "";
|
||||
$url = "";
|
||||
$color = "#000000";
|
||||
|
||||
switch ($social) {
|
||||
case "facebook":
|
||||
$icon = "fa-brands fa-facebook";
|
||||
|
|
@ -107,26 +103,22 @@ function social_line($social, $value): string
|
|||
$name = "Website";
|
||||
break;
|
||||
}
|
||||
|
||||
return "
|
||||
<li class='list-group-item d-flex justify-content-between bg-body-secondary align-items-center p-3' title='$name'>
|
||||
<i class='fa $icon fa-lg' style='color: $color;' title='$name'></i>
|
||||
<p class='mb-0'><a href='$url' title='$name' >$value</a>
|
||||
</p>
|
||||
</li>";
|
||||
<li class='list-group-item d-flex justify-content-between bg-body-secondary align-items-center p-3' title='$name'>
|
||||
<i class='fa $icon fa-lg' style='color: $color;' title='$name'></i>
|
||||
<p class='mb-0'><a href='$url' title='$name'>$value</a></p>
|
||||
</li>";
|
||||
}
|
||||
|
||||
function box_line($title, $value): string
|
||||
{
|
||||
|
||||
return "<hr>
|
||||
<div class='row'>
|
||||
<div class='col-sm-3'>
|
||||
<p class='mb-0'>$title</p>
|
||||
</div>
|
||||
<div class='col-sm-9'>
|
||||
<p class='text-muted mb-0'>$value</p>
|
||||
</div>
|
||||
</div>";
|
||||
|
||||
}
|
||||
<div class='row'>
|
||||
<div class='col-sm-3'>
|
||||
<p class='mb-0'>$title</p>
|
||||
</div>
|
||||
<div class='col-sm-9'>
|
||||
<p class='text-muted mb-0'>$value</p>
|
||||
</div>
|
||||
</div>";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,4 +18,3 @@ if (isset($mix)) {
|
|||
echo $meta;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,14 @@
|
|||
<?php require_once 'includes/header-security.php'; ?>
|
||||
<!doctype html >
|
||||
<html lang="<?php echo $lang ?>" <?php
|
||||
// dark mode checker
|
||||
if (isset($_SESSION['darkmode']) && $_SESSION['darkmode'] == 'true') {
|
||||
echo 'data-bs-theme="dark"';
|
||||
} ?>
|
||||
<!doctype html>
|
||||
<html lang="<?php echo $lang ?>">
|
||||
<head>
|
||||
<script>
|
||||
(function() {
|
||||
if (localStorage.getItem('darkmode') === 'true') {
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<?php if (isset($config['seo']['google']) && $config['seo']['google']) {
|
||||
require_once 'includes/google_tag_manager.php';
|
||||
echo get_google_tag_manager_header($config['seo']['gtm']['key']);
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ if (isset($_GET['lang']) && array_key_exists($_GET['lang'], $languages)) {
|
|||
}
|
||||
$current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
|
||||
?>
|
||||
|
||||
<header class="navbar navbar-expand-md bg-body sticky-top shadow">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand pe-3" href="/"><?php echo htmlspecialchars($config['app']['name']); ?></a>
|
||||
|
|
@ -22,121 +21,105 @@ $current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
|
|||
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-md-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link<?php
|
||||
// if the page is genres.php, set active and aria-current="page"
|
||||
if (basename($_SERVER['SCRIPT_NAME']) == 'index.php') {
|
||||
echo current_list();
|
||||
}
|
||||
?>" href="/"><?php echo $locale['home']; ?></a>
|
||||
<a class="nav-link<?php if (basename($_SERVER['SCRIPT_NAME']) == 'index.php') { echo current_list(); } ?>" href="/"><?php echo $locale['home']; ?></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link<?php
|
||||
|
||||
if (in_array($_SERVER['SCRIPT_NAME'], $genrePages)) {
|
||||
echo current_list();
|
||||
} ?>" href="/genres"><?php echo $locale['genres']; ?></a>
|
||||
<a class="nav-link<?php if (in_array($_SERVER['SCRIPT_NAME'], $genrePages)) { echo current_list(); } ?>" href="/genres"><?php echo $locale['genres']; ?></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link<?php
|
||||
|
||||
if (in_array($_SERVER['SCRIPT_NAME'], $djsPages)) {
|
||||
echo current_list();
|
||||
} ?>" href="/djs"><?php echo $locale['djs']; ?></a>
|
||||
<a class="nav-link<?php if (in_array($_SERVER['SCRIPT_NAME'], $djsPages)) { echo current_list(); } ?>" href="/djs"><?php echo $locale['djs']; ?></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link<?php
|
||||
|
||||
if (in_array($_SERVER['SCRIPT_NAME'], $mixshowsPages)) {
|
||||
echo current_list();
|
||||
} ?>" href="/mixshows"><?php echo $locale['mixshows']; ?></a>
|
||||
<a class="nav-link<?php if (in_array($_SERVER['SCRIPT_NAME'], $mixshowsPages)) { echo current_list(); } ?>" href="/mixshows"><?php echo $locale['mixshows']; ?></a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php
|
||||
if (isset($_SESSION['darkmode']) && $_SESSION['darkmode'] == 'true') {
|
||||
echo '<button class="btn btn-outline-dark" id="darkModeToggle" onclick="toggleDarkMode()">🌙</button>';
|
||||
} else {
|
||||
echo '<button class="btn btn-outline-light" id="darkModeToggle" onclick="toggleDarkMode()">🌞</button>';
|
||||
}
|
||||
?>
|
||||
<div class="d-flex align-items-center">
|
||||
<!-- Search form remains outside the dropdown -->
|
||||
<form class="d-flex me-3" role="search">
|
||||
<input class="form-control me-2" type="search" placeholder="<?php echo $locale['search']; ?>"
|
||||
aria-label="<?php echo $locale['search']; ?>">
|
||||
<button class="btn btn-outline-success" type="submit"><?php echo $locale['search']; ?></button>
|
||||
</form>
|
||||
|
||||
<div class="dropdown">
|
||||
<label for="languageSelect" style="display: none">Language Selector</label>
|
||||
<select class="form-select" id="languageSelect"
|
||||
onchange="location = this.value;">
|
||||
<?php
|
||||
if (isset($_SERVER["REQUIEST_URI"])) {
|
||||
$currentUrl = strtok($_SERVER["REQUEST_URI"], '?') ?? '/';
|
||||
} else {
|
||||
$currentUrl = '/';
|
||||
}
|
||||
|
||||
$queryParams = $_GET;
|
||||
foreach ($languages as $key => $value) {
|
||||
$queryParams['lang'] = $key;
|
||||
$queryString = http_build_query($queryParams);
|
||||
$langUrl = htmlspecialchars($currentUrl . '?' . $queryString);
|
||||
$selected = ($key == $current_lang) ? ' selected' : '';
|
||||
echo '<option value="' . $langUrl . '"' . $selected . '>' . $value . '</option>';
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
<!-- Profile Widget Dropdown including language switcher -->
|
||||
<div class="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="profileDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-user"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="profileDropdown">
|
||||
<?php if (isset($_SESSION['user'])): ?>
|
||||
<li><a class="dropdown-item" href="/profile"><?php echo $locale['userProfile']; ?></a></li>
|
||||
<li><a class="dropdown-item" href="/upload"><?php echo $locale['upload']; ?></a></li>
|
||||
<li><a class="dropdown-item" href="/logout"><?php echo $locale['logout']; ?></a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<?php else: ?>
|
||||
<li><a class="dropdown-item" href="/login"><?php echo $locale['login']; ?></a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<?php endif; ?>
|
||||
<!-- Language Switcher -->
|
||||
<li class="px-3 py-2">
|
||||
<label for="languageSelect" class="visually-hidden">Language Selector</label>
|
||||
<select class="form-select" id="languageSelect" onchange="location = this.value;">
|
||||
<?php
|
||||
if (isset($_SERVER["REQUIEST_URI"])) {
|
||||
$currentUrl = strtok($_SERVER["REQUEST_URI"], '?') ?? '/';
|
||||
} else {
|
||||
$currentUrl = '/';
|
||||
}
|
||||
$queryParams = $_GET;
|
||||
foreach ($languages as $key => $value) {
|
||||
$queryParams['lang'] = $key;
|
||||
$queryString = http_build_query($queryParams);
|
||||
$langUrl = htmlspecialchars($currentUrl . '?' . $queryString);
|
||||
$selected = ($key == $current_lang) ? ' selected' : '';
|
||||
echo '<option value="' . $langUrl . '"' . $selected . '>' . $value . '</option>';
|
||||
}
|
||||
?>
|
||||
</select>
|
||||
</li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li>
|
||||
<button class="dropdown-item" id="darkModeToggle" onclick="toggleDarkMode()">
|
||||
<?php echo (isset($_SESSION['darkmode']) && $_SESSION['darkmode'] == 'true') ? '🌙' : '🌞'; ?>
|
||||
Toggle Dark Mode
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
if (isset($_SESSION['user'])) {
|
||||
echo '<a class="nav-link" href="/profile">' . $locale['userProfile'] . '</a>';
|
||||
} else {
|
||||
echo '<a class="nav-link" href="/login">' . $locale['login'] . '</a>';
|
||||
}
|
||||
?>
|
||||
<form class="d-flex" role="search">
|
||||
<input class="form-control me-2" type="search" placeholder="<?php echo $locale['search']; ?>"
|
||||
aria-label="<?php echo $locale['search']; ?>">
|
||||
<button class="btn btn-outline-success" type="submit"><?php echo $locale['search']; ?></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('darkModeToggle').addEventListener('click', function() {
|
||||
// Dark mode toggle script
|
||||
function toggleDarkMode() {
|
||||
var html = document.documentElement;
|
||||
|
||||
// Check the current theme
|
||||
if (html.getAttribute('data-bs-theme') === 'dark') {
|
||||
html.removeAttribute('data-bs-theme'); // Switch to light mode
|
||||
this.innerHTML = '🌞'; // Update the button to reflect light mode
|
||||
localStorage.setItem('darkmode', 'false');
|
||||
updateDarkModeOnServer('false');
|
||||
} else {
|
||||
html.setAttribute('data-bs-theme', 'dark'); // Switch to dark mode
|
||||
this.innerHTML = '🌙'; // Update the button to reflect dark mode
|
||||
localStorage.setItem('darkmode', 'true');
|
||||
updateDarkModeOnServer('true');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function updateDarkModeOnServer(value) {
|
||||
// Create a new AJAX request
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('POST', '/settings.php', true);
|
||||
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
||||
|
||||
// Define what happens on successful data submission
|
||||
xhr.onload = function() {
|
||||
if (xhr.status >= 200 && xhr.status < 400) {
|
||||
console.log('Dark mode setting updated on server');
|
||||
}
|
||||
};
|
||||
|
||||
// Define what happens in case of an error
|
||||
xhr.onerror = function() {
|
||||
console.error('An error occurred during the request.');
|
||||
};
|
||||
|
||||
// Set the action and send the request
|
||||
xhr.send('action=darkmode&value=' + value);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
<?php
|
||||
|
||||
ob_start();
|
||||
|
||||
if (session_id() == '') {
|
||||
session_set_cookie_params(0, '/', '', true, true);
|
||||
session_start();
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue