80 lines
3.8 KiB
JavaScript
80 lines
3.8 KiB
JavaScript
import React from 'react';
|
|
|
|
const BuildingEdit = () => (
|
|
<div id="legend" className="info-container">
|
|
<h2 className="h2">Edit building data</h2>
|
|
<form action="building-view.html" method="GET">
|
|
<fieldset className="data-section">
|
|
<legend
|
|
className="h3 bullet-prefix location toggled-on"
|
|
data-toggle="collapse"
|
|
data-target="#data-list-location">Location</legend>
|
|
<div id="data-list-location" className="data-list collapse show">
|
|
<label for="">Building name</label>
|
|
<input className="form-control" type="text" value="" />
|
|
<label for="">Building number</label>
|
|
<input className="form-control" type="text" value="" />
|
|
<label for="">Street</label>
|
|
<input className="form-control" type="text" value="" />
|
|
<label for="">Address line 2</label>
|
|
<input className="form-control" type="text" value="" />
|
|
<label for="">Town</label>
|
|
<input className="form-control" type="text" value="" />
|
|
<label for="">Postcode</label>
|
|
<input className="form-control" type="text" value="" />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset className="data-section">
|
|
<legend
|
|
className="h3 bullet-prefix age"
|
|
data-toggle="collapse"
|
|
data-target="#data-list-age">Age</legend>
|
|
<div id="data-list-age" className="data-list collapse">
|
|
<label for="">Year built (best estimate)</label>
|
|
<input className="form-control" type="number" step="1" value="2018" />
|
|
<label for="">Year built (upper estimate)</label>
|
|
<input className="form-control" type="number" step="1" value="2018" />
|
|
<label for="">Year built (lower estimate)</label>
|
|
<input className="form-control" type="number" step="1" value="2018" />
|
|
<label for="">Facade date</label>
|
|
<input className="form-control" type="number" step="1" value="" />
|
|
<label for="">Source</label>
|
|
<input className="form-control" type="text" />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset className="data-section">
|
|
<legend
|
|
className="h3 bullet-prefix size"
|
|
data-toggle="collapse"
|
|
data-target="#data-list-size">Size</legend>
|
|
<div id="data-list-size" className="data-list collapse">
|
|
<label for="">Attic storeys</label>
|
|
<input className="form-control" type="number" step="1" value="0" />
|
|
<label for="">Core storeys</label>
|
|
<input className="form-control" type="number" step="1" value="3" />
|
|
<label for="">Basement storeys</label>
|
|
<input className="form-control" type="number" step="1" value="1" />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset className="data-section">
|
|
<legend
|
|
className="h3 bullet-prefix like"
|
|
data-toggle="collapse"
|
|
data-target="#data-list-like">Like Me!</legend>
|
|
<div id="data-list-like" className="data-list collapse">
|
|
<label for="">Like this building?</label>
|
|
<div className="form-check">
|
|
<input className="form-check-input position-static" type="checkbox" checked />
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div className="buttons-container">
|
|
<a href="/building/id" className="btn btn-secondary">Cancel</a>
|
|
<button type="submit" className="btn btn-primary">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
);
|
|
|
|
export default BuildingEdit;
|