From 9ec27caa7934c6127fc1fcc5996a611a3ec8532e Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Wed, 14 Aug 2019 22:31:32 +0100
Subject: [PATCH] Size view-only entries

---
 .../building/data-containers/size.tsx         | 138 +++++++++++++++++-
 1 file changed, 137 insertions(+), 1 deletion(-)

diff --git a/app/src/frontend/building/data-containers/size.tsx b/app/src/frontend/building/data-containers/size.tsx
index ca0a1032..6e7704e0 100644
--- a/app/src/frontend/building/data-containers/size.tsx
+++ b/app/src/frontend/building/data-containers/size.tsx
@@ -8,7 +8,143 @@ import DataEntry from '../data-components/data-entry';
 */
 const SizeView = (props) => (
     <dl className="data-list">
-
+        <DataEntry
+            title="Core storeys"
+            slug="size_storeys_core"
+            value={props.building.size_storeys_core}
+            copy={props.copy}
+            tooltip="How many storeys between the pavement and start of roof?"
+            />
+        {
+            // "type": "number",
+            // "step": 1,
+        }
+        <DataEntry
+            title="Attic storeys"
+            slug="size_storeys_attic"
+            value={props.building.size_storeys_attic}
+            copy={props.copy}
+            tooltip="How many storeys above start of roof?"
+            />
+        {
+            // "type": "number",
+            // "step": 1,
+        }
+        <DataEntry
+            title="Basement storeys"
+            slug="size_storeys_basement"
+            value={props.building.size_storeys_basement}
+            copy={props.copy}
+            tooltip="How many storeys below pavement level?"
+            />
+        {
+            // "type": "number",
+            // "step": 1,
+        }
+        <DataEntry
+            title="Height to apex (m)"
+            slug="size_height_apex"
+            value={props.building.size_height_apex}
+            copy={props.copy}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Height to eaves (m)"
+            slug="size_height_eaves"
+            value={props.building.size_height_eaves}
+            copy={props.copy}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Ground floor area (m²)"
+            slug="size_floor_area_ground"
+            value={props.building.size_floor_area_ground}
+            copy={props.copy}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Total floor area (m²)"
+            slug="size_floor_area_total"
+            value={props.building.size_floor_area_total}
+            copy={props.copy}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Frontage Width (m)"
+            slug="size_width_frontage"
+            value={props.building.size_width_frontage}
+            copy={props.copy}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Total area of plot (m²)"
+            slug="size_plot_area_total"
+            value={props.building.size_plot_area_total}
+            copy={props.copy}
+            disabled={true}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="FAR ratio (percentage of plot covered by building)"
+            slug="size_far_ratio"
+            value={props.building.size_far_ratio}
+            copy={props.copy}
+            disabled={true}
+            />
+        {
+            // "type": "number",
+            // "step": 0.1
+        }
+        <DataEntry
+            title="Configuration (semi/detached, end/terrace)"
+            slug="size_configuration"
+            value={props.building.size_configuration}
+            copy={props.copy}
+            disabled={true}
+            />
+        {
+            // "type": "text_list",
+            // "options": [
+            //     "Detached",
+            //     "Semi-detached",
+            //     "Terrace",
+            //     "End terrace",
+            //     "Block"
+            // ]
+        }
+        <DataEntry
+            title="Roof shape"
+            slug="size_roof_shape"
+            value={props.building.size_roof_shape}
+            copy={props.copy}
+            disabled={true}
+            />
+        {
+            // "type": "text_list",
+            // "options": [
+            //     "Flat",
+            //     "Pitched",
+            //     "Other"
+            // ]
+        }
     </dl>
 )
 const SizeContainer = withCopyEdit(SizeView);