242 lines
No EOL
12 KiB
PHP
242 lines
No EOL
12 KiB
PHP
<?php
|
|
|
|
// read toml config file
|
|
require_once 'vendor/autoload.php';
|
|
require_once 'functions/i18n.php';
|
|
require_once 'classes/Database.php';
|
|
require_once 'classes/Mix.php';
|
|
|
|
use Yosymfony\Toml\Toml;
|
|
|
|
$config = Toml::ParseFile('includes/config.toml');
|
|
$lang = $_SESSION['lang'] ?? $config['app']['locale'];
|
|
$locale = loadLocale($lang);
|
|
// if there's a query parameter named 'dj', load the Mix class
|
|
$db = new Database($config);
|
|
$mixFound = false;
|
|
if (isset($_GET['mix']) && $_GET['mix'] != "") {
|
|
$mix = new Mix($_GET['mix'], $db);
|
|
if ($mix->get_name() != "") {
|
|
$mixFound = true;
|
|
}
|
|
}
|
|
|
|
|
|
?>
|
|
<!doctype html >
|
|
<html lang="en">
|
|
<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"/>
|
|
|
|
|
|
</head>
|
|
<body style="background-color: #eee;">
|
|
<?php require 'navbar.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"><a href="/mixes.php"><?php echo $locale['mixes']; ?></a></li>
|
|
<li class="breadcrumb-item active"
|
|
aria-current="page"><?php
|
|
if ($mix && $mix->get_name() != "") {
|
|
echo $mix->get_name();
|
|
|
|
} else {
|
|
echo $locale['notfound'];
|
|
}
|
|
?></li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</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>
|
|
</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>
|
|
<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++;
|
|
}
|
|
|
|
|
|
?>
|
|
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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 endif;
|
|
|
|
?>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
</body>
|
|
</html>
|