Merge pull request #29 from VelaSam/feat-option-enseignant

Feat Option pour voir enseignant du cours et le charge du laboratoire

README.md

@@ -1,6 +1,6 @@
 ## HorairÉTS
 
-HorairÉTS est un générateur de combinaisons d'horaire pour les étudiants de [l'École de technologie supérieure](https://www.etsmtl.ca/). L'application officiel est hébergé sur [https://horairets.emmanuelcoulombe.dev/](https://horairets.emmanuelcoulombe.dev/). Cette application est séparée en deux projets différents, soit l'interface utilisateur et le backend. Pour en savoir plus sur le backend de HorairÉTS, vous pouvez le retrouver [ici](https://github.com/imrashb/horaire-ets).
+HorairÉTS est un générateur de combinaisons d'horaire pour les étudiants de [l'École de technologie supérieure](https://www.etsmtl.ca/). L'application officielle est hébergée sur [https://horairets.emmanuelcoulombe.dev/](https://horairets.emmanuelcoulombe.dev/). Cette application est séparée en deux projets différents, soit l'interface utilisateur et le backend. Pour en savoir plus sur le backend de HorairÉTS, vous pouvez le retrouver [ici](https://github.com/imrashb/horaire-ets).
 
 ![horairets](public/logo.png)
 

public/locales/fr/common.json

@@ -106,6 +106,7 @@
   "afficherChargeCours": "Afficher les chargés de cours",
   "afficherModeEnseignement": "Afficher le mode d'enseignement",
   "modesEnseignements": "Présentiel, Distance, Hybride, Comodal",
+  "afficherEnseignant": "Afficher le chargé de l'activité de cours",
   "PRESENTIEL": "Présentiel",
   "DISTANCE": "Distance",
   "HYBRIDE": "Hybride",

src/components/CombinaisonHoraire/Activite/Activite.jsx

@@ -12,38 +12,25 @@ function Activite({
   disableNomActivite,
   disableLocaux,
   disableModeEnseignement,
+  disableEnseignant,
 }) {
   const { t } = useTranslation('common');
   return (
     <ActiviteWrapper flex={flex} borderColor={borderColor} color={color}>
       <div className="wrapper">
         {!disableNomCours && (
-        <span>
-          <strong>
-            {activite?.sigle}
-            -
-            {activite?.numeroGroupe}
-          </strong>
-        </span>
-        )}
-        {
-          !disableModeEnseignement
-          && (
           <span>
-            {t(activite?.modeEnseignement)}
+            <strong>
+              {activite?.sigle}
+              -
+              {activite?.numeroGroupe}
+            </strong>
           </span>
-          )
-}
-        {!disableNomActivite && (
-        <span>
-          {activite?.nom}
-        </span>
-        )}
-        {!disableLocaux && (
-        <span>
-          {activite?.locaux?.join(',')}
-        </span>
         )}
+        {!disableModeEnseignement && <span>{t(activite?.modeEnseignement)}</span>}
+        {!disableEnseignant && <span>{t(activite?.charges?.join(','))}</span>}
+        {!disableNomActivite && <span>{activite?.nom}</span>}
+        {!disableLocaux && <span>{activite?.locaux?.join(',')}</span>}
       </div>
     </ActiviteWrapper>
   );
@@ -59,13 +46,15 @@ Activite.propTypes = {
   disableNomActivite: PropTypes.bool,
   disableLocaux: PropTypes.bool,
   disableModeEnseignement: PropTypes.bool,
+  disableEnseignant: PropTypes.bool,
 };
 
 Activite.defaultProps = {
   disableNomCours: false,
   disableNomActivite: false,
   disableLocaux: false,
   disableModeEnseignement: true,
+  disableEnseignant: true,
 };
 
 export default Activite;

src/components/CombinaisonHoraire/CombinaisonHoraire.jsx

@@ -14,6 +14,7 @@ function CombinaisonHoraire({
   disableNomActivite,
   disableLocaux,
   disableModeEnseignement,
+  disableEnseignant,
   combinaison,
   forceLegacyColors,
 }) {
@@ -43,6 +44,7 @@ function CombinaisonHoraire({
               disableNomCours={disableNomCours}
               disableLocaux={disableLocaux}
               disableModeEnseignement={disableModeEnseignement}
+              disableEnseignant={disableEnseignant}
               forceLegacyColors={forceLegacyColors}
             />
           </Grid>

src/components/CombinaisonHoraire/Jour.jsx

@@ -24,6 +24,7 @@ function Jour({
   disableNomActivite,
   disableLocaux,
   disableModeEnseignement,
+  disableEnseignant,
   forceLegacyColors,
 }) {
   const { t } = useTranslation('common');
@@ -80,6 +81,7 @@ function Jour({
         disableNomCours={disableNomCours}
         disableLocaux={disableLocaux}
         disableModeEnseignement={disableModeEnseignement}
+        disableEnseignant={disableEnseignant}
       />
     );
   };
@@ -134,6 +136,7 @@ Jour.propTypes = {
   disableNomActivite: PropTypes.bool,
   disableLocaux: PropTypes.bool,
   disableModeEnseignement: PropTypes.bool,
+  disableEnseignant: PropTypes.bool,
   forceLegacyColors: PropTypes.bool,
 };
 
@@ -143,6 +146,7 @@ Jour.defaultProps = {
   disableNomActivite: false,
   disableLocaux: false,
   disableModeEnseignement: true,
+  disableEnseignant: true,
   forceLegacyColors: false,
 };
 

src/features/affichage/affichage.slice.js

@@ -7,6 +7,7 @@ const initialState = {
   showLocaux: true,
   showUniqueCoursColors: true,
   showModeEnseignement: false,
+  showEnseignant: false,
 };
 
 const AFFICHAGE_SLICE = 'affichage';
@@ -22,6 +23,7 @@ const affichageSlice = createSlice({
       state.showNomActivite = action.payload.showNomActivite;
       state.showUniqueCoursColors = action.payload.showUniqueCoursColors;
       state.showModeEnseignement = action.payload.showModeEnseignement;
+      state.showEnseignant = action.payload.showEnseignant;
     },
   },
 });
@@ -42,4 +44,6 @@ export const selectShowUniqueCoursColors = (state) => state.affichage.showUnique
 
 export const selectShowModeEnseignement = (state) => state.affichage.showModeEnseignement;
 
+export const selectShowEnseignant = (state) => state.affichage.showEnseignant;
+
 export default affichageSlice;

src/pages/GenerateurHoraire/Combinaisons/Combinaisons.jsx

@@ -16,6 +16,7 @@ import { selectRawCombinaisons, selectView } from '../../../features/generateur/
 import CombinaisonsWrapper from './Combinaisons.styles';
 import FavoriteButton from './FavoriteButton';
 import {
+  selectShowEnseignant,
   selectShowLocaux,
   selectShowModeEnseignement,
   selectShowNomActivite,
@@ -35,6 +36,7 @@ function Combinaisons({ combinaisons }) {
   const showNomActivite = useSelector(selectShowNomActivite);
   const showLocaux = useSelector(selectShowLocaux);
   const showModeEnseignement = useSelector(selectShowModeEnseignement);
+  const showEnseignant = useSelector(selectShowEnseignant);
 
   const isGrid = view === GENERATEUR_GRID_VIEW;
 
@@ -123,7 +125,7 @@ function Combinaisons({ combinaisons }) {
                 disableNomActivite={!showNomActivite}
                 disableNomCours={!showNomCoursGroupe}
                 disableModeEnseignement={!showModeEnseignement}
-                disble
+                disableEnseignant={!showEnseignant}
               />
             </Grid>
           ),

src/pages/GenerateurHoraire/GenerationModifiers/affichage/AffichageCombinaisons.jsx

@@ -12,6 +12,7 @@ import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
 import ButtonDialog from '../../../../components/ButtonDialog/ButtonDialog';
 import {
+  selectShowEnseignant,
   selectShowLocaux,
   selectShowModeEnseignement,
   selectShowNomActivite,
@@ -48,12 +49,14 @@ function AffichageCombinaisons() {
   const showNomActiviteGlobal = useSelector(selectShowNomActivite);
   const showUniqueCoursColorsGlobal = useSelector(selectShowUniqueCoursColors);
   const showModeEnseignementGlobal = useSelector(selectShowModeEnseignement);
+  const showEnseignantGlobal = useSelector(selectShowEnseignant);
 
   const [showNomCoursGroupe, setShowNomCoursGroupe] = useState(showNomCoursGroupeGlobal);
   const [showLocaux, setShowLocaux] = useState(showLocauxGlobal);
   const [showNomActivite, setShowNomActivite] = useState(showNomActiviteGlobal);
   const [showUniqueCoursColors, setShowUniqueCoursColors] = useState(showUniqueCoursColorsGlobal);
   const [showModeEnseignement, setShowModeEnseignement] = useState(showModeEnseignementGlobal);
+  const [showEnseignant, setShowEnseignant] = useState(showEnseignantGlobal);
 
   const onClose = () => {
     dispatch(setAffichageCombinaisons({
@@ -62,6 +65,7 @@ function AffichageCombinaisons() {
       showNomActivite,
       showUniqueCoursColors,
       showModeEnseignement,
+      showEnseignant,
     }));
   };
 
@@ -74,6 +78,7 @@ function AffichageCombinaisons() {
       {getCheckbox(t('afficherLocaux'), showLocaux, setShowLocaux)}
       {getCheckbox(t('afficherTypeActivite'), showNomActivite, setShowNomActivite, t('typesActivites'))}
       {getCheckbox(t('afficherModeEnseignement'), showModeEnseignement, setShowModeEnseignement, t('modesEnseignements'))}
+      {getCheckbox(t('afficherEnseignant'), showEnseignant, setShowEnseignant)}
       {getCheckbox(t('afficherCouleursCoursUniques'), showUniqueCoursColors, setShowUniqueCoursColors)}
       <Divider />
     </ButtonDialog>