mirror of
https://github.com/psforever/PSFPortal.git
synced 2026-07-14 16:04:38 +00:00
outfits
This commit is contained in:
ScrawnyRonnie
parent
a64195bbed
commit
c53469fbd6
6 changed files with 301 additions and 8 deletions
|
|
@ -138,7 +138,11 @@
|
|||
<tr>
|
||||
<td>
|
||||
<span style="color:lightgrey;">Character Name:</span> {avatar.name}<br>
|
||||
<span style="color:lightgrey;">Empire:</span> {getFactionName(avatar.faction)}
|
||||
<span style="color:lightgrey;">Empire:</span> {getFactionName(avatar.faction)}<br>
|
||||
<span style="color:lightgrey;">Outfit:</span>
|
||||
{#if avatar.outfit_id}
|
||||
<a href="/outfit/{avatar.outfit_id}">{avatar.outfit}</a>
|
||||
{/if}<br>
|
||||
</td>
|
||||
<td><img height="60" src={getFactionIcon(avatar.faction)} alt={avatar.faction}/></td>
|
||||
</tr>
|
||||
|
|
|
|||
|
|
@ -8,12 +8,14 @@
|
|||
get_BEPleaderboard();
|
||||
get_CEPleaderboard();
|
||||
get_kills();
|
||||
get_outfits();
|
||||
get_topDateKills();
|
||||
});
|
||||
|
||||
let bepPlayers = [];
|
||||
let cepPlayers = [];
|
||||
let kills = [];
|
||||
let outfits = [];
|
||||
let dateKills = [];
|
||||
let alert;
|
||||
|
||||
|
|
@ -21,7 +23,7 @@
|
|||
try {
|
||||
const resp = await axios.get("/api/char_stats_bep/0");
|
||||
const stats = resp.data;
|
||||
bepPlayers = stats.players;
|
||||
bepPlayers = stats.players.filter(p => p.bep > 14999);
|
||||
// Reset alert message if needed
|
||||
alert.message("");
|
||||
} catch (e) {
|
||||
|
|
@ -34,7 +36,7 @@
|
|||
try {
|
||||
const resp = await axios.get("/api/char_stats_cep/0");
|
||||
const stats = resp.data;
|
||||
cepPlayers = stats.players;
|
||||
cepPlayers = stats.players.filter(p => p.cep > 0);
|
||||
// Reset alert message if needed
|
||||
alert.message("");
|
||||
} catch (e) {
|
||||
|
|
@ -56,6 +58,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
async function get_outfits() {
|
||||
try {
|
||||
const resp = await axios.get("/api/top_outfits");
|
||||
const stats = resp.data;
|
||||
outfits = stats.outfits;
|
||||
// Reset alert message if needed
|
||||
alert.message("");
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
alert.message("Failed to fetch stats from server");
|
||||
}
|
||||
}
|
||||
|
||||
async function get_topDateKills() {
|
||||
try {
|
||||
const resp = await axios.get("/api/top_kills_byDate");
|
||||
|
|
@ -86,6 +101,9 @@
|
|||
<li class="nav-item">
|
||||
<a class="nav-link" id="cr-tab" data-toggle="tab" href="#cr" role="tab" aria-controls="cr" aria-selected="false">Command Rank</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="outfits-tab" data-toggle="tab" href="#outfits" role="tab" aria-controls="outfits" aria-selected="false">Outfits</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" id="top-tab" data-toggle="tab" href="#top" role="tab" aria-controls="top" aria-selected="false">Top X</a>
|
||||
</li>
|
||||
|
|
@ -166,7 +184,32 @@
|
|||
</table>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="top" role="tabpanel" aria-labelledby="top-tab">
|
||||
<div class="tab-pane" id="outfits" role="tabpanel" aria-labelledby="outfits-tab">
|
||||
<table class="table table-sm table-dark table-responsive-md table-striped table-hover">
|
||||
<thead class="thead-light">
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Leader</th>
|
||||
<th>Members</th>
|
||||
<th>Points</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each outfits as outfit, $index}
|
||||
<tr>
|
||||
<td>{$index + 1}</td>
|
||||
<td>
|
||||
<img height="24" src={getFactionIcon(outfit.faction)} alt={outfit.faction} />
|
||||
<a href="/outfit/{outfit.outfit_id}">{outfit.outfit_name}</a></td>
|
||||
<td><a href="/avatar/{outfit.leader_id}">{outfit.leader_name}</a></td>
|
||||
<td>{outfit.members}</td>
|
||||
<td>{outfit.points}</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane" id="top" role="tabpanel" aria-labelledby="top-tab">
|
||||
<span style="color:lightgrey; text-align:center;">Top 50 Characters Most Daily Kills</span>
|
||||
<table class="table table-sm table-dark table-responsive-md table-striped table-hover">
|
||||
<thead class="thead-light">
|
||||
|
|
|
|||
117
app/views/Outfit.svelte
Normal file
117
app/views/Outfit.svelte
Normal file
|
|
@ -0,0 +1,117 @@
|
|||
<script>
|
||||
import { onMount } from 'svelte';
|
||||
import axios from 'axios'
|
||||
import Alert from '../components/Alert'
|
||||
import { bepRanges, cepRanges, calculateBr, calculateCr, getFactionIcon, getFactionName } from '../statFunctions';
|
||||
|
||||
onMount(() => {
|
||||
get_outfit();
|
||||
get_outfit_members();
|
||||
});
|
||||
|
||||
export let params;
|
||||
|
||||
let alert;
|
||||
let outfit = {};
|
||||
let outfitMembers = [];
|
||||
let url = params.id || outfit.id
|
||||
|
||||
const outfitUrl = "/api/outfit/"+url
|
||||
const outfitMembersUrl = "/api/outfit/"+url+"/members"
|
||||
|
||||
async function get_outfit() {
|
||||
try {
|
||||
const resp = await axios.get(outfitUrl);
|
||||
outfit = resp.data
|
||||
// Reset alert message if needed
|
||||
alert.message("");
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
alert.message("Failed to fetch stats from server");
|
||||
}
|
||||
}
|
||||
|
||||
async function get_outfit_members() {
|
||||
try {
|
||||
const resp = await axios.get(outfitMembersUrl);
|
||||
const stats = resp.data;
|
||||
outfitMembers = stats.members
|
||||
// Reset alert message if needed
|
||||
alert.message("");
|
||||
} catch (e) {
|
||||
console.log(e);
|
||||
alert.message("Failed to fetch stats from server");
|
||||
}
|
||||
}
|
||||
|
||||
function stripColorCode(title) {
|
||||
if (!title) return "";
|
||||
if (title.startsWith("\\#")) {
|
||||
return title.slice(8);
|
||||
}
|
||||
return title;
|
||||
}
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Outfit Stats</title>
|
||||
</svelte:head>
|
||||
|
||||
<table width="70%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="%50" valign="top">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<img height="60" src={getFactionIcon(outfit.faction)} alt={outfit.faction}/><br>
|
||||
<span style="color:lightgrey;">Outfit Name:</span> {outfit.outfit_name}<br>
|
||||
<span style="color:lightgrey;">Created:</span>
|
||||
{new Date(outfit.created).toLocaleDateString('en-US', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
})}<br>
|
||||
<span style="color:lightgrey;">Leader:</span> <a href="/avatar/{outfit.leader_id}">{outfit.leader_name}</a><br>
|
||||
<span style="color:lightgrey;">Points:</span> {outfit.points}<br>
|
||||
<span style="color:lightgrey;">Members:</span> {outfit.members}<br>
|
||||
</td>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
<br>
|
||||
<table class="table table-sm table-dark table-responsive-md table-striped table-hover">
|
||||
<thead class="thead-light">
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>Title</th>
|
||||
<th>Points</th>
|
||||
<th>BR</th>
|
||||
<th>CR</th>
|
||||
<th>Joined</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each outfitMembers as member, $index}
|
||||
<tr>
|
||||
<td>{$index + 1}</td>
|
||||
<td><a href="/avatar/{member.avatar_id}">{member.avatar_name}</a></td>
|
||||
<td>{stripColorCode(member.rank_title)}</td>
|
||||
<td>{member.points}</td>
|
||||
<td>{calculateBr(member.bep)}</td>
|
||||
<td>{calculateCr(member.cep)}</td>
|
||||
<td>
|
||||
{new Date(member.joined).toLocaleDateString('en-US', {
|
||||
year: 'numeric',
|
||||
month: 'long',
|
||||
day: 'numeric'
|
||||
})}
|
||||
</td>
|
||||
</tr>
|
||||
{/each}
|
||||
</tbody>
|
||||
</table>
|
||||
Loading…
Add table
Add a link
Reference in a new issue