1 import { City } from "../repository/city";
4 foodUsagePerTick: number;
5 foodProductionPerTick: number;
6 energyUsagePerTick: number;
7 energyProductionPerTick: number;
11 export function topbar(city: City & Usage): string {
12 const foodRateOfChange = city.foodProductionPerTick - city.foodUsagePerTick;
13 const energyRateOfChange = city.energyProductionPerTick - city.energyUsagePerTick;
15 <div class="col" id="info-bar" hx-swap-oob="true">
17 <b data-augmented-ui="all-hex border" title="Credits">₡</b>
18 <span class="text">${city.credits.toLocaleString()}</span>
21 <b data-augmented-ui="all-hex border" title="Alloys">A</b>
22 <span class="text">${city.alloys.toLocaleString()}</span>
25 <b data-augmented-ui="all-hex border" title="Food">F</b>
27 ${city.food.toLocaleString()}
28 <span class="rate-of-change ${foodRateOfChange < 0 ? 'danger-text': 'success-text'}">${foodRateOfChange.toLocaleString()}</span>
32 <b data-augmented-ui="all-hex border" title="Energy">E</b>
34 ${city.energy.toLocaleString()}
35 <span class="rate-of-change ${energyRateOfChange < 0 ? 'danger-text': 'success-text'}">${energyRateOfChange.toLocaleString()}</span>