X-Git-Url: https://git.xangelo.ca/?a=blobdiff_plain;ds=sidebyside;f=src%2Frender%2Funit-training.ts;h=0214bfe301402ff31de4ad328a4a1c5cd9b5ac54;hb=944376c3f73772268ec774ccc2a3fa0788fc246e;hp=85cf78d8c1a5ef00d1b75c738ea60d6ccf8eb6a1;hpb=516deaa637cb322ddbb4fb9121d56d23fef5d7a8;p=browser-rts.git
diff --git a/src/render/unit-training.ts b/src/render/unit-training.ts
index 85cf78d..0214bfe 100644
--- a/src/render/unit-training.ts
+++ b/src/render/unit-training.ts
@@ -1,96 +1,103 @@
import _ from "lodash";
-import { City } from "../repository/city";
+import { CityWithLocation } from "../repository/city";
import { UnitTrainingQueue } from "../repository/training-queue";
import { Unit } from "../repository/unit";
function progressBar(current, max): string {
const percent = Math.ceil((current/max) * 100);
return `
-
+
${percent}%
`;
}
-export function renderUnitTraining(city: City, units: Unit[], trainingQueues: UnitTrainingQueue[]): string {
+export function renderUnitTraining(city: CityWithLocation, units: Unit[], trainingQueues: UnitTrainingQueue[]): string {
const unit = _.keyBy(units, 'slug');
let html = `
-
+
+
Unit Training
+
+ Unit |
+ Avail.
+ | |
+ Cost |
+
Soldiers |
- ${city.population} Avail. |
+ ${city.population} |
-
|
+
|
Attackers |
- ${city.soldiers} Avail. |
+ ${city.soldiers} |
-
|
+
|
Defenders |
- ${city.soldiers} Avail. |
+ ${city.soldiers} |
-
|
+ |
Special Attackers |
- ${city.attackers} Avail. |
+ ${city.attackers} |
|
+ |
Special Defenders |
- ${city.defenders} Avail. |
+ ${city.defenders} |
-
|
+ |
`;
const queues = `
-
Training Queues
+
Training Queues
Unit Type |
Amount Expected |
Progress |
-
${trainingQueues.sort((a, b) => {
return a.due - b.due;
}).map(queue => {
@@ -110,4 +117,4 @@ export function renderUnitTraining(city: City, units: Unit[], trainingQueues: Un
`;
return html + queues;
-}
\ No newline at end of file
+}