-export function renderKingomOverview(city: City, account: Account): string {
- return `<div hx-trigger="reload-construction-queue from:body, reload-unit-training from:body, every 600s" hx-get="/poll/overview">
+function percent(curr: number, max: number, cap?: number): number {
+ const val = Math.ceil((curr/max) * 100);
+ if(cap && val > cap) {
+ return cap;
+ }
+
+ return val;
+}
+
+type Usage = {
+ foodUsagePerTick: number;
+ foodProductionPerTick: number;
+ energyUsagePerTick: number;
+ energyProductionPerTick: number;
+}
+
+const cityRepo = new CityRepository();
+
+export function renderKingomOverview(city: CityWithLocation & Usage, account: Account): string {
+ const foodRateOfChange = city.foodProductionPerTick - city.foodUsagePerTick;
+ const energyRateOfChange = city.energyProductionPerTick - city.energyUsagePerTick;
+ return `
+ <div hx-trigger="every 600s" hx-get="/poll/overview">
+ <h2 data-augmented-ui="tl-clip bl-clip none">Overview</h2>