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

<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

Type	Valeur par défaut	Obligatoire
String

start ^(*)

Horodatage déclarant le début du cours

Type	Valeur par défaut	Obligatoire
number	0

end ^(*)

Horodatage déclarant la fin du cours

Type	Valeur par défaut	Obligatoire
number	0

teacher

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

Type	Valeur par défaut	Obligatoire
String	Organisateur

room

Salle où se déroule le cours

Type	Valeur par défaut	Obligatoire
String	Salle inconnue

color

Couleurs du cours

Type	Valeur par défaut	Obligatoire
String	#FFFFFF

status

Couleurs du cours

Type	Valeur par défaut	Obligatoire
CourseStatusProps

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.

Variante(s)

primary

separator

Type	Valeur par défaut	Obligatoire
String	primary

compact

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

Type	Valeur par défaut	Obligatoire
Booléen	false

onPress

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

Type	Valeur par défaut	Obligatoire
({nativeEvent: PressEvent}) => void	() ⇒ void;

readonly

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

Type	Valeur par défaut	Obligatoire
Booléen	true

containerStyle

Cette propriété est issue de View Style Props

leading

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

Type	Valeur par défaut	Obligatoire
React.ReactNode

showTimes

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

Type	Valeur par défaut	Obligatoire
boolean	true

magicInfo

Information(s) dynamique(s) au cours

Type	Valeur par défaut	Obligatoire
MagicInfoProps

Types

CourseStatusProps

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

Propriété	Type	Usage
label	String	Titre du status
canceled	Booléen	Décrit si le cours est annulé

MagicInfoProps

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

Propriété	Type	Usage
label	String	Titre Magic du cours
icon	React.FC<{ color?: string }>	Ajouter une icône au label