final changes for search-function

tpl/packages.html

@@ -5,17 +5,10 @@
     <meta content="width=device-width, initial-scale=1" name="viewport"/>
 
     <!-- Bootstrap CSS -->
-    <link
+    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
-      crossorigin="anonymous"
+          integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" rel="stylesheet"/>
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
-      integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
-      rel="stylesheet"
-    />
 
-    <link
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet"/>
-      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
-      rel="stylesheet"
-    />
 
     <title>ALHP Status</title>
 </head>
@@ -25,24 +18,14 @@
         <div class="d-flex justify-content-start">
             <span class="navbar-brand align-middle">ALHP Status</span>
             <span class="navbar-text">
-            <a
+            <a href="https://git.harting.dev/anonfunc/ALHP.GO" class="align-middle position-absolute"><i
-              href="https://git.harting.dev/anonfunc/ALHP.GO"
+                    class="bi bi-github h4"></i></a>
-              class="align-middle position-absolute"
-              ><i class="bi bi-github h4"></i
-            ></a>
           </span>
         </div>
 
         <div class="d-flex justify-content-end">
-          <input
+            <input type="search" placeholder="Search for packages.." class="form-control" id="table-sort-input"
-            type="search"
+                   onkeyup="searchFilter()" title="Type in a name"/>
-            placeholder="Search for packages.."
-            class="form-control"
-            id="table-sort-input"
-            onkeyup="searchFilter()"
-            placeholder="Search for names.."
-            title="Type in a name"
-          />
         </div>
     </div>
 </nav>
@@ -53,29 +36,18 @@
     <div class="accordion" id="accordion-{{$march.Name}}">
         {{range $repo := $march.Repos}}
         <div class="accordion-item">
-          <h2
+            <h2 class="accordion-header" id="heading-{{$march.Name}}-{{$repo.Name}}">
-            class="accordion-header"
+                <button aria-controls="collapse-{{$march.Name}}-{{$repo.Name}}" aria-expanded="false"
-            id="heading-{{$march.Name}}-{{$repo.Name}}"
-          >
-            <button
-              aria-controls="collapse-{{$march.Name}}-{{$repo.Name}}"
-              aria-expanded="false"
                         class="accordion-button"
                         data-bs-target="#collapse-{{$march.Name}}-{{$repo.Name}}"
                         data-bs-toggle="collapse"
-              type="button"
+                        type="button">{{$repo.Name}}-{{$march.Name}}
-            >
-              {{$repo.Name}}-{{$march.Name}}
                 </button>
             </h2>
-          <div
+            <div aria-labelledby="heading-{{$march.Name}}-{{$repo.Name}}" class="accordion-collapse collapse show"
-            aria-labelledby="heading-{{$march.Name}}-{{$repo.Name}}"
+                 data-bs-parent="#accordion-{{$march.Name}}" id="collapse-{{$march.Name}}-{{$repo.Name}}">
-            class="accordion-collapse collapse show"
-            data-bs-parent="#accordion-{{$march.Name}}"
-            id="collapse-{{$march.Name}}-{{$repo.Name}}"
-          >
                 <div class="accordion-body overflow-auto">
-              <table class="table" id="table-sorted-{{$march.Name}}">
+                    <table class="table table-sorted">
                         <thead>
                         <tr>
                             <th scope="col">Pkgbase</th>
@@ -88,10 +60,7 @@
                         </thead>
                         <tbody>
                         {{range $pkg := $repo.Packages}}
-                  <tr
+                        <tr class="{{$pkg.Class}}" id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
-                    class="{{$pkg.Class}}"
-                    id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
-                  >
                             <td>{{$pkg.Pkgbase}}</td>
                             <td>{{$pkg.Status}}</td>
                             <td>{{$pkg.Skip}}</td>
@@ -101,15 +70,10 @@
                                 {{with $pkg.Log}}<a href="{{.}}"
                             ><i class="bi bi-file-text-fill"></i></a
                             >{{end}}
-                      <a
+                                <a data-bs-html="true" data-bs-placement="bottom" data-bs-toggle="tooltip"
-                        data-bs-html="true"
-                        data-bs-placement="bottom"
-                        data-bs-toggle="tooltip"
                                    href="#{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
-                        title="{{if $pkg.BuildDate}}Build Date: {{$pkg.BuildDate}}&#10;{{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}}&#10;{{end}}Check date: {{$pkg.Checked}}"
+                                   title="{{if $pkg.BuildDate}}Build Date: {{$pkg.BuildDate}}&#10;{{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}}&#10;{{end}}Check date: {{$pkg.Checked}}">
-                      >
+                                    <i class="bi bi-info-circle-fill"></i></a>
-                        <i class="bi bi-info-circle-fill"></i
-                      ></a>
                             </td>
                         </tr>
                         {{end}}
@@ -123,31 +87,22 @@
     {{end}}
 </div>
 
-    <footer
+<footer class="text-center text-lg-start bg-dark text-muted mt-3 fixed-bottom">
-      class="text-center text-lg-start bg-dark text-muted mt-3 fixed-bottom"
+    <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05)">
-    >
-      <div
-        class="text-center p-4"
-        style="background-color: rgba(0, 0, 0, 0.05)"
-      >
         Generated: {{.Generated}}
     </div>
 </footer>
 
-    <script
+<script crossorigin="anonymous" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
-      crossorigin="anonymous"
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
-      integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
-      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
-    ></script>
 <script>
     function searchFilter() {
-        var input, filter, table, tr, td, i, txtValue
+        let input, filter, table, tr, td, i, txtValue;
         input = document.getElementById('table-sort-input')
         filter = input.value.toUpperCase()
-        tables = document.getElementsByClassName('table-sorted')
+        const tables = document.getElementsByClassName('table-sorted');
-        for (j = 0; j < tables.length; j++) {
+        for (let j = 0; j < tables.length; j++) {
             tr = tables[j].getElementsByTagName('tr')
-          console.log(j)
             for (i = 0; i < tr.length; i++) {
                 td = tr[i].getElementsByTagName('td')[0]
                 if (td) {