outfits

app/App.svelte

@@ -28,6 +28,7 @@ import AdminPanel from './views/AdminPanel.svelte';
 import CharacterList from './views/CharacterList.svelte';
 import Leaderboard from './views/Leaderboard.svelte';
 import Avatar from './views/Avatar.svelte'
+import Outfit from './views/Outfit.svelte'
 
 // Defined by webpack
 let APP_VERSION = __VERSION__;
@@ -106,6 +107,7 @@ page("/avatar/:id", setRoute(Avatar));
 page("/admin", setRoute(AdminPanel));
 page("/profile", setRoute(Profile, true));
 page("/user/:id", setRoute(Profile, true));
+page("/outfit/:id", setRoute(Outfit));
 if (process.env.NODE_ENV !== 'production') {
 	console.log("Development mode active");
 	const cc = await import('./views/components.svelte');

app/views/Avatar.svelte

@@ -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>

app/views/Leaderboard.svelte

@@ -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">

app/views/Outfit.svelte

@@ -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>