TOC / Table des matières
TOC ou table des matières est disponible sur le menu des activités au clique d'une carte d'activité.
Aperçu
La table des matières contient toute les liens vers les sections déclarer dans menu.setting.js. Elle affiche aussi les informations sur l'activité déclarer dans le même fichier.
Paramètre
Si vous désirez avoir des ancres dans les pages. Créez un fichier nommé ``menu.setting.jset déposer le à la racine de votre dossiersrc`.
Voici la structure de celui-ci :
<script>
A00: {
title: 'Introduction',
subTitle: 'ceci est un sous-titre',
time: '00:00',
anchors: [
{
anchorName: 'Moxxi',
anchorTag: 'anchor-Moxxi',
pageRef: 'P01',
page: 'page_1'
}
]
},
</script>
Attention
La clé anchorTag ne doit pas être déclarer en format EL+.
Voici certaine spécification
| Propriété | Type | Description |
|---|---|---|
| id | String | Doit être unique dans tout le fichier |
| anchorName | String | Nom affiché dans la table des matières |
| anchorTag | String | Classe que vous devez donné à l'élément html dans votre page pour faire le lien. Doit absolument commencer par anchor- |
| pageRef | String | Référence de la page où il se trouve. |
| page | String | Référence du name de la page pour créer la route |
Attention
Pour créer une ancre, vous devez attacher la classe anchor et lui ajouter la valeur que vous avez inscrit dans dans anchorTag. Ajouter l'attribut ref à votre élément html et ajouter la valeur que vous avez donné à anchorTag.
Style
Vous ne pouvez pas ajouter de classe au élément de la table des matières.
Accessibilité
Pour l'instant aucune action n'a été fait pour l'accessibilité.