Course

Ce composant est conçu pour uniformiser l'interface de l'emploi du temps, il est conçu pour s'adapter à de nombreux cas différents : absence, activité…,

Exemple

Copier

<Course
    id="id1"
    name="Traitement des données"
    teacher="Baptive V."
    room="Bât. 12 amphi 4"
    color="#0095D6"
    status={{ label: "Travail dirigé", canceled: false }}
    variant="primary"
    start={1750126049}
    end={1750129649}
    onPress={() => log("Bât. 12 amphi 4")}
/>

Propriétés

name ^(*)

Nom du cours

start ^(*)

Horodatage déclarant le début du cours

end ^(*)

Horodatage déclarant la fin du cours

teacher

Nom du professeur qui assure le cours, ce nom sera tronqué s'il dépasse 20 caractères

room

Salle où se déroule le cours

color

Couleurs du cours

status

Couleurs du cours

variant

Ce composant propose deux variantes, l’une pour le comportement principal du bouton, et l’autre lorsque le cours correspond à une pause ou à un séparateur.

compact

Affiche le composant avec des marges réduites et un arrondi plus faible, notamment pour une intégration dans un stack supérieur

onPress

Cette fonction est appelée quand un utilisateur appuie sur le cours.

readonly

Si cette valeur est true, alors un cours n'est pas supprimable de l'emploi du temps.

containerStyle

leading

Permet de définir une icône à gauche du nom du cours.

showTimes

Indique si l’heure de début et de fin du cours s’affiche à gauche.

magicInfo

Information(s) dynamique(s) au cours

Types

CourseStatusProps

Défini le comportement que doit avoir le composant si le cours est annulé ou a une modification

MagicInfoProps

Défini le comportement que doit avoir le composant si le cours est annulé ou a une modification