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-25 06:24: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 FormLabelled from "../components/base/FormLabelled"
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 }) {
return (
<div className={classNames(Style.PageHome, className)} {...props}>
<BoxHeader className={Style.Header}>
Create a new repository
</BoxHeader>
<BoxFull className={Style.SearchByZone} header={
<label><Checkbox/> Search by zone</label>
}>
🚧 Not implemented.
</BoxFull>
<BoxFull className={Style.SearchByHashtags} header={
<label><Checkbox/> Search by hashtag</label>
}>
🚧 Not implemented.
</BoxFull>
<BoxFull className={Style.SearchByTimePeriod} header={
<label><Checkbox/> Search by time period</label>
}>
🚧 Not implemented.
</BoxFull>
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
<FormLabelled>
<FormLabel htmlFor={"repo-name"} text={"Repository name"}>
<InputWithIcon id={"repo-name"} icon={faFolder}/>
</FormLabel>
<FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}>
<label>
<Radio name={"filter-mode"} value={"or"}/> At least one filter
</label>
&nbsp;
<label>
<Radio name={"filter-mode"} value={"and"}/> Every filter
</label>
</FormLabel>
<Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}>
Create repository
</Button>
</FormLabelled>
</BoxFull>
<RepositoryEditor>
<BoxHeader className={Style.Header}>
Create a new repository
</BoxHeader>
<BoxFull className={Style.SearchByZone} header={
<label><Checkbox/> Search by zone</label>
}>
🚧 Not implemented.
</BoxFull>
<BoxConditionHashtag className={Style.SearchByHashtags}/>
<BoxFull className={Style.SearchByTimePeriod} header={
<label><Checkbox/> Search by time period</label>
}>
🚧 Not implemented.
</BoxFull>
<BoxConditions className={Style.Conditions}/>
<BoxFull className={Style.CreateDialog} header={"Create repository"}>
<FormLabelled>
<FormLabel htmlFor={"repo-name"} text={"Repository name"}>
<InputWithIcon id={"repo-name"} icon={faFolder}/>
</FormLabel>
<FormLabel htmlFor={"filter-mode"} text={"Add tweets if they satisfy"}>
<label>
<Radio name={"filter-mode"} value={"or"}/> At least one filter
</label>
&nbsp;
<label>
<Radio name={"filter-mode"} value={"and"}/> Every filter
</label>
</FormLabel>
<Button style={{"gridColumn": "1 / 3"}} icon={faPlus} color={"Green"}>
Create repository
</Button>
</FormLabelled>
</BoxFull>
</RepositoryEditor>
</div>
)
}

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

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