1 import { Account } from "../repository/accounts";
2 import { CityWithLocation } from "../repository/city";
3 import * as _ from 'lodash';
5 export function renderKingomOverview(city: CityWithLocation, account: Account): string {
7 <div hx-trigger="every 600s" hx-get="/poll/overview">
8 <h2 data-augmented-ui="tl-clip bl-clip none">Kingdom Overview</h2>
12 <td>${account.username}</td>
14 <td>${city.population.toLocaleString()}/${_.max([city.farms * 70, city.population])}</td>
18 <td>${city.totalSpace.toLocaleString()} (${Math.ceil(city.usedSpace/city.totalSpace * 100)}% used)</td>
20 <td>${city.soldiers.toLocaleString()}</td>
24 <td>${city.location_x},${city.location_y}</td>
26 <td>${city.attackers.toLocaleString()}</td>
30 <td>${city.gold.toLocaleString()}</td>
32 <td>${city.defenders.toLocaleString()}</td>
36 <td>${city.ore.toLocaleString()}</td>
37 <th>Special Attackers</th>
38 <td>${city.sp_attackers.toLocaleString()}</td>
42 <td>${city.logs.toLocaleString()}</td>
43 <th>Special Defenders</th>
44 <td>${city.sp_defenders.toLocaleString()}</td>
48 <td>${city.bushels.toLocaleString()}</td>