Various new features.

This commit is contained in:
Cody Cook 2024-04-30 19:38:37 -07:00
commit 36e6e23a68
14 changed files with 437 additions and 523 deletions

View file

@ -16,7 +16,7 @@ class DJ
private string $created = "";
private string $updated = "";
private string $claimed_by = "";
private $db = null;
private mysqli $db;
public function __construct($value, $db)
@ -125,8 +125,8 @@ class DJ
if (isset($dj['created'])) {
$this->created = $dj['created'];
}
if (isset($dj['updated'])) {
$this->updated = $dj['updated'];
if (isset($dj['lastupdated'])) {
$this->updated = $dj['lastupdated'];
}
return true;

51
classes/DJs.php Normal file
View file

@ -0,0 +1,51 @@
<?php
class DJs
{
private $db;
private $djs = [];
public function __construct($db)
{
$this->db = $db;
if (!$this->load_all_djs()) {
return false;
} else {
return true;
}
}
private function load_all_djs(): bool
{
$djs = $this->get_all_djs();
if ($djs) {
$this->djs = $djs;
return true;
} else {
return false;
}
}
public function get_all_djs($order = "ASC")
{
$stmt = $this->db->prepare("SELECT * FROM djs ORDER BY name $order");
$stmt->execute();
$result = $stmt->get_result();
$djs = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close();
return $djs;
}
public function get_nonzero_djs($order = "ASC")
{
$stmt = $this->db->prepare("SELECT * FROM djs WHERE count > 0 ORDER BY name $order");
$stmt->execute();
$result = $stmt->get_result();
$djs = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close();
return $djs;
}
}

View file

@ -20,6 +20,7 @@ class Mix
private $created;
private $updated;
private $playcount = 0;
private $tracklist = [];
public function __construct($value, $db)
@ -121,6 +122,34 @@ class Mix
}
}
private function evaluate_tracklist(): array
{
if (empty($this->tracklist)){
return [];
} else {
// if the first item in the array is also an array, then return it
if (is_array($this->tracklist[0]['value'])){
return $this->tracklist[0]['value'];
} else {
return explode("\n", $this->tracklist[0]['value']);
}
}
}
private function load_mix_tracklist()
{
$stmt = $this->db->prepare("SELECT value FROM mix_meta WHERE attribute = 'tracklist' AND mix_id = ?");
$stmt->bind_param("i", $this->id);
$stmt->execute();
$result = $stmt->get_result();
$tracklist = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close();
return $tracklist;
}
public function get_img(): string
{
return $this->cover;
@ -186,10 +215,21 @@ class Mix
$this->genre = $this->get_mix_genres();
$this->playcount = $this->get_playcount();
$this->tracklist = $this->load_mix_tracklist();
$this->tracklist = $this->evaluate_tracklist();
return true;
}
public function get_description()
{
return $this->description;
}
public function get_tracklist(): array
{
return $this->tracklist;
}
}

237
dj.php
View file

@ -1,14 +1,6 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
require 'includes/globals.php';
require_once 'classes/Database.php';
require_once 'classes/DJ.php';
@ -21,17 +13,8 @@ if (isset($_GET['dj']) && $_GET['dj'] != "") {
$djFound = true;
}
}
require_once 'includes/header.php';
?>
<!doctype html >
<html lang="<?php echo $lang ?>">
<head>
<?php require_once 'includes/header.php';
?>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
@ -85,210 +68,44 @@ if (isset($_GET['dj']) && $_GET['dj'] != "") {
</div>
</div>
</div>
<div class="card mb-4 mb-lg-0">
<div class="card-body p-0">
<ul class="list-group list-group-flush rounded-3">
<?php
function social_line($social, $value): string
{
$icon = "";
$url = "";
$color = "#000000";
switch ($social) {
case "facebook":
$icon = "fa-brands fa-facebook";
$url = "https://www.facebook.com/$value";
$color = "#3b5998";
$name = "Facebook";
break;
case "instagram":
$icon = "fa-brands fa-instagram";
$url = "https://www.instagram.com/$value";
$color = "#ac2bac";
$name = "Instagram";
break;
case "twitter":
$icon = "fa-brands fa-twitter";
$url = "https://www.twitter.com/$value";
$color = "#55acee";
$name = "Twitter";
break;
case "myspace":
$icon = "fa-brands fa-myspace";
$url = "https://www.myspace.com/$value";
$color = "#000000";
$name = "Myspace";
break;
case "soundcloud":
$icon = "fa-brands fa-soundcloud";
$url = "https://www.soundcloud.com/$value";
$color = "#ff8800";
$name = "Soundcloud";
break;
case "mixcloud":
$icon = "fa-brands fa-mixcloud";
$url = "https://www.mixcloud.com/$value";
$color = "#00c7f7";
$name = "Mixcloud";
break;
case "spotify":
$icon = "fa-brands fa-spotify";
$url = "https://www.spotify.com/$value";
$color = "#1DB954";
$name = "Spotify";
break;
<?php
if ($dj->get_socials() != []) {
?>
<div class="card mb-4 mb-lg-0">
<div class="card-body p-0">
<ul class="list-group list-group-flush rounded-3">
<?php
$socials = $dj->get_socials();
foreach ($socials as $key => $value) {
echo social_line($key, $value);
}
return "
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
<i class='fa $icon fa-lg' style='color: $color;'></i>
<p class='mb-0'><a href='$url'>$value</a>
</p>
</li>";
}
$socials = $dj->get_socials();
foreach ($socials as $key => $value) {
echo social_line($key, $value);
}
?>
</ul>
?>
</ul>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Full Name</p>
<p class="mb-0"><?php echo $locale['djName']; ?></p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">Johnatan Smith</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Email</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">example@example.com</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Phone</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">(097) 234-5678</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Mobile</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">(098) 765-4321</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Address</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">Bay Area, San Francisco, CA</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status
</p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status
</p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-muted mb-0"><?php echo $dj->get_name(); ?></p>
</div>
</div>
<?php
if ($dj->get_bio() != "") {
echo box_line($locale['bio'], $dj->get_bio());
}
echo box_line($locale['lastupdated'], $dj->get_updated());
?>
</div>
</div>
</div>
</div>
<?php else: ?>
@ -306,5 +123,3 @@ if (isset($_GET['dj']) && $_GET['dj'] != "") {
</div>
</section>
<?php require 'includes/footer.php'; ?>
</body>
</html>

44
djs.php Normal file
View file

@ -0,0 +1,44 @@
<?php
require 'includes/globals.php';
require_once 'classes/Database.php';
require_once 'classes/DJs.php';
$db = new Database($config);
$djs = new DJs($db);
require_once 'includes/header.php';
?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
<div class="col">
<nav aria-label="breadcrumb" class="bg-body-tertiary rounded-3 p-3 mb-4">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="/"><?php echo $locale['home']; ?></a></li>
<li class="breadcrumb-item active"><a href="/djs.php"><?php echo $locale['djs']; ?></a>
</li>
</ol>
</nav>
</div>
</div>
<?php
$djs = $djs->get_nonzero_djs();
$count = 0;
foreach ($djs as $dj) {
card_output($count, $dj, $locale);
echo '<a href="/dj.php?dj=' . $dj['slug'] . '" class="btn btn-primary">' . $locale['view'] . '</a>';
echo '</div>';
echo '</div>';
echo '</div>';
if ($count % 4 == 3) {
echo '</div>';
}
$count++;
}
?>
</div>
</section>
<?php require 'includes/footer.php'; ?>

View file

@ -1,14 +1,6 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
require 'includes/globals.php';
require_once 'classes/Database.php';
require_once 'classes/Genre.php';
@ -26,14 +18,8 @@ if (isset($_GET['genre']) && $_GET['genre'] != "") {
}
require_once 'includes/header.php';
?>
<!doctype html >
<html lang="<?php echo $lang ?>">
<head>
<?php require 'includes/header.php'; ?>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
@ -193,6 +179,4 @@ if (isset($_GET['genre']) && $_GET['genre'] != "") {
</div>
</section>
<?php require 'includes/footer.php'; ?>
</body>
</html>
<?php require 'includes/footer.php'; ?>

View file

@ -1,14 +1,6 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
require 'includes/globals.php';
require_once 'classes/Database.php';
require_once 'classes/Genres.php';
@ -16,43 +8,8 @@ $genresFound = false;
// if there's a query parameter named 'dj', load the DJ class
$db = new Database($config);
$genres = new Genres($db);
require_once 'includes/header.php';
?>
<!doctype html >
<html lang="en">
<head>
<?php require 'includes/header.php'; ?>
<style>
.card {
height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-body {
display: flex;
flex-direction: column;
}
.card-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-text {
flex-grow: 1;
}
.btn {
margin-top: auto;
}
</style>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
@ -75,20 +32,7 @@ $genres = new Genres($db);
$genres = $genres->get_nonzero_genres();
$count = 0;
foreach ($genres as $genre) {
if ($count % 4 == 0) {
echo '<div class="row">';
}
echo '<div class="col-md-3">';
echo '<div class="card mb-4">';
echo '<div class="card-body">';
echo '<h5 class="card-title" title="' . $genre['name'] . '">' . $genre['name'] . '</h5>';
echo '<p class="card-text">' . $genre['count'] . ' ';
if ($genre['count'] == 1) {
echo $locale['mix'];
} else {
echo $locale['mixes'];
}
echo '</p>';
card_output($count, $genre, $locale);
echo '<a href="/genre.php?genre=' . $genre['slug'] . '" class="btn btn-primary">' . $locale['view'] . '</a>';
echo '</div>';
echo '</div>';
@ -102,6 +46,4 @@ $genres = new Genres($db);
</div>
</section>
<?php require 'includes/footer.php'; ?>
</body>
</html>
<?php require 'includes/footer.php'; ?>

View file

@ -7,4 +7,6 @@
});
});
</script>
</script>
</body>
</html>

110
includes/globals.php Normal file
View file

@ -0,0 +1,110 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
/**
* @param int $count
* @param mixed $dj
* @param mixed $locale
* @return void
*/
function card_output(int $count, mixed $dj, mixed $locale): void
{
if ($count % 4 == 0) {
echo '<div class="row">';
}
echo '<div class="col-md-3">';
echo '<div class="card mb-4">';
echo '<div class="card-body">';
echo '<h5 class="card-title" title="' . $dj['name'] . '">' . $dj['name'] . '</h5>';
echo '<p class="card-text">' . $dj['count'] . ' ';
if ($dj['count'] == 1) {
echo $locale['mix'];
} else {
echo $locale['mixes'];
}
echo '</p>';
}
function social_line($social, $value): string
{
$icon = "";
$url = "";
$color = "#000000";
switch ($social) {
case "facebook":
$icon = "fa-brands fa-facebook";
$url = "https://www.facebook.com/$value";
$color = "#3b5998";
$name = "Facebook";
break;
case "instagram":
$icon = "fa-brands fa-instagram";
$url = "https://www.instagram.com/$value";
$color = "#ac2bac";
$name = "Instagram";
break;
case "twitter":
$icon = "fa-brands fa-twitter";
$url = "https://www.twitter.com/$value";
$color = "#55acee";
$name = "Twitter";
break;
case "myspace":
$icon = "fa-brands fa-myspace";
$url = "https://www.myspace.com/$value";
$color = "#000000";
$name = "Myspace";
break;
case "soundcloud":
$icon = "fa-brands fa-soundcloud";
$url = "https://www.soundcloud.com/$value";
$color = "#ff8800";
$name = "Soundcloud";
break;
case "mixcloud":
$icon = "fa-brands fa-mixcloud";
$url = "https://www.mixcloud.com/$value";
$color = "#00c7f7";
$name = "Mixcloud";
break;
case "spotify":
$icon = "fa-brands fa-spotify";
$url = "https://www.spotify.com/$value";
$color = "#1DB954";
$name = "Spotify";
break;
}
return "
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
<i class='fa $icon fa-lg' style='color: $color;'></i>
<p class='mb-0'><a href='$url'>$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>";
}

View file

@ -1,7 +1,45 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $config['app']['name']; ?></title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="fontawesome/css/all.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
<!doctype html >
<html lang="<?php echo $lang ?>">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $config['app']['name']; ?></title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="fontawesome/css/all.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
<?php
if (basename($_SERVER['SCRIPT_NAME']) == 'genres.php' || basename($_SERVER['SCRIPT_NAME']) == 'djs.php') { ?>
<style>
.card {
height: 160px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-body {
display: flex;
flex-direction: column;
}
.card-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.card-text {
flex-grow: 1;
}
.btn {
margin-top: auto;
}
</style>
<?php } ?>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>

View file

@ -14,7 +14,7 @@ $current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
?>
<header class="navbar navbar-expand-md navbar-dark bg-dark sticky-top shadow">
<div class="container-fluid">
<a class="navbar-brand pe-3" href="#"><?php echo htmlspecialchars($config['app']['name']); ?></a>
<a class="navbar-brand pe-3" href="/"><?php echo htmlspecialchars($config['app']['name']); ?></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -34,10 +34,15 @@ $current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
if (basename($_SERVER['SCRIPT_NAME']) == 'genres.php') {
echo current_list();
} ?>" href="/genres.php"><?php echo $locale['genres']; ?></a>
</li> <li class="nav-item">
<a class="nav-link<?php
if (basename($_SERVER['SCRIPT_NAME']) == 'djs.php') {
echo current_list();
} ?>" href="/djs.php"><?php echo $locale['djs']; ?></a>
</li>
</ul>
<div class="dropdown">
<div class="dropdown">
<select class="form-select" id="languageSelect" onchange="location = this.value;">
<?php
$currentUrl = strtok($_SERVER["REQUEST_URI"], '?');
@ -51,21 +56,21 @@ $current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
}
?>
</select>
</div>
</div>
<?php
if (isset($_SESSION['user'])) {
echo '<a class="nav-link" href="/profile.php">' . $locale['userProfile'] . '</a>';
} else {
echo '<a class="nav-link" href="/login.php">' . $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>
<?php
if (isset($_SESSION['user'])) {
echo '<a class="nav-link" href="/profile.php">' . $locale['userProfile'] . '</a>';
} else {
echo '<a class="nav-link" href="/login.php">' . $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>
</header>

View file

@ -1,22 +1,6 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
?>
<!doctype html >
<html lang="<?php echo $lang ?>">
<head>
<?php require 'includes/header.php'; ?>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>
require 'includes/globals.php';
require 'includes/header.php'; ?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
@ -30,6 +14,4 @@ require_once 'includes/lang_loader.php';
</div>
</div>
</section>
<?php require 'includes/footer.php'; ?>
</body>
</html>
<?php require 'includes/footer.php'; ?>

View file

@ -33,5 +33,6 @@ return [
"searchResults" => "Search Results",
"searchResultsFor" => "Search Results for",
"searchResultsFound" => "Search Results Found",
"tracklist" => "Tracklist",
"lastupdated" => "Last Updated",
];

262
mix.php
View file

@ -1,14 +1,6 @@
<?php
// read toml config file
require_once 'vendor/autoload.php';
use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml');
require_once 'functions/i18n.php';
require_once 'includes/sessions.php';
require_once 'includes/lang_loader.php';
require 'includes/globals.php';
require_once 'classes/Database.php';
require_once 'classes/Mix.php';
@ -21,15 +13,7 @@ if (isset($_GET['mix']) && $_GET['mix'] != "") {
}
}
?>
<!doctype html >
<html lang="<?php echo $lang ?>">
<head>
<?php require 'includes/header.php'; ?>
</head>
<body style="background-color: #eee;">
<?php require 'includes/navbar.php'; ?>
require 'includes/header.php'; ?>
<section style="background-color: #eee;">
<div class="container py-5">
<div class="row">
@ -42,7 +26,6 @@ if (isset($_GET['mix']) && $_GET['mix'] != "") {
aria-current="page"><?php
if ($mix && $mix->get_name() != "") {
echo $mix->get_name();
} else {
echo $locale['notfound'];
}
@ -53,184 +36,101 @@ if (isset($_GET['mix']) && $_GET['mix'] != "") {
</div>
<?php if ($mixFound): ?>
<div class="row">
<div class="col-lg-4">
<div class="card mb-4">
<div class="card-body text-center">
<img src="<?php echo $mix->get_img(); ?>"
alt="avatar"
class="img-fluid" style="width: 150px;">
<h5 class="my-3"><?php echo $mix->get_name();
?></h5>
</p>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card mb-4">
<div class="card-body text-center">
<?php
if ($mix->get_img() != "") {
echo "<img src='" . $mix->get_img() . "' alt='avatar' class='img-fluid' style='width: 150px;'>";
} ?>
<h1 class="my-3 fs-4"><?php echo $mix->get_name();
?></h1>
<?php
if ($mix->get_description() != "") {
echo "<h2 class='text-muted mb-4 fs-6'>" . $mix->get_description() . "</h2>";
}
?>
</p>
</div>
</div>
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-sm-3">
<p class="mb-0"><?php echo $locale['mixname'] ?></p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0"><?php echo $mix->get_name(); ?></p>
</div>
</div>
<div class="col-lg-8">
<div class="card mb-4">
<div class="card-body">
<div class="row">
<div class="col-sm-3">
<p class="mb-0"><?php echo $locale['mixname'] ?></p>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0"><?php echo $locale['djs'] ?></p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">
<?php
<div class="col-sm-9">
<p class="text-muted mb-0"><?php echo $mix->get_name(); ?></p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0"><?php echo $locale['djs'] ?></p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">
<?php
// loop through the $mix['djs'] array and output them in comma separated format
$djs = $mix->get_djs();
$djCount = count($djs);
$i = 0;
foreach ($djs as $dj) {
echo "<a href='/dj.php?dj=";
echo $dj->get_slug();
echo "'>" . $dj->get_name() . "</a>";
if ($i < $djCount - 1) {
echo ", ";
}
$i++;
// loop through the $mix['djs'] array and output them in comma separated format
$djs = $mix->get_djs();
$djCount = count($djs);
$i = 0;
foreach ($djs as $dj) {
echo "<a href='/dj.php?dj=";
echo $dj->get_slug();
echo "'>" . $dj->get_name() . "</a>";
if ($i < $djCount - 1) {
echo ", ";
}
$i++;
}
?>
?>
</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Phone</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">(097) 234-5678</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Mobile</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">(098) 765-4321</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-sm-3">
<p class="mb-0">Address</p>
</div>
<div class="col-sm-9">
<p class="text-muted mb-0">Bay Area, San Francisco, CA</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status
</p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status
</p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</p>
</div>
</div>
</div>
</div>
<?php
if ($mix->get_tracklist() != []) {
echo "<div class='card mb-4'>";
echo "<div class='card-body'>";
echo "<p class='mb-4'><span class='text-primary font-italic me-1'>" . $locale['tracklist'] . "</span></p>";
echo "<ul class='list-group list-group-flush rounded-3'>";
$tracklist = $mix->get_tracklist();
foreach ($tracklist as $track) {
echo "<li class='list-group-item d-flex justify-content-between align-items-center'>";
echo $track;
echo "</li>";
}
echo "</ul>";
echo "</div>";
echo "</div>";
}
?>
</div>
<?php else: ?>
<div class="row">
<div class="col">
<div class="alert alert-danger" role="alert">
<?php echo $locale['djNotFound']; ?>
</div>
</div>
</div>
<?php else: ?>
<div class="row">
<div class="col">
<div class="alert alert-danger" role="alert">
<?php echo $locale['djNotFound']; ?>
</div>
</div>
<?php endif;
</div>
<?php endif;
?>
?>
</div>
</section>
<?php require 'includes/footer.php'; ?>
</body>
</html>
<?php require 'includes/footer.php'; ?>