src/render/kingdom-overview.ts

   1 import { Account } from "../repository/accounts";
   2 import { City } from "../repository/city";
   3 import * as _ from 'lodash';
   4
   5 export function renderKingomOverview(city: City, account: Account): string {
   6     return `
   7         <div hx-trigger="every 600s" hx-get="/poll/overview">
   8         <h2 data-augmented-ui="tl-clip bl-clip none">Kingdom Overview</h2>
   9         <table>
  10         <tr>
  11                 <th>Lord</th>
  12                 <td>${account.username}</td>
  13                 <th>Population</th>
  14                 <td>${city.population.toLocaleString()}/${_.max([city.farms * 70, city.population])}</td>
  15         </tr>
  16         <tr>
  17                 <th>Land</th>
  18                 <td>${city.totalSpace.toLocaleString()} (${Math.ceil(city.usedSpace/city.totalSpace * 100)}% used)</td>
  19                 <th>Soldiers</th>
  20                 <td>${city.soldiers.toLocaleString()}</td>
  21         </tr>
  22         <tr>
  23                 <th>Location</th>
  24                 <td>${city.location_x},${city.location_y}</td>
  25                 <th>Attackers</th>
  26                 <td>${city.attackers.toLocaleString()}</td>
  27         </tr>
  28         <tr>
  29                 <th>Gold</th>
  30                 <td>${city.gold.toLocaleString()}</td>
  31                 <th>Defenders</th>
  32                 <td>${city.defenders.toLocaleString()}</td>
  33         </tr>
  34         <tr>
  35                 <th>Ore</th>
  36                 <td>${city.ore.toLocaleString()}</td>
  37                 <th>Special Attackers</th>
  38                 <td>${city.sp_attackers.toLocaleString()}</td>
  39         </tr>
  40         <tr>
  41                 <th>Logs</th>
  42                 <td>${city.logs.toLocaleString()}</td>
  43                 <th>Special Defenders</th>
  44                 <td>${city.sp_defenders.toLocaleString()}</td>
  45         </tr>
  46         <tr>
  47                 <th>Bushels</th>
  48                 <td>${city.bushels.toLocaleString()}</td>
  49         </tr>
  50         </table>
  51         </div>
  52         `;
  53 }