diff --git a/README.md b/README.md index bdcc40f..da5e04d 100644 --- a/README.md +++ b/README.md @@ -10,9 +10,12 @@ You need to have installed `node` and `npm` (or `pnpm`). To setup the project ju To start the development server run `npm run dev`. -#### Prettier Options +### Editor + +È meglio se prima di fare commit il codice sia formattato con Prettier, nel caso di VSCode c'è un'estensione omonima e le opzioni da aggiungere al proprio JSON di impostazioni sono ```json +... "prettier.printWidth": 100, "prettier.singleQuote": true, "prettier.quoteProps": "consistent", @@ -20,6 +23,7 @@ To start the development server run `npm run dev`. "prettier.semi": false, "prettier.arrowParens": "avoid", "editor.formatOnSave": true, +... ``` ### Production diff --git a/src/components/CompoundButton.jsx b/src/components/CompoundButton.jsx index 11612ea..35b1517 100644 --- a/src/components/CompoundButton.jsx +++ b/src/components/CompoundButton.jsx @@ -5,7 +5,11 @@ export const CompoundButton = ({ options, value, setValue }) => {
{options.map(option => (
- {/*
-
Gruppo Corsi
- -
Visualizzazione
- -
-
*/}

diff --git a/src/components/Help.jsx b/src/components/Help.jsx index 3ca8425..57ca593 100644 --- a/src/components/Help.jsx +++ b/src/components/Help.jsx @@ -9,31 +9,41 @@ export const Help = ({}) => ( comparirà in basso a destra.

- Per vedere l'orario settimanale, clicca su Settimana, che mostrerà un calendario - con i corsi attualmente selezionati. + Da desktop si può visualizzare l'orario settimanale cliccando su Settimana che + mostrerà un calendario con i corsi attualmente selezionati.

- La selezione effettuata verrà preservata dalla visualizzazione Corsi a quella - Settimana, permettendo di individuare eventuali sovrapposizioni di orari. + La selezione effettuata verrà preservata dalla visualizzazione Corsi a quella{' '} + Settimana, permettendo di individuare eventuali sovrapposizioni di orari.

- I corsi sono raggruppati per: primo, secondo, terzo anno (I,II,III) - e magistrale. Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando - su Tutti. + I corsi sono raggruppati per: primo, secondo, terzo anno (rispettivamente I,{' '} + II e III) e magistrale (su mobile indicata con M). + Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando su Tutti{' '} + (equivalente al tasto su mobile). +

+

+ Da mobile ci sono tre visualizzazioni possibili dei corsi, la modalità Corsi{' '} + mostra una lista dei corsi in ordine alfabetico con ogni lezione + per corso; Schema mostra uno schema compatto + dei corsi selezionati. Giorno invece dà una visualizzazione giornaliera della + settimana.

Stampa

- Da desktop puoi stampare l'orario attualmente visibile con il bottone (è - consigliato controllare le opzioni di stampa per un risultato soddisfacente). + Da desktop puoi stampare l'orario attualmente visibile con il bottone{' '} + (è consigliato controllare le opzioni di stampa per ottenere un + risultato soddisfacente).

Bug & Contatti

In caso di bug puoi creare una issue sulla repo git del progetto{' '} https://git.phc.dm.unipi.it/phc/orario - {' '} - oppure puoi contattarci direttamente all'indirizzo{' '} - macchinisti@lists.dm.unipi.it. + + , contattarci all'indirizzo{' '} + macchinisti@lists.dm.unipi.it oppure + passare direttamente in PHC.

) diff --git a/src/components/Optionbar.jsx b/src/components/Optionbar.jsx index 8333016..5b4e267 100644 --- a/src/components/Optionbar.jsx +++ b/src/components/Optionbar.jsx @@ -1,41 +1,50 @@ import { CompoundButton } from './CompoundButton.jsx' -import { MODE_COURSE, MODE_SCHEDULE, MODE_WORKWEEK, MODE_WORKWEEK_GRID } from './EventsView.jsx' +import { MODE_COURSE, MODE_SCHEDULE, MODE_WORKWEEK_GRID } from './EventsView.jsx' import { Icon } from './Icon.jsx' -export const Optionbar = ({ mode, setMode, source, setSource, onHelp }) => { - return ( -
-
-
- }, - ]} - value={source} - setValue={setSource} - /> -
-
-
-
- }, - { - value: MODE_WORKWEEK_GRID, - label: , - }, - { value: MODE_SCHEDULE, label: }, - ]} - value={mode} - setValue={setMode} - /> -
-
-
- ) +export const OptionBar = ({ mode, setMode, source, setSource, onHelp }) => { + return ( +
+
+
+ , icon: true }, + ]} + value={source} + setValue={setSource} + /> +
+
+
+
+ , + icon: true, + }, + { + value: MODE_WORKWEEK_GRID, + label: , + icon: true, + }, + { + value: MODE_SCHEDULE, + label: , + icon: true, + }, + ]} + value={mode} + setValue={setMode} + /> +
+
+
+ ) } diff --git a/src/main.jsx b/src/main.jsx index 1706fc8..56b892d 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -9,7 +9,7 @@ import { Help } from './components/Help.jsx' import { Icon } from './components/Icon.jsx' import { Popup } from './components/Popup.jsx' import { Toolbar } from './components/Toolbar.jsx' -import { Optionbar } from './components/Optionbar.jsx' +import { OptionBar } from './components/Optionbar.jsx' window._ = _ window.dataBuffer = {} @@ -127,7 +127,7 @@ const App = ({}) => { setTheme, }} /> -