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

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>