Différences

Ci-dessous, les différences entre deux révisions de la page.

--- madoc:testveneta [2022/11/25 11:02]
andreeva-v créée
+++ — (Version actuelle)
@@ Ligne 1: / Ligne 1: @@
-<html>
-<style>
-  .tabs {
-    font-size: 20px;
-}
-.tabs .tab-registers {
-    display: flex;
-    background-color: RGB(255, 255, 255);
-}
-.tabs button {
-    padding: 0.5em;
-    border: none;
-}
-.tab-registers button{
-    display:flex;
-    flex-wrap:wrap;
-    width:20%;
-    min-height:20px;
-    background-color:#3452ff;
-  }
-.tabs .tab-registers button:hover {
-    cursor: pointer;
-    background-color:yellow;
-    color:black;
-}
-.tabs .tab-bodies {
-    padding: 0.5em;
-    background-color: RGB(235, 235, 235);
-    flex-grow: 1;
-    overflow-y: auto;
-    display: flex;
-    flex-direction:column;
-    flex-wrap:wrap;
-    align-content:flex-start;
-}
-.tabs button.active-tab {
-    background-color: rgb(235, 235, 235);
-}
-</style>
-<div class="tabs">
-    <div class="tab-registers">
-        <button class="active-tab">Découvrir et paramétrer mon espace d'enseignement</button>
-        <button>Organiser mon espace d'enseignement</button>
-        <button>Créer des ressources et les organiser</button>
-        <button>Créer des activités d'apprentissage et d'évaluation</button>
-        <button>Animer mon espace et suivre l'activité des étudiants</button>
-        <button>Réinitialiser mon espace et la préparer pour l'année suivante</button>
-    </div>
-    <div class="tab-bodies">
-      	<div class="tab-bodies">
-                <button>Accéder à un espace de cours</button>
-        	<button>Gérer les utilisateurs</button>
-        </div>
-        <div style="display:none;">
-            Contenu Tab 2
-        </div>
-        <div style="display:none;">
-            Contenu Tab 3
-        </div>
-    </div>
-</div>
-<script>
-  Array.from(document.querySelectorAll('.tabs')).forEach((tab_container, TabID) => {
-    const registers = tab_container.querySelector('.tab-registers');
-    const bodies = tab_container.querySelector('.tab-bodies');
-    Array.from(registers.children).forEach((el, i) => {
-      el.setAttribute('aria-controls', `${TabID}_${i}`)
-      bodies.children[i]?.setAttribute('id', `${TabID}_${i}`)
-      el.addEventListener('click', (ev) => {
-        let activeRegister = registers.querySelector('.active-tab');
-        activeRegister.classList.remove('active-tab')
-        activeRegister = el;
-        activeRegister.classList.add('active-tab')
-        changeBody(registers, bodies, activeRegister)
-      })
-  })
-})
-function changeBody(registers, bodies, activeRegister) {
-    Array.from(registers.children).forEach((el, i) => {
-        if (bodies.children[i]) {
-            bodies.children[i].style.display = el == activeRegister ? 'block' : 'none'
-        }
-        el.setAttribute('aria-expanded', el == activeRegister ? 'true' : 'false')
-    })
-}
-</script>
-</html>
-====Découvrir et paramétrer mon espace d'enseignement====
-<columns 100% 33%>
-<box round #fff #3452ff #3452ff #3452ff 90%|\\ **Accéder à un espace de cours**\\ \\ >
-  * :!: [[madoc:1-s_identifier_sur_la_plateforme|S'identifier sur la plate-forme]]
-  * [[madoc:2-adapter_son_tableau_de_bord|Adapter son tableau de bord (page d'accueil de Madoc)]]
-  * [[madoc:3-ajouter_un_espace_cours|S'inscrire comme enseignant dans un espace de cours]]
-</box>
-<box round #fff #3452ff #3452ff #3452ff 90%|\\ **Gérer les utilisateurs**\\ \\ >
-  * [[madoc:11-consulter_et_filtrer_les_inscriptions|Consulter et filtrer les inscriptions]]
-  * [[madoc:12-ajouter_une_methode_d_inscription|Ajouter une méthode d'inscription]]
-  * [[madoc:13-ajouter_modifier_et_supprimer_une_inscription|Ajouter, modifier et supprimer une inscription]]
-  * [[madoc:14-creer_des_groupes_d_utilisateurs_manuellement|Créer des groupes dans un espace de cours]]
-  * [[madoc:15-se_servir_de_l_activite_choix_de_groupe|Se servire de l'activité Choix de groupe]]
-</box>
-<newcolumn 33%>

Recherche

Édition

Navigation

Différences