diff --git a/app/src/frontend/building-edit.js b/app/src/frontend/building-edit.js index 6c0c4fc4..af3c2b96 100644 --- a/app/src/frontend/building-edit.js +++ b/app/src/frontend/building-edit.js @@ -5,6 +5,7 @@ import queryString from 'query-string'; import ErrorBox from './error-box'; import InfoBox from './info-box'; import Sidebar from './sidebar'; +import Tooltip from './tooltip'; import { HelpIcon, CloseIcon, SaveIcon } from './icons'; import CONFIG from './fields-config.json'; @@ -29,7 +30,8 @@ const BuildingEdit = (props) => { queryString.parse(props.location.search): {}; return ( - + { CONFIG.map((conf_props) => { return break; + case "text_list": + el = + break; case "number": el = @@ -162,7 +168,7 @@ class EditForm extends Component { (this.props.inactive)? null : (
- Cancel
@@ -178,7 +184,7 @@ class EditForm extends Component { const TextInput = (props) => ( - + ); +const TextListInput = (props) => ( + + +) + const NumberInput = (props) => ( - + ); +const Label = (props) => ( + +) + export default BuildingEdit; diff --git a/app/src/frontend/building-view.js b/app/src/frontend/building-view.js index 757ca20d..a4afccb5 100644 --- a/app/src/frontend/building-view.js +++ b/app/src/frontend/building-view.js @@ -23,7 +23,7 @@ const BuildingView = (props) => { } const search = (props.location && props.location.search)? queryString.parse(props.location.search): {}; return ( - + { CONFIG.map(section_props => ( { { (match && !props.inactive)?
- Edit data + Edit data
: null } diff --git a/app/src/frontend/main.css b/app/src/frontend/main.css index b284eb3f..8ea020c1 100755 --- a/app/src/frontend/main.css +++ b/app/src/frontend/main.css @@ -100,6 +100,7 @@ .icon-button.help:hover svg { color: rgb(0, 81, 255) } +.icon-button.tooltip-hint.active svg, .icon-button.tooltip-hint:hover svg { color: rgb(255, 11, 245); } @@ -155,6 +156,7 @@ } .data-list dt, .data-section label { + display: block; margin: 0.5em 0 0; font-size: 0.8333rem; font-weight: normal; diff --git a/app/src/frontend/tooltip.js b/app/src/frontend/tooltip.js index 3fd7e8e9..dee1be1b 100644 --- a/app/src/frontend/tooltip.js +++ b/app/src/frontend/tooltip.js @@ -23,7 +23,7 @@ class Tooltip extends Component { console.log(this.state, this.props) return (
-