tweaks(statsPage): final touches

parent b89900b8
......@@ -4,6 +4,7 @@ import AppBar from "@material-ui/core/AppBar";
import Tabs from "@material-ui/core/Tabs";
import Tab from "@material-ui/core/Tab";
import { makeStyles } from "@material-ui/styles";
import Typography from "@material-ui/core/Typography";
const useStyles = makeStyles({
appBar: { zIndex: 1000 },
......@@ -16,25 +17,28 @@ function DatasetSelector({ datasets, value, onChange }) {
const classes = useStyles();
return (
<AppBar
color="default"
position="relative"
classes={{ root: classes.appBar }}
>
<Tabs
value={value}
onChange={(e, newDatasetName) => onChange(newDatasetName)}
variant="standard"
centered
scrollButtons="on"
indicatorColor="secondary"
textColor="secondary"
<>
<Typography variant="h6">Choix du jeu de données</Typography>
<AppBar
color="default"
position="relative"
classes={{ root: classes.appBar }}
>
{datasets.map(({ label, name }) => (
<Tab label={label} value={name} key={name} />
))}
</Tabs>
</AppBar>
<Tabs
value={value}
onChange={(e, newDatasetName) => onChange(newDatasetName)}
variant="standard"
centered
scrollButtons="on"
indicatorColor="secondary"
textColor="secondary"
>
{datasets.map(({ label, name }) => (
<Tab label={label} value={name} key={name} />
))}
</Tabs>
</AppBar>
</>
);
}
......
......@@ -44,9 +44,9 @@ function PlotResults({ results, title }) {
<Typography variant="body1">
<i>
Pour afficher les résultats sous forme de graphique, vous devez
préciser les alias «&nbsp;x&nbsp;» et «&nbsp;y&nbsp;» dans le SELECT.
Vous pouvez également préciser des catégories avec l'alias
«&nbsp;cat&nbsp;».
préciser les alias «&nbsp;x&nbsp;» (qui devra être une date, un mois
ou une année) et «&nbsp;y&nbsp;» dans le SELECT. Vous pouvez également
préciser des catégories avec l'alias «&nbsp;cat&nbsp;».
</i>
</Typography>
);
......
......@@ -101,7 +101,7 @@ function RequestInterface() {
>
<ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
<Typography variant="h6">
Personnaliser la requête (avancée)
Personnaliser la requête (usage avancé)
</Typography>
</ExpansionPanelSummary>
<ExpansionPanelDetails>
......
......@@ -31,8 +31,8 @@ FROM ?
ORDER BY date ASC;`,
},
{
label: "Afficher le nombre de connections journalières",
graphTitle: "Nombre de connections journalières",
label: "Afficher le nombre de connexions journalières",
graphTitle: "Nombre de connexions journalières",
request: `SELECT
date AS x,
nb_connections AS y
......@@ -41,8 +41,8 @@ ORDER BY date ASC;`,
default: true,
},
{
label: "Afficher le nombre de connections mensuelles",
graphTitle: "Nombre de connections mensuelles",
label: "Afficher le nombre de connexions mensuelles",
graphTitle: "Nombre de connexions mensuelles",
request: `WITH
data AS (
SELECT
......@@ -67,12 +67,16 @@ ORDER BY x ASC;`,
{ name: "university", description: "Université concernée" },
{
name: "major",
description: "Branche (ou TC / HUTECH) de l'étudiant lors de l'échange",
description:
"Branche (ou TC / HUTECH) de l'étudiant⋅e lors de l'échange",
},
{
name: "minor",
description: "Filière de l'étudiant⋅e lors de l'échange",
},
{ name: "minor", description: "Filière de l'étudiant lors de l'échange" },
{
name: "exchange_semester",
description: "Semestre aucour duquel l'échange a été effectué",
description: "Semestre au cours duquel l'échange a été effectué",
},
{
name: "type",
......@@ -81,7 +85,8 @@ ORDER BY x ASC;`,
},
{
name: "nb_contributions",
description: "Nombre de contributions journalières correspondant",
description:
"Nombre de contributions journalières correspondant aux autres champs",
},
],
exampleRequests: [
......@@ -94,7 +99,7 @@ ORDER BY date ASC;`,
},
{
label:
"Afficher le nombre contributions mensuelles (concernant l'échange et non les cours) par branche",
"Afficher le nombre de contributions mensuelles (concernant l'échange et non les cours) par branche",
request: `WITH
data AS (
SELECT
......@@ -152,7 +157,7 @@ ORDER BY nb_contributions DESC;`,
},
{
label:
"Afficher le nombre de contributions (concernant l'échange et non les cours) par filières pour la branche IM",
"Afficher le nombre de contributions (concernant l'échange et non les cours) par filière pour la branche IM",
request: `SELECT
minor,
sum(nb_contributions) AS nb_contributions
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment