|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="de">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link href="styles.css" rel="stylesheet">
|
|
|
|
|
<title>UEM Elo Tracker</title>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
require_once "Tracker.php";
|
|
|
|
|
|
|
|
|
|
$tracker = new Tracker();
|
|
|
|
|
|
|
|
|
|
$latest_patch = json_decode(file_get_contents("https://ddragon.leagueoflegends.com/api/versions.json"))[0];
|
|
|
|
|
|
|
|
|
|
echo "<h1>UEM LoL Elo-Challenge</h1>";
|
|
|
|
|
echo "<div class='uem-logo-header'><img class='uem-logo' src='./../img/uem-logo.png' alt=''></div>";
|
|
|
|
|
echo "<div class='leaderboard'>";
|
|
|
|
|
echo "<div class='combined-charts-buttons'>
|
|
|
|
|
<button type='button' id='rank-graph' class='open-general-graph'>Rang-Vergleich</button>
|
|
|
|
|
<button type='button' id='progress-graph' class='open-general-graph'>Fortschritt-Vergleich</button>
|
|
|
|
|
</div>";
|
|
|
|
|
echo "<div class='graph-wrapper rank-graph closed'><canvas id=\"progress-chart-combined\" style=\"width:100%;max-width:700px\"></canvas></div>";
|
|
|
|
|
echo "<div class='leaderboard-list'>";
|
|
|
|
|
$placement_counter = 1;
|
|
|
|
|
foreach ($tracker->getProgressions() as $puuid => $progress){
|
|
|
|
|
$entries = $tracker->entries[$puuid];
|
|
|
|
|
$account = $tracker->accounts[$puuid];
|
|
|
|
|
$start_elo = reset($entries);
|
|
|
|
|
$start_tier = ($start_elo) ? $start_elo->tier : "UNRANKED";
|
|
|
|
|
if ($start_tier == "MASTER" || $start_tier == "GRANDMASTER" || $start_tier == "CHALLENGER") $start_elo->rank = "";
|
|
|
|
|
$current_elo = end($entries);
|
|
|
|
|
$current_tier = ($current_elo) ? $current_elo->tier : "UNRANKED";
|
|
|
|
|
if ($current_tier == "MASTER" || $current_tier == "GRANDMASTER" || $current_tier == "CHALLENGER") $current_elo->rank = "";
|
|
|
|
|
$progress = ($progress>=0) ? "+$progress" : $progress;
|
|
|
|
|
$tier_lowercase = strtolower($current_tier);
|
|
|
|
|
$start_tier_lowercase = strtolower($start_tier);
|
|
|
|
|
$tier_ucfirst = ucfirst($tier_lowercase);
|
|
|
|
|
$start_tier_ucfirst = ucfirst($start_tier_lowercase);
|
|
|
|
|
$gained_lp_sign = ($progress > 0) ? " plus-lp" : (($progress < 0) ? " minus-lp" : "no-lp");
|
|
|
|
|
|
|
|
|
|
if ($start_elo) {
|
|
|
|
|
echo "<button type='button' class='leaderboard-element place-$placement_counter closed'>";
|
|
|
|
|
} else {
|
|
|
|
|
echo "<button type='button' class='leaderboard-element place-$placement_counter closed' disabled>";
|
|
|
|
|
}
|
|
|
|
|
echo "<span class='placement'>$placement_counter.</span>";
|
|
|
|
|
|
|
|
|
|
echo "<div class='player-info'>
|
|
|
|
|
<img src='https://ddragon.leagueoflegends.com/cdn/$latest_patch/img/profileicon/$account->profileIconId.png' alt='' style='height: 64px; aspect-ratio: 1 / 1;'>
|
|
|
|
|
<h2 class='playername'>$account->gameName<span class='riot-tag'>#$account->tagLine</span></h2>
|
|
|
|
|
<h3 class='lp-gained $gained_lp_sign'>$progress LP</h3>
|
|
|
|
|
</div>";
|
|
|
|
|
|
|
|
|
|
echo "<div class='ranked-emblem'><img class='current-rank' src='https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-shared-components/global/default/$tier_lowercase.png' alt=''></div>";
|
|
|
|
|
|
|
|
|
|
if ($start_elo) {
|
|
|
|
|
echo "<div class='elo-gained'>
|
|
|
|
|
<div class='rank rank-start'>
|
|
|
|
|
<img class='ranked-mini-crest' src='https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/ranked-mini-crests/$start_tier_lowercase.svg' alt=''>
|
|
|
|
|
<span class='rank-desc'><span class='rank-tier'>{$start_tier_ucfirst} {$start_elo->rank}</span> <br> <span class='rank-LP'>{$start_elo->points} LP</span></span>
|
|
|
|
|
</div>
|
|
|
|
|
→
|
|
|
|
|
<div class='rank rank-start'>
|
|
|
|
|
<img class='ranked-mini-crest' src='https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/ranked-mini-crests/$tier_lowercase.svg' alt=''>
|
|
|
|
|
<span class='rank-desc'><span class='rank-tier'>{$tier_ucfirst} {$current_elo->rank}</span> <br> <span class='rank-LP'>{$current_elo->points} LP</span></span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>";
|
|
|
|
|
echo "<div class='graph-wrapper'><canvas id=\"progress-chart-$puuid\" class='progress-chart' style=\"width:100%;max-width:700px\"></canvas></div>";
|
|
|
|
|
}
|
|
|
|
|
echo "</button>";
|
|
|
|
|
$placement_counter++;
|
|
|
|
|
}
|
|
|
|
|
echo "</div>";
|
|
|
|
|
echo "</div>";
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
<script src="chart-integration.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
