Adds a flex

This commit is contained in:
Roman Galochkin 2020-02-26 15:33:30 +03:00
parent 4daa45962d
commit b37d052b4f

View File

@ -36,6 +36,12 @@ module FieldString = {
}; };
}; };
module Styles = {
open Css;
let row =
style([display(`flex), selector("div > div", [flex(`num(1.))])]);
};
module FieldFloat = { module FieldFloat = {
[@react.component] [@react.component]
let make = (~field, ~label) => { let make = (~field, ~label) => {
@ -84,98 +90,112 @@ let make = () => {
field=FormConfig.GuesstimatorString field=FormConfig.GuesstimatorString
label="GuesstimatorString" label="GuesstimatorString"
/> />
<Form.Field <div className=Styles.row>
field=FormConfig.DomainType <div>
render={({handleChange, value}) => <Form.Field
<Antd.Form.Item label={"Domain Type" |> E.ste}> field=FormConfig.DomainType
<Antd.Select value onChange={e => e |> handleChange}> render={({handleChange, value}) =>
<Antd.Select.Option value="Complete"> <Antd.Form.Item label={"Domain Type" |> E.ste}>
{"Complete" |> E.ste} <Antd.Select value onChange={e => e |> handleChange}>
</Antd.Select.Option> <Antd.Select.Option value="Complete">
<Antd.Select.Option value="LeftLimited"> {"Complete" |> E.ste}
{"LeftLimited" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="LeftLimited">
<Antd.Select.Option value="RightLimited"> {"LeftLimited" |> E.ste}
{"RightLimited" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="RightLimited">
<Antd.Select.Option value="LeftAndRightLimited"> {"RightLimited" |> E.ste}
{"LeftAndRightLimited" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="LeftAndRightLimited">
</Antd.Select> {"LeftAndRightLimited" |> E.ste}
</Antd.Form.Item> </Antd.Select.Option>
} </Antd.Select>
/> </Antd.Form.Item>
<FieldString field=FormConfig.XPoint label="xPoint" /> }
<FieldString />
field=FormConfig.ExcludingProbabilityMass </div>
label="excludingProbabilityMass" <div> <FieldString field=FormConfig.XPoint label="xPoint" /> </div>
/> <div>
<Form.Field <FieldString
field=FormConfig.UnitType field=FormConfig.ExcludingProbabilityMass
render={({handleChange, value}) => label="excludingProbabilityMass"
<Antd.Form.Item label={"Zero Type" |> E.ste}> />
<Antd.Select value onChange={e => e |> handleChange}> </div>
<Antd.Select.Option value="UnspecifiedDistribution"> </div>
{"UnspecifiedDistribution" |> E.ste} <div className=Styles.row>
</Antd.Select.Option> <div>
<Antd.Select.Option value="TimeDistribution"> <Form.Field
{"TimeDistribution" |> E.ste} field=FormConfig.UnitType
</Antd.Select.Option> render={({handleChange, value}) =>
</Antd.Select> <Antd.Form.Item label={"Zero Type" |> E.ste}>
</Antd.Form.Item> <Antd.Select value onChange={e => e |> handleChange}>
} <Antd.Select.Option value="UnspecifiedDistribution">
/> {"UnspecifiedDistribution" |> E.ste}
<Form.Field </Antd.Select.Option>
field=FormConfig.Zero <Antd.Select.Option value="TimeDistribution">
render={({handleChange, value}) => {"TimeDistribution" |> E.ste}
<Antd.Form.Item label={"Zero" |> E.ste}> </Antd.Select.Option>
<Antd_DatePicker </Antd.Select>
value </Antd.Form.Item>
onChange={e => { }
e |> handleChange; />
</div>
<div>
<Form.Field
field=FormConfig.Zero
render={({handleChange, value}) =>
<Antd.Form.Item label={"Zero" |> E.ste}>
<Antd_DatePicker
value
onChange={e => {
e |> handleChange;
_ => (); _ => ();
}} }}
/> />
</Antd.Form.Item> </Antd.Form.Item>
} }
/> />
<Form.Field </div>
field=FormConfig.Unit <div>
render={({handleChange, value}) => <Form.Field
<Antd.Form.Item label={"Unit" |> E.ste}> field=FormConfig.Unit
<Antd.Select value onChange={e => e |> handleChange}> render={({handleChange, value}) =>
<Antd.Select.Option value="days"> <Antd.Form.Item label={"Unit" |> E.ste}>
{"days" |> E.ste} <Antd.Select value onChange={e => e |> handleChange}>
</Antd.Select.Option> <Antd.Select.Option value="days">
<Antd.Select.Option value="hours"> {"days" |> E.ste}
{"hours" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="hours">
<Antd.Select.Option value="milliseconds"> {"hours" |> E.ste}
{"milliseconds" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="milliseconds">
<Antd.Select.Option value="minutes"> {"milliseconds" |> E.ste}
{"minutes" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="minutes">
<Antd.Select.Option value="months"> {"minutes" |> E.ste}
{"months" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="months">
<Antd.Select.Option value="quarters"> {"months" |> E.ste}
{"quarters" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="quarters">
<Antd.Select.Option value="seconds"> {"quarters" |> E.ste}
{"seconds" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="seconds">
<Antd.Select.Option value="weeks"> {"seconds" |> E.ste}
{"weeks" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="weeks">
<Antd.Select.Option value="years"> {"weeks" |> E.ste}
{"years" |> E.ste} </Antd.Select.Option>
</Antd.Select.Option> <Antd.Select.Option value="years">
</Antd.Select> {"years" |> E.ste}
</Antd.Form.Item> </Antd.Select.Option>
} </Antd.Select>
/> </Antd.Form.Item>
}
/>
</div>
</div>
<Antd.Form.Item> <Antd.Form.Item>
{reform.state.formState == Submitting {reform.state.formState == Submitting
? "Loading" |> E.ste ? "Loading" |> E.ste