Adds a flex
This commit is contained in:
parent
4daa45962d
commit
b37d052b4f
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue
Block a user