|
55 | 55 | ] |
56 | 56 | } |
57 | 57 | }} |
58 | | -<div class="section-group" id="accordion" role="tablist" aria-multiselectable="true"> |
| 58 | + |
| 59 | +<div class="accordion" id="accordion"> |
59 | 60 | {{#sections}} |
60 | | - <div class="section section-default"> |
61 | | - <div class="module-navigation-section-heading" role="tab" id="heading{{number}}"> |
62 | | - <div class="section-title"> |
63 | | - <ul class="allpagination"> |
64 | | - <li class="allsectionnames"> |
65 | | - {{#collapse}} |
66 | | - <a href="{{{url}}}">{{{title}}}</a> |
67 | | - {{/collapse}} |
68 | | - {{^collapse}} |
69 | | - {{#onlytitles}} |
70 | | - <a href="{{{url}}}">{{{title}}}</a> |
71 | | - {{/onlytitles}} |
72 | | - {{^onlytitles}} |
73 | | - <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{number}}" |
74 | | - aria-expanded="true" aria-controls="collapse{{number}}">{{{title}}}</a> |
75 | | - {{/onlytitles}} |
76 | | - {{/collapse}} |
77 | | - </li> |
78 | | - {{#collapse}} |
79 | | - <li class="arrowaccordion"> |
80 | | - {{#hasmodules}} |
81 | | - <a class="expand-arrow" role="button" data-toggle="collapse" |
82 | | - data-parent="#accordion" href="#collapse{{number}}" aria-expanded="true" |
83 | | - aria-controls="collapse{{number}}"> |
84 | | - </a> |
85 | | - {{/hasmodules}} |
86 | | - </li> |
87 | | - {{/collapse}} |
88 | | - </ul> |
89 | | - </div> |
90 | | - </div> |
91 | | - <div id="collapse{{number}}" class="section-collapse collapse {{#selected}}show{{/selected}}" |
92 | | - role="tabsection" aria-labelledby="heading{{number}}"> |
93 | | - <div class="section-body"> |
| 61 | + <div class="accordion-item"> |
| 62 | + <!-- Titre de la section --> |
| 63 | + <h2 class="accordion-header" id="heading{{number}}"> |
| 64 | + <button class="accordion-button {{^selected}}collapsed{{/selected}}" type="button" |
| 65 | + data-bs-toggle="collapse" data-bs-target="#collapse{{number}}" aria-expanded="{{selected}}" |
| 66 | + aria-controls="collapse{{number}}"> |
| 67 | + {{{title}}} |
| 68 | + </button> |
| 69 | + </h2> |
| 70 | + <!-- Contenu de la section --> |
| 71 | + <div id="collapse{{number}}" class="accordion-collapse collapse {{#selected}}show{{/selected}}" |
| 72 | + aria-labelledby="heading{{number}}" data-bs-parent="#accordion"> |
| 73 | + <div class="accordion-body p-0"> |
94 | 74 | <ul class="activities"> |
95 | 75 | {{#modules}} |
96 | 76 | {{^issubsection}} |
97 | 77 | {{^onlytitles}} |
98 | | - <li> |
99 | | - <a href="{{{url}}}" class="{{active}} {{#label}}modulenavigationlabel{{/label}}" onclick="{{{onclick}}}"> |
| 78 | + <li class="module {{completeclass}}"> |
| 79 | + <!-- Nom du module avec completionon --> |
| 80 | + <a href="{{{url}}}" {{#onclick}}onclick="{{onclick}}"{{/onclick}} class="p-2 {{active}} {{#label}}modulenavigationlabel{{/label}}"> |
100 | 81 | {{#completionon}} |
101 | 82 | <div class="completionbox"> |
102 | 83 | <div class="completioncheck {{completeclass}}"> |
|
0 commit comments