|
58 | 58 | "coursename" : "Toto is a course name" |
59 | 59 | } |
60 | 60 | }} |
61 | | -<div class="section-group onesection" id="accordion" role="tablist" aria-multiselectable="false"> |
| 61 | +<div class="accordion onesection" id="accordion"> |
62 | 62 | <div class="backtocourse"> |
63 | 63 | <a href="{{{courseurl}}}" class="tocourse">{{coursename}}</a> |
64 | 64 | </div> |
65 | 65 | {{#sections}} |
66 | 66 | {{#selected}} |
67 | | - <div class="section section-default"> |
68 | | - <div class="module-navigation-section-heading" role="tab" id="heading{{number}}"> |
69 | | - <div class="section-title"> |
70 | | - <ul class="pagination"> |
| 67 | + <div class="accordion-item"> |
| 68 | + <!-- Titre de la section --> |
| 69 | + <h2 class="accordion-header" id="heading{{number}}"> |
| 70 | + <div class="accordion-button d-flex align-items-center justify-content-between p-0"> |
| 71 | + <ul class="pagination mb-0 w-100"> |
71 | 72 | {{#hasprev}} |
72 | 73 | <li class="prev {{prevclass}}"> |
73 | | - <a href="{{prevurl}}" aria-label="Previous"> |
| 74 | + <a href="{{prevurl}}" aria-label="Previous" class="p-2"> |
74 | 75 | <span aria-hidden="true">«</span> |
75 | 76 | </a> |
76 | 77 | </li> |
77 | 78 | {{/hasprev}} |
78 | | - <li class="sectionname"> |
79 | | - <a href="{{currurl}}" aria-lable="Current"> |
80 | | - {{title}} |
81 | | - </a> |
| 79 | + <li class="sectionname flex-grow-1 text-center"> |
| 80 | + <a href="{{currurl}}" aria-label="Current" class="p-2 d-block w-100"> |
| 81 | + {{{title}}} |
| 82 | + </a> |
| 83 | + </li> |
82 | 84 | {{#hasnext}} |
83 | 85 | <li class="next {{nextclass}}"> |
84 | | - <a href="{{nexturl}}" aria-label="Next"> |
| 86 | + <a href="{{nexturl}}" aria-label="Next" class="p-2"> |
85 | 87 | <span aria-hidden="true">»</span> |
86 | 88 | </a> |
87 | 89 | </li> |
88 | 90 | {{/hasnext}} |
89 | 91 | </ul> |
90 | 92 | </div> |
91 | | - </div> |
92 | | - <div id="collapse" class="section-collapse" aria-labelledby="heading"> |
93 | | - <div class="section-body"> |
94 | | - <ul class="activities list-group"> |
| 93 | + </h2> |
| 94 | + <div id="collapse{{number}}" class="accordion-collapse collapse show" |
| 95 | + aria-labelledby="heading{{number}}" data-bs-parent="#accordion"> |
| 96 | + <div class="accordion-body p-0"> |
| 97 | + <ul class="activities"> |
95 | 98 | {{#modules}} |
96 | | - <li> |
97 | | - <a href="{{{url}}}" class="{{active}}"> |
98 | | - {{#completionon}} |
99 | | - <div class="completionbox"> |
100 | | - <div class="completioncheck {{completeclass}}"> |
| 99 | + {{^issubsection}} |
| 100 | + {{^onlytitles}} |
| 101 | + <li class="module {{completeclass}}"> |
| 102 | + <!-- Nom du module avec completionon --> |
| 103 | + <a href="{{{url}}}" {{#onclick}}onclick="{{onclick}}"{{/onclick}} class="p-2 {{active}} {{#label}}modulenavigationlabel{{/label}}"> |
| 104 | + {{#completionon}} |
| 105 | + <div class="completionbox"> |
| 106 | + <div class="completioncheck {{completeclass}}"> |
| 107 | + </div> |
| 108 | + </div> |
| 109 | + {{/completionon}} |
| 110 | + <div class="activityname"> |
| 111 | + {{{name}}} |
101 | 112 | </div> |
102 | | - </div> |
103 | | - {{/completionon}} |
104 | | - <div class="activityname"> |
105 | | - {{{name}}} |
106 | | - </div> |
107 | | - </a> |
108 | | - </li> |
| 113 | + </a> |
| 114 | + </li> |
| 115 | + {{/onlytitles}} |
| 116 | + {{/issubsection}} |
| 117 | + {{#issubsection}} |
| 118 | + {{> block_course_modulenavigation/subsection }} |
| 119 | + {{/issubsection}} |
109 | 120 | {{/modules}} |
110 | 121 | </ul> |
111 | 122 | </div> |
|
0 commit comments