From d2eb990aced924902ff09774f81efef4be443a07 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Mon, 20 Sep 2021 16:55:47 +0200
Subject: [PATCH 1/4] Search feature update

---
 tpl/packages.html | 244 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 170 insertions(+), 74 deletions(-)
diff --git a/tpl/packages.html b/tpl/packages.html
index cfb2eaf..79a45fc 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -1,91 +1,187 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta content="width=device-width, initial-scale=1" name="viewport">
+  <head>
+    <meta charset="utf-8" />
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
 
     <!-- Bootstrap CSS -->
-    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
-          integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" rel="stylesheet">
+    <link
+      crossorigin="anonymous"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
+      integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
+      rel="stylesheet"
+    />
 
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet">
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
+      rel="stylesheet"
+    />
 
     <title>ALHP Status</title>
-</head>
-<body>
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg sticky-top navbar-light bg-info mb-5">
+      <div class="container">
+        <div class="d-flex justify-content-start">
+          <span class="navbar-brand align-middle">ALHP Status</span>
+          <span class="navbar-text">
+            <a
+              href="https://git.harting.dev/anonfunc/ALHP.GO"
+              class="align-middle position-absolute"
+              ><i class="bi bi-github h4"></i
+            ></a>
+          </span>
+        </div>
 
-<nav class="navbar sticky-top navbar-light bg-info mb-3">
-    <div class="container-fluid">
-        <span class="navbar-brand mb-0 h1">ALHP Status</span>
-        <span class="navbar-text">
-        <a href="https://git.harting.dev/anonfunc/ALHP.GO"><i class="bi bi-github h3"></i></a>
-      </span>
-    </div>
-</nav>
+        <div class="d-flex justify-content-end">
+          <input
+            type="search"
+            placeholder="Search for packages.."
+            class="form-control"
+            id="table-sort-input"
+            onkeyup="myFunction()"
+            placeholder="Search for names.."
+            title="Type in a name"
+          />
+        </div>
+      </div>
+    </nav>
 
-<div class="container">
-    {{range $march := .March}}<h3>{{$march.Name}}</h3>
-    <div class="accordion" id="accordion-{{$march.Name}}">
+    <div class="container">
+      <table class="table table-sorted">
+        <tr>
+          <td>Test</td>
+          <td>bull</td>
+        </tr>
+        <tr>
+          <td>frank</td>
+          <td>sinatra</td>
+        </tr>
+      </table>
+      <table class="table table-sorted">
+        <tr>
+          <td>Test1</td>
+          <td>bull1</td>
+        </tr>
+        <tr>
+          <td>frank1</td>
+          <td>sinatra1</td>
+        </tr>
+      </table>
+
+      {{range $march := .March}}
+      <h3>{{$march.Name}}</h3>
+      <div class="accordion" id="accordion-{{$march.Name}}">
         {{range $repo := $march.Repos}}
         <div class="accordion-item">
-            <h2 class="accordion-header" 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">
-                    {{$repo.Name}}-{{$march.Name}}
-                </button>
-            </h2>
-            <div aria-labelledby="heading-{{$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">
-                        <thead>
-                        <tr>
-                            <th scope="col">Pkgbase</th>
-                            <th scope="col">Status</th>
-                            <th scope="col">Reason</th>
-                            <th scope="col">SVN2GIT Version</th>
-                            <th scope="col">{{$repo.Name}}-{{$march.Name}} Version</th>
-                            <th scope="col">Info</th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        {{range $pkg := $repo.Packages}}
-                        <tr class="{{$pkg.Class}}" id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
-                            <td>{{$pkg.Pkgbase}}</td>
-                            <td>{{$pkg.Status}}</td>
-                            <td>{{$pkg.Skip}}</td>
-                            <td>{{$pkg.Svn2GitVersion}}</td>
-                            <td>{{$pkg.Version}}</td>
-                            <td class="text-center">
-                                {{with $pkg.Log}}<a href="{{.}}"><i class="bi bi-file-text-fill"></i></a>{{end}}
-                                <a 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}}">
-                                    <i class="bi bi-info-circle-fill"></i></a></td>
-                        </tr>
-                        {{end}}
-                        </tbody>
-                    </table>
-                </div>
+          <h2
+            class="accordion-header"
+            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"
+            >
+              {{$repo.Name}}-{{$march.Name}}
+            </button>
+          </h2>
+          <div
+            aria-labelledby="heading-{{$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}}">
+                <thead>
+                  <tr>
+                    <th scope="col">Pkgbase</th>
+                    <th scope="col">Status</th>
+                    <th scope="col">Reason</th>
+                    <th scope="col">SVN2GIT Version</th>
+                    <th scope="col">{{$repo.Name}}-{{$march.Name}} Version</th>
+                    <th scope="col">Info</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {{range $pkg := $repo.Packages}}
+                  <tr
+                    class="{{$pkg.Class}}"
+                    id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
+                  >
+                    <td>{{$pkg.Pkgbase}}</td>
+                    <td>{{$pkg.Status}}</td>
+                    <td>{{$pkg.Skip}}</td>
+                    <td>{{$pkg.Svn2GitVersion}}</td>
+                    <td>{{$pkg.Version}}</td>
+                    <td class="text-center">
+                      {{with $pkg.Log}}<a href="{{.}}"
+                        ><i class="bi bi-file-text-fill"></i></a
+                      >{{end}}
+                      <a
+                        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}}"
+                      >
+                        <i class="bi bi-info-circle-fill"></i
+                      ></a>
+                    </td>
+                  </tr>
+                  {{end}}
+                </tbody>
+              </table>
             </div>
+          </div>
         </div>
         {{end}}
+      </div>
+      {{end}}
     </div>
-    {{end}}
-</div>
 
-<footer class="text-center text-lg-start bg-dark text-muted mt-3">
-    <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
+    <footer
+      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)"
+      >
         Generated: {{.Generated}}
-    </div>
-</footer>
+      </div>
+    </footer>
 
-<script crossorigin="anonymous"
-        integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
-        src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
-
-</body>
-</html>
\ No newline at end of file
+    <script
+      crossorigin="anonymous"
+      integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
+    ></script>
+    <script>
+      function myFunction() {
+        var input, filter, table, tr, td, i, txtValue
+        input = document.getElementById('table-sort-input')
+        filter = input.value.toUpperCase()
+        tables = document.getElementsByClassName('table-sorted')
+        for (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) {
+              txtValue = td.textContent || td.innerText
+              if (txtValue.toUpperCase().indexOf(filter) > -1) {
+                tr[i].style.display = ''
+              } else {
+                tr[i].style.display = 'none'
+              }
+            }
+          }
+        }
+      }
+    </script>
+  </body>
+</html>
-- 
2.52.0


From 5606125c2ae3172659d3f7d4d7cb90e483d41ab3 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Mon, 20 Sep 2021 17:06:19 +0200
Subject: [PATCH 2/4] removed test-tables

---
 tpl/packages.html | 21 ---------------------
 1 file changed, 21 deletions(-)

diff --git a/tpl/packages.html b/tpl/packages.html
index 79a45fc..f02265a 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -48,27 +48,6 @@
     </nav>
 
     <div class="container">
-      <table class="table table-sorted">
-        <tr>
-          <td>Test</td>
-          <td>bull</td>
-        </tr>
-        <tr>
-          <td>frank</td>
-          <td>sinatra</td>
-        </tr>
-      </table>
-      <table class="table table-sorted">
-        <tr>
-          <td>Test1</td>
-          <td>bull1</td>
-        </tr>
-        <tr>
-          <td>frank1</td>
-          <td>sinatra1</td>
-        </tr>
-      </table>
-
       {{range $march := .March}}
       <h3>{{$march.Name}}</h3>
       <div class="accordion" id="accordion-{{$march.Name}}">
-- 
2.52.0


From 4ca9bea7119ac2b683d8b884b69e682574e22721 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Mon, 20 Sep 2021 18:31:08 +0200
Subject: [PATCH 3/4] change function name

---
 tpl/packages.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tpl/packages.html b/tpl/packages.html
index f02265a..0417cbc 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -39,7 +39,7 @@
             placeholder="Search for packages.."
             class="form-control"
             id="table-sort-input"
-            onkeyup="myFunction()"
+            onkeyup="searchFilter()"
             placeholder="Search for names.."
             title="Type in a name"
           />
@@ -140,7 +140,7 @@
       src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
     ></script>
     <script>
-      function myFunction() {
+      function searchFilter() {
         var input, filter, table, tr, td, i, txtValue
         input = document.getElementById('table-sort-input')
         filter = input.value.toUpperCase()
-- 
2.52.0


From 0058dcff414ec35f7abf0036e2c2868b716872f7 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Mon, 20 Sep 2021 22:05:34 +0200
Subject: [PATCH 4/4] final changes for search-function

---
 tpl/packages.html | 231 +++++++++++++++++++---------------------------
 1 file changed, 93 insertions(+), 138 deletions(-)

diff --git a/tpl/packages.html b/tpl/packages.html
index 0417cbc..aa4ff54 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -1,166 +1,121 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1" name="viewport" />
+<head>
+    <meta charset="utf-8"/>
+    <meta content="width=device-width, initial-scale=1" name="viewport"/>
 
     <!-- Bootstrap CSS -->
-    <link
-      crossorigin="anonymous"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
-      integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We"
-      rel="stylesheet"
-    />
+    <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
+          integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" rel="stylesheet"/>
 
-    <link
-      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
-      rel="stylesheet"
-    />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet"/>
 
     <title>ALHP Status</title>
-  </head>
-  <body>
-    <nav class="navbar navbar-expand-lg sticky-top navbar-light bg-info mb-5">
-      <div class="container">
+</head>
+<body>
+<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-info mb-5">
+    <div class="container">
         <div class="d-flex justify-content-start">
-          <span class="navbar-brand align-middle">ALHP Status</span>
-          <span class="navbar-text">
-            <a
-              href="https://git.harting.dev/anonfunc/ALHP.GO"
-              class="align-middle position-absolute"
-              ><i class="bi bi-github h4"></i
-            ></a>
+            <span class="navbar-brand align-middle">ALHP Status</span>
+            <span class="navbar-text">
+            <a href="https://git.harting.dev/anonfunc/ALHP.GO" class="align-middle position-absolute"><i
+                    class="bi bi-github h4"></i></a>
           </span>
         </div>
 
         <div class="d-flex justify-content-end">
-          <input
-            type="search"
-            placeholder="Search for packages.."
-            class="form-control"
-            id="table-sort-input"
-            onkeyup="searchFilter()"
-            placeholder="Search for names.."
-            title="Type in a name"
-          />
+            <input type="search" placeholder="Search for packages.." class="form-control" id="table-sort-input"
+                   onkeyup="searchFilter()" title="Type in a name"/>
         </div>
-      </div>
-    </nav>
+    </div>
+</nav>
 
-    <div class="container">
-      {{range $march := .March}}
-      <h3>{{$march.Name}}</h3>
-      <div class="accordion" id="accordion-{{$march.Name}}">
+<div class="container">
+    {{range $march := .March}}
+    <h3>{{$march.Name}}</h3>
+    <div class="accordion" id="accordion-{{$march.Name}}">
         {{range $repo := $march.Repos}}
         <div class="accordion-item">
-          <h2
-            class="accordion-header"
-            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"
-            >
-              {{$repo.Name}}-{{$march.Name}}
-            </button>
-          </h2>
-          <div
-            aria-labelledby="heading-{{$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}}">
-                <thead>
-                  <tr>
-                    <th scope="col">Pkgbase</th>
-                    <th scope="col">Status</th>
-                    <th scope="col">Reason</th>
-                    <th scope="col">SVN2GIT Version</th>
-                    <th scope="col">{{$repo.Name}}-{{$march.Name}} Version</th>
-                    <th scope="col">Info</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {{range $pkg := $repo.Packages}}
-                  <tr
-                    class="{{$pkg.Class}}"
-                    id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
-                  >
-                    <td>{{$pkg.Pkgbase}}</td>
-                    <td>{{$pkg.Status}}</td>
-                    <td>{{$pkg.Skip}}</td>
-                    <td>{{$pkg.Svn2GitVersion}}</td>
-                    <td>{{$pkg.Version}}</td>
-                    <td class="text-center">
-                      {{with $pkg.Log}}<a href="{{.}}"
-                        ><i class="bi bi-file-text-fill"></i></a
-                      >{{end}}
-                      <a
-                        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}}"
-                      >
-                        <i class="bi bi-info-circle-fill"></i
-                      ></a>
-                    </td>
-                  </tr>
-                  {{end}}
-                </tbody>
-              </table>
+            <h2 class="accordion-header" 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">{{$repo.Name}}-{{$march.Name}}
+                </button>
+            </h2>
+            <div aria-labelledby="heading-{{$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 table-sorted">
+                        <thead>
+                        <tr>
+                            <th scope="col">Pkgbase</th>
+                            <th scope="col">Status</th>
+                            <th scope="col">Reason</th>
+                            <th scope="col">SVN2GIT Version</th>
+                            <th scope="col">{{$repo.Name}}-{{$march.Name}} Version</th>
+                            <th scope="col">Info</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        {{range $pkg := $repo.Packages}}
+                        <tr class="{{$pkg.Class}}" id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
+                            <td>{{$pkg.Pkgbase}}</td>
+                            <td>{{$pkg.Status}}</td>
+                            <td>{{$pkg.Skip}}</td>
+                            <td>{{$pkg.Svn2GitVersion}}</td>
+                            <td>{{$pkg.Version}}</td>
+                            <td class="text-center">
+                                {{with $pkg.Log}}<a href="{{.}}"
+                            ><i class="bi bi-file-text-fill"></i></a
+                            >{{end}}
+                                <a 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}}">
+                                    <i class="bi bi-info-circle-fill"></i></a>
+                            </td>
+                        </tr>
+                        {{end}}
+                        </tbody>
+                    </table>
+                </div>
             </div>
-          </div>
         </div>
         {{end}}
-      </div>
-      {{end}}
     </div>
+    {{end}}
+</div>
 
-    <footer
-      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)"
-      >
+<footer 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)">
         Generated: {{.Generated}}
-      </div>
-    </footer>
+    </div>
+</footer>
 
-    <script
-      crossorigin="anonymous"
-      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
+<script crossorigin="anonymous" 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() {
+        let input, filter, table, tr, td, i, txtValue;
         input = document.getElementById('table-sort-input')
         filter = input.value.toUpperCase()
-        tables = document.getElementsByClassName('table-sorted')
-        for (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) {
-              txtValue = td.textContent || td.innerText
-              if (txtValue.toUpperCase().indexOf(filter) > -1) {
-                tr[i].style.display = ''
-              } else {
-                tr[i].style.display = 'none'
-              }
+        const tables = document.getElementsByClassName('table-sorted');
+        for (let j = 0; j < tables.length; j++) {
+            tr = tables[j].getElementsByTagName('tr')
+            for (i = 0; i < tr.length; i++) {
+                td = tr[i].getElementsByTagName('td')[0]
+                if (td) {
+                    txtValue = td.textContent || td.innerText
+                    if (txtValue.toUpperCase().indexOf(filter) > -1) {
+                        tr[i].style.display = ''
+                    } else {
+                        tr[i].style.display = 'none'
+                    }
+                }
             }
-          }
         }
-      }
-    </script>
-  </body>
+    }
+</script>
+</body>
 </html>
-- 
2.52.0

