Various new features.
This commit is contained in:
parent
ad68f515e0
commit
36e6e23a68
14 changed files with 437 additions and 523 deletions
237
dj.php
237
dj.php
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue