unimore/pds-2021-g2-nest
unimore/pds-2021-g2-nest
1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-29 07:54:19 +00:00
Code Activity

🚧 Start building PageDashboard

Browse source
This commit is contained in:
Stefano Pigozzi 2021-04-29 17:04:56 +02:00
parent 5479a8dc35
commit 7b320f01c3
Signed by untrusted user who does not match committer: steffo
GPG key ID: 6965406171929D01
2 changed files with 47 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
code/frontend/src/routes/PageDashboard.js
View file

@ -10,48 +10,50 @@ import Radio from "../components/base/Radio"
import Button from "../components/base/Button" import Button from "../components/base/Button"
import FormLabelled from "../components/base/FormLabelled" import FormLabelled from "../components/base/FormLabelled"
import FormLabel from "../components/base/formparts/FormLabel" import FormLabel from "../components/base/formparts/FormLabel"
import RepositoryEditor from "../components/providers/RepositoryEditor"
import BoxConditionHashtag from "../components/interactive/BoxConditionHashtag"
import BoxConditions from "../components/interactive/BoxConditions"
export default function PageDashboard({ children, className, ...props }) { export default function PageDashboard({ children, className, ...props }) {
return ( return (
<div className={classNames(Style.PageHome, className)} {...props}> <div className={classNames(Style.PageHome, className)} {...props}>
<BoxHeader className={Style.Header}> <RepositoryEditor>
Create a new repository <BoxHeader className={Style.Header}>
</BoxHeader> Create a new repository
<BoxFull className={Style.SearchByZone} header={ </BoxHeader>
<label><Checkbox/> Search by zone</label> <BoxFull className={Style.SearchByZone} header={
}> <label><Checkbox/> Search by zone</label>
🚧 Not implemented. }>
</BoxFull> 🚧 Not implemented.
<BoxFull className={Style.SearchByHashtags} header={ </BoxFull>
<label><Checkbox/> Search by hashtag</label> <BoxConditionHashtag className={Style.SearchByHashtags}/>
}> <BoxFull className={Style.SearchByTimePeriod} header={
🚧 Not implemented. <label><Checkbox/> Search by time period</label>
</BoxFull> }>
<BoxFull className={Style.SearchByTimePeriod} header={ 🚧 Not implemented.
<label><Checkbox/> Search by time period</label> </BoxFull>
}> <BoxConditions className={Style.Conditions}/>
🚧 Not implemented. <BoxFull className={Style.CreateDialog} header={"Create repository"}>
</BoxFull> <FormLabelled>
<BoxFull className={Style.CreateDialog} header={"Create repository"}> <FormLabel htmlFor={"repo-name"} text={"Repository name"}>
<FormLabelled> <InputWithIcon id={"repo-name"} icon={faFolder}/>
<FormLabel htmlFor={"repo-name"} text={"Repository name"}> </FormLabel>
<InputWithIcon id={"repo-name"} icon={faFolder}/> <FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}>
</FormLabel> <label>
<FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}> <Radio name={"filter-mode"} value={"or"}/> At least one filter
<label> </label>
<Radio name={"filter-mode"} value={"or"}/> At least one filter &nbsp;
</label> <label>
&nbsp; <Radio name={"filter-mode"} value={"and"}/> Every filter
<label> </label>
<Radio name={"filter-mode"} value={"and"}/> Every filter </FormLabel>
</label> <Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}>
</FormLabel> Create repository
<Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}> </Button>
Create repository </FormLabelled>
</Button> </BoxFull>
</FormLabelled> </RepositoryEditor>
</BoxFull>
</div> </div>
) )
} }

9
code/frontend/src/routes/PageDashboard.module.css
View file

@ -6,8 +6,9 @@
"b c" "b c"
"b d" "b d"
"b e" "b e"
"b f"
; ;
grid-template-rows: auto 1fr 1fr auto; grid-template-rows: auto auto auto 1fr auto;
grid-gap: 10px; grid-gap: 10px;
@ -31,6 +32,10 @@
grid-area: d; grid-area: d;
} }
.CreateDialog { .Conditions {
grid-area: e; grid-area: e;
} }
.CreateDialog {
grid-area: f;
}