81 lines
2.4 KiB
ReasonML
81 lines
2.4 KiB
ReasonML
open FC;
|
|
open Base;
|
|
|
|
let pastTime = 1483232400;
|
|
let futureTime = 1559005200;
|
|
|
|
let make =
|
|
<PageCard>
|
|
<PageCard.HeaderRow>
|
|
<Div>
|
|
<Div
|
|
styles=[
|
|
Css.style([
|
|
BaseStyles.floatLeft,
|
|
PageCard.HeaderRow.Styles.itemTopPadding,
|
|
PageCard.HeaderRow.Styles.itemBottomPadding,
|
|
]),
|
|
]>
|
|
<Button size=Button.Small>
|
|
{"< Back" |> ReasonReact.string}
|
|
</Button>
|
|
</Div>
|
|
<Div
|
|
float=`right
|
|
styles=[
|
|
Css.style([
|
|
PageCard.HeaderRow.Styles.itemTopPadding,
|
|
PageCard.HeaderRow.Styles.itemBottomPadding,
|
|
]),
|
|
]>
|
|
{PaginationButtons.make({
|
|
currentValue: Range(3, 10),
|
|
max: 100,
|
|
pageLeft: {
|
|
isDisabled: false,
|
|
onClick: _ => (),
|
|
},
|
|
pageRight: {
|
|
isDisabled: true,
|
|
onClick: _ => (),
|
|
},
|
|
})}
|
|
</Div>
|
|
</Div>
|
|
</PageCard.HeaderRow>
|
|
<Div
|
|
styles=[
|
|
Css.style(
|
|
[Css.padding2(~v=`em(1.5), ~h=`em(1.5))]
|
|
@ BaseStyles.fullWidthFloatLeft,
|
|
),
|
|
]>
|
|
<Div flexDirection=`row>
|
|
<Div flex={`num(5.)}>
|
|
<PageCard.H1>
|
|
{"What would the US GDP Be in 2020?" |> ReasonReact.string}
|
|
</PageCard.H1>
|
|
{StateStatus.make(
|
|
~state=RESOLVED(MomentRe.momentWithUnix(pastTime)),
|
|
~fontSize=`em(1.0),
|
|
(),
|
|
)}
|
|
</Div>
|
|
<AgentLink
|
|
agent={AgentLink.Agent.makeUser(
|
|
~name="Roger Adams",
|
|
~image=
|
|
"https://lh3.googleusercontent.com/-1sj3EqkojJ4/AAAAAAAAAAI/AAAAAAAAAAA/ACHi3rfWCVqnuJxxM41Zird4HZx0BbRpbQ/photo.jpg",
|
|
(),
|
|
)}
|
|
/>
|
|
</Div>
|
|
<Div styles=[Css.style([Css.marginTop(`em(2.0))])]>
|
|
<PageCard.P>
|
|
{"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vulputate tortor a sapien aliquet ullamcorper. Nunc non varius sapien, quis elementum sapien. Morbi ac tristique quam. Cras hendrerit accumsan pretium. Praesent id nisl sit amet eros imperdiet placerat. Vestibulum sodales posuere diam vel laoreet."
|
|
|> ReasonReact.string}
|
|
</PageCard.P>
|
|
</Div>
|
|
</Div>
|
|
</PageCard>;
|