From 86a369f801e0ae63fa3ba7b42332c9a3f516e09b Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Thu, 4 Apr 2019 13:05:58 +0100
Subject: [PATCH] Sketch structure for year estimate

---
 app/src/frontend/building-edit.js   | 18 ++++++++++++++++++
 app/src/frontend/fields-config.json | 10 +++++-----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/app/src/frontend/building-edit.js b/app/src/frontend/building-edit.js
index 15a3524e..f3805c95 100644
--- a/app/src/frontend/building-edit.js
+++ b/app/src/frontend/building-edit.js
@@ -224,6 +224,9 @@ class EditForm extends Component {
                                     case "number":
                                         return <NumberInput {...props} handleChange={this.handleChange}
                                                 value={this.state[props.slug]} key={props.slug} />
+                                    case "year_estimator":
+                                        return <YearEstimator {...props} handleChange={this.handleChange}
+                                                value={this.state[props.slug]} key={props.slug} />
                                     case "text_multi":
                                         return <MultiTextInput {...props} handleChange={this.handleUpdate}
                                                 value={this.state[props.slug]} key={props.slug} />
@@ -383,6 +386,21 @@ const NumberInput = (props) => (
     </Fragment>
 );
 
+class YearEstimator extends Component {
+    constructor(props) {
+        super(props);
+    }
+    // TODO add dropdown for decade, century
+    // TODO roll in first/last year estimate
+    // TODO handle changes internally, reporting out date_year, date_upper, date_lower
+    render() {
+        return (
+            <NumberInput {...this.props} handleChange={this.props.handleChange}
+            value={this.props.value} key={this.props.slug} />
+        )
+    }
+}
+
 const CheckboxInput = (props) => (
     <div className="form-check">
         <input className="form-check-input" type="checkbox"
diff --git a/app/src/frontend/fields-config.json b/app/src/frontend/fields-config.json
index f93a9f8d..26cf4b3b 100644
--- a/app/src/frontend/fields-config.json
+++ b/app/src/frontend/fields-config.json
@@ -74,16 +74,16 @@
         "intro": "Building age data can support energy analysis and help predict long-term change.",
         "fields": [
             {
-                "title": "Year built (best estimate)", "slug": "date_year", "type": "number", "step": 1
+                "title": "Year built (best estimate)", "slug": "date_year", "type": "year_estimator"
             },
             {
-                "title": "Latest possible start date", "slug": "date_upper", "type": "number", "step": 1,
-                "tooltip": "This should be the latest date building could have started." },
+                "title": "Latest possible start year", "slug": "date_upper", "type": "number", "step": 1,
+                "tooltip": "This should be the latest year in which building could have started." },
             {
                 "title": "Earliest possible start date", "slug": "date_lower", "type": "number", "step": 1,
-                "tooltip": "This should be the earliest date building could have started." },
+                "tooltip": "This should be the earliest year in which building could have started." },
             {
-                "title": "Facade date", "slug": "facade_year", "type": "number", "step": 1,
+                "title": "Facade year", "slug": "facade_year", "type": "number", "step": 1,
                 "tooltip": "Best estimate"
             },
             {