Resource fixes!

[browser-rts.git] / src / render / land-development.ts

diff --git a/src/render/land-development.ts b/src/render/land-development.ts
index d5cc4e34baa72615a3d5fa1e99506c7ac617ff84..0c1fad915890fe43330a3feb61683a9a6443a117 100644 (file)
--- a/src/render/land-development.ts
+++ b/src/render/land-development.ts
@@ -2,7 +2,6 @@ import { BuildQueue } from "../repository/build-queue";
 import { CityWithLocation } from "../repository/city";
 import { Building } from '../repository/buildings';
 import _ from "lodash";
-import { topbar } from "./topbar";
 
 function progressBar(current, max): string {
     const percent = Math.ceil((current/max) * 100);
@@ -21,9 +20,10 @@ export function renderLandDevelopment(city: CityWithLocation, buildings: Buildin
     <h2 data-augmented-ui="tl-clip bl-clip none">Construction</h2>
     <table>
     <tr>
-        <th>Free Land</th>
+        <th>Type</th>
         <th>Current</th>
-        <td colspan="2">${(city.totalSpace - city.usedSpace).toLocaleString()} (${Math.ceil(freeSpace/city.totalSpace * 100)}% available)</td>
+        <th>Space Available: ${(city.totalSpace - city.usedSpace).toLocaleString()} (${Math.ceil(freeSpace/city.totalSpace * 100)}% available)</th>
+        <th width="200">Cost</th>
     </tr>
     ${
         buildings.map(building => {
@@ -37,8 +37,8 @@ export function renderLandDevelopment(city: CityWithLocation, buildings: Buildin
                         <input type="hidden" name="building_type" value="${building.slug}">
                         <button type="submit">Build</button>
                     </form>
-                    <span id="${building.slug}-cost"></span>
                 </td>
+                <td id="${building.slug}-cost"></td>
             </tr>
             `;
         }).join("\n")
@@ -74,5 +74,5 @@ export function renderLandDevelopment(city: CityWithLocation, buildings: Buildin
     </table>
     </div>
     `;
-    return html + queues + topbar(city);
-}
\ No newline at end of file
+    return html + queues;
+}