feat: role=button tu button

gip-inclusion · Oct 10, 2024 · f2af980 · f2af980
1 parent 42b2594
commit f2af980
Show file tree

Hide file tree

Showing 10 changed files with 24 additions and 98 deletions.
diff --git a/dist/components-itou.html b/dist/components-itou.html
@@ -335,7 +335,7 @@ <h4>Des variantes supplémentaires itou du <a href="https://getbootstrap.com/doc
                   <div class="col-12 col-md-10 mb-3 mb-md-6">
                     <ul class="list-group list-group-collapse">
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample01" role="button" aria-expanded="false" aria-controls="collapseExample01">Hygiène et propreté</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample01" aria-expanded="false" aria-controls="collapseExample01">Hygiène et propreté</button>
                         <div class="collapse" id="collapseExample01">
                           <ul>
                             <li>
@@ -372,7 +372,7 @@ <h4>Des variantes supplémentaires itou du <a href="https://getbootstrap.com/doc
                         </div>
                       </li>
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample02" role="button" aria-expanded="false" aria-controls="collapseExample02">Bâtiment et travaux publics</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample02" aria-expanded="false" aria-controls="collapseExample02">Bâtiment et travaux publics</button>
                         <div class="collapse" id="collapseExample02">
                           <ul>
                             <li>
@@ -408,43 +408,6 @@ <h4>Des variantes supplémentaires itou du <a href="https://getbootstrap.com/doc
                           </ul>
                         </div>
                       </li>
-                      <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample03" role="button" aria-expanded="false" aria-controls="collapseExample03">Entretiens du linge</a>
-                        <div class="collapse" id="collapseExample03">
-                          <ul>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                          </ul>
-                        </div>
-                      </li>
                     </ul>
                   </div>
                 </div>
@@ -453,7 +416,7 @@ <h4>Des variantes supplémentaires itou du <a href="https://getbootstrap.com/doc
                   <div class="col-12 col-md-10 mb-3 mb-md-6">
                     <ul class="list-group list-group-collapse list-group-form">
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample04" role="button" aria-expanded="false" aria-controls="collapseExample04">Hygiène et propreté</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample04" aria-expanded="false" aria-controls="collapseExample04">Hygiène et propreté</button>
                         <div class="collapse" id="collapseExample04">
                           <ul>
                             <li>
@@ -490,7 +453,7 @@ <h4>Des variantes supplémentaires itou du <a href="https://getbootstrap.com/doc
                         </div>
                       </li>
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample06" role="button" aria-expanded="false" aria-controls="collapseExample06">Entretiens du linge</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample06" aria-expanded="false" aria-controls="collapseExample06">Bâtiment et travaux publics</button>
                         <div class="collapse" id="collapseExample06">
                           <ul>
                             <li>

diff --git a/dist/layout-itou-authenticated-cms.html b/dist/layout-itou-authenticated-cms.html
@@ -252,10 +252,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-dashboard.html b/dist/layout-itou-authenticated-dashboard.html
@@ -245,10 +245,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-detail-pass.html b/dist/layout-itou-authenticated-detail-pass.html
@@ -245,10 +245,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-form.html b/dist/layout-itou-authenticated-form.html
@@ -245,10 +245,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-mentions.html b/dist/layout-itou-authenticated-mentions.html
@@ -245,10 +245,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-search-result.html b/dist/layout-itou-authenticated-search-result.html
@@ -245,10 +245,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/dist/layout-itou-authenticated-test.html b/dist/layout-itou-authenticated-test.html
@@ -247,10 +247,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/src/_sections/header-authenticated.ejs b/src/_sections/header-authenticated.ejs
@@ -209,10 +209,10 @@
             </div>
           </li>
           <li class="nav-item">
-            <a href="#collapseNavStructure" role="button" class="nav-link has-collapse-caret" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
+            <button type="button" data-bs-target="#collapseNavStructure" class="nav-link has-collapse-caret w-100 text-start" data-bs-toggle="collapse" aria-expanded="false" aria-controls="collapseNavStructure">
               <i class="ri-community-line fw-medium" aria-hidden="true"></i>
               <span>Structure</span>
-            </a>
+            </button>
             <div class="collapse" id="collapseNavStructure">
               <ul>
                 <li>

diff --git a/src/components-itou.ejs b/src/components-itou.ejs
@@ -209,7 +209,7 @@
                   <div class="col-12 col-md-10 mb-3 mb-md-6">
                     <ul class="list-group list-group-collapse">
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample01" role="button" aria-expanded="false" aria-controls="collapseExample01">Hygiène et propreté</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample01" aria-expanded="false" aria-controls="collapseExample01">Hygiène et propreté</button>
                         <div class="collapse" id="collapseExample01">
                           <ul>
                             <li>
@@ -246,7 +246,7 @@
                         </div>
                       </li>
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample02" role="button" aria-expanded="false" aria-controls="collapseExample02">Bâtiment et travaux publics</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample02" aria-expanded="false" aria-controls="collapseExample02">Bâtiment et travaux publics</button>
                         <div class="collapse" id="collapseExample02">
                           <ul>
                             <li>
@@ -282,43 +282,6 @@
                           </ul>
                         </div>
                       </li>
-                      <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample03" role="button" aria-expanded="false" aria-controls="collapseExample03">Entretiens du linge</a>
-                        <div class="collapse" id="collapseExample03">
-                          <ul>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                            <li>
-                              <div class="form-check">
-                                <input type="checkbox" class="form-check-input" id="customCheck1">
-                                <label class="form-check-label" for="customCheck1">Check this custom checkbox</label>
-                              </div>
-                            </li>
-                          </ul>
-                        </div>
-                      </li>
                     </ul>
                   </div>
                 </div>
@@ -327,7 +290,7 @@
                   <div class="col-12 col-md-10 mb-3 mb-md-6">
                     <ul class="list-group list-group-collapse list-group-form">
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample04" role="button" aria-expanded="false" aria-controls="collapseExample04">Hygiène et propreté</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample04" aria-expanded="false" aria-controls="collapseExample04">Hygiène et propreté</button>
                         <div class="collapse" id="collapseExample04">
                           <ul>
                             <li>
@@ -364,7 +327,7 @@
                         </div>
                       </li>
                       <li class="list-group-item list-group-item-action">
-                        <a class="fw-bold" data-bs-toggle="collapse" href="#collapseExample06" role="button" aria-expanded="false" aria-controls="collapseExample06">Entretiens du linge</a>
+                        <button type="button" class="w-100 fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseExample06" aria-expanded="false" aria-controls="collapseExample06">Bâtiment et travaux publics</button>
                         <div class="collapse" id="collapseExample06">
                           <ul>
                             <li>