Revert "Adds a Home page with models table"
This reverts commit 36e4a003
This commit is contained in:
parent
36e4a003d3
commit
831295f868
|
@ -70,6 +70,13 @@ module Menu = {
|
||||||
let make = () => {
|
let make = () => {
|
||||||
<div className=Styles.menu>
|
<div className=Styles.menu>
|
||||||
<Item href={routeToPath(Home)} key="home"> {"Home" |> E.ste} </Item>
|
<Item href={routeToPath(Home)} key="home"> {"Home" |> E.ste} </Item>
|
||||||
|
{Models.all
|
||||||
|
|> E.A.fmap((model: Prop.Model.t) => {
|
||||||
|
<Item href={routeToPath(Model(model.id))} key={model.id}>
|
||||||
|
{model.name |> E.ste}
|
||||||
|
</Item>
|
||||||
|
})
|
||||||
|
|> ReasonReact.array}
|
||||||
<Item href={routeToPath(DistBuilder)} key="dist-builder">
|
<Item href={routeToPath(DistBuilder)} key="dist-builder">
|
||||||
{"Dist Builder" |> E.ste}
|
{"Dist Builder" |> E.ste}
|
||||||
</Item>
|
</Item>
|
||||||
|
@ -108,7 +115,7 @@ let make = () => {
|
||||||
| DistBuilder => <DistBuilder />
|
| DistBuilder => <DistBuilder />
|
||||||
| DistBuilder2 => <DistBuilder2 />
|
| DistBuilder2 => <DistBuilder2 />
|
||||||
| DistBuilder3 => <DistBuilder3 />
|
| DistBuilder3 => <DistBuilder3 />
|
||||||
| Home => <Home />
|
| Home => <div> {"Welcome" |> E.ste} </div>
|
||||||
| _ => <div> {"Page is not found" |> E.ste} </div>
|
| _ => <div> {"Page is not found" |> E.ste} </div>
|
||||||
}}
|
}}
|
||||||
</div>;
|
</div>;
|
||||||
|
|
|
@ -1,85 +0,0 @@
|
||||||
type route =
|
|
||||||
| Model(string);
|
|
||||||
|
|
||||||
let routeToPath = route =>
|
|
||||||
switch (route) {
|
|
||||||
| Model(modelId) => "/m/" ++ modelId
|
|
||||||
};
|
|
||||||
|
|
||||||
module Models = {
|
|
||||||
let all = [|
|
|
||||||
EAFunds.Interface.model,
|
|
||||||
GlobalCatastrophe.Interface.model,
|
|
||||||
Human.Interface.model,
|
|
||||||
|];
|
|
||||||
let getById = id => E.A.getBy(all, r => r.id == id);
|
|
||||||
};
|
|
||||||
|
|
||||||
module Styles = {
|
|
||||||
open Css;
|
|
||||||
let h3 = style([fontSize(`em(1.5)), marginBottom(`em(1.5))]);
|
|
||||||
let card = style([marginTop(`em(2.)), marginBottom(`em(2.))]);
|
|
||||||
};
|
|
||||||
|
|
||||||
module Table = {
|
|
||||||
module TableStyles = {
|
|
||||||
open Css;
|
|
||||||
let row = style([display(`flex), height(`em(4.))]);
|
|
||||||
let col = (~f=1.0, ()) => {
|
|
||||||
style([flex(`num(f))]);
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
module Item = {
|
|
||||||
[@react.component]
|
|
||||||
let make = (~model: Prop.Model.t, ~children) => {
|
|
||||||
<div className=TableStyles.row>
|
|
||||||
<div className={TableStyles.col()}>
|
|
||||||
<a
|
|
||||||
href={routeToPath(Model(model.id))}
|
|
||||||
onClick={e => {
|
|
||||||
e->ReactEvent.Synthetic.preventDefault;
|
|
||||||
ReasonReactRouter.push(routeToPath(Model(model.id)));
|
|
||||||
}}>
|
|
||||||
children
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div className={TableStyles.col(~f=3.0, ())}>
|
|
||||||
{model.description |> E.ste}
|
|
||||||
</div>
|
|
||||||
<div className={TableStyles.col()}> {model.author |> E.ste} </div>
|
|
||||||
</div>;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
module ColumnsTitles = {
|
|
||||||
[@react.component]
|
|
||||||
let make = () => {
|
|
||||||
<div className=TableStyles.row>
|
|
||||||
<div className={TableStyles.col()}> {"Name" |> E.ste} </div>
|
|
||||||
<div className={TableStyles.col(~f=3.0, ())}>
|
|
||||||
{"Description" |> E.ste}
|
|
||||||
</div>
|
|
||||||
<div className={TableStyles.col()}> {"Author" |> E.ste} </div>
|
|
||||||
</div>;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
[@react.component]
|
|
||||||
let make = () => {
|
|
||||||
<>
|
|
||||||
<h3 className=Styles.h3> {"Probability Models" |> E.ste} </h3>
|
|
||||||
<ColumnsTitles />
|
|
||||||
{Models.all
|
|
||||||
|> E.A.fmap((model: Prop.Model.t) => {
|
|
||||||
<Item model key={model.id}> {model.name |> E.ste} </Item>
|
|
||||||
})
|
|
||||||
|> ReasonReact.array}
|
|
||||||
</>;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
[@react.component]
|
|
||||||
let make = () => {
|
|
||||||
<div> <div className=Styles.card> <Table /> </div> </div>;
|
|
||||||
};
|
|
Loading…
Reference in New Issue
Block a user