Search feature update
This commit is contained in:
cnachtigall1991
@@ -1,46 +1,102 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8" />
|
||||||
<meta content="width=device-width, initial-scale=1" name="viewport">
|
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
||||||
|
|
||||||
<!-- Bootstrap CSS -->
|
<!-- Bootstrap CSS -->
|
||||||
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css"
|
<link
|
||||||
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" rel="stylesheet">
|
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>
|
<title>ALHP Status</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-info mb-5">
|
||||||
<nav class="navbar sticky-top navbar-light bg-info mb-3">
|
<div class="container">
|
||||||
<div class="container-fluid">
|
<div class="d-flex justify-content-start">
|
||||||
<span class="navbar-brand mb-0 h1">ALHP Status</span>
|
<span class="navbar-brand align-middle">ALHP Status</span>
|
||||||
<span class="navbar-text">
|
<span class="navbar-text">
|
||||||
<a href="https://git.harting.dev/anonfunc/ALHP.GO"><i class="bi bi-github h3"></i></a>
|
<a
|
||||||
|
href="https://git.harting.dev/anonfunc/ALHP.GO"
|
||||||
|
class="align-middle position-absolute"
|
||||||
|
><i class="bi bi-github h4"></i
|
||||||
|
></a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="d-flex justify-content-end">
|
||||||
{{range $march := .March}}<h3>{{$march.Name}}</h3>
|
<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">
|
||||||
|
<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}}">
|
<div class="accordion" id="accordion-{{$march.Name}}">
|
||||||
{{range $repo := $march.Repos}}
|
{{range $repo := $march.Repos}}
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="heading-{{$march.Name}}-{{$repo.Name}}">
|
<h2
|
||||||
<button aria-controls="collapse-{{$march.Name}}-{{$repo.Name}}" aria-expanded="false"
|
class="accordion-header"
|
||||||
|
id="heading-{{$march.Name}}-{{$repo.Name}}"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
aria-controls="collapse-{{$march.Name}}-{{$repo.Name}}"
|
||||||
|
aria-expanded="false"
|
||||||
class="accordion-button"
|
class="accordion-button"
|
||||||
data-bs-target="#collapse-{{$march.Name}}-{{$repo.Name}}"
|
data-bs-target="#collapse-{{$march.Name}}-{{$repo.Name}}"
|
||||||
data-bs-toggle="collapse" type="button">
|
data-bs-toggle="collapse"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
{{$repo.Name}}-{{$march.Name}}
|
{{$repo.Name}}-{{$march.Name}}
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div aria-labelledby="heading-{{$march.Name}}-{{$repo.Name}}"
|
<div
|
||||||
|
aria-labelledby="heading-{{$march.Name}}-{{$repo.Name}}"
|
||||||
class="accordion-collapse collapse show"
|
class="accordion-collapse collapse show"
|
||||||
data-bs-parent="#accordion-{{$march.Name}}" id="collapse-{{$march.Name}}-{{$repo.Name}}">
|
data-bs-parent="#accordion-{{$march.Name}}"
|
||||||
|
id="collapse-{{$march.Name}}-{{$repo.Name}}"
|
||||||
|
>
|
||||||
<div class="accordion-body overflow-auto">
|
<div class="accordion-body overflow-auto">
|
||||||
<table class="table">
|
<table class="table" id="table-sorted-{{$march.Name}}">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">Pkgbase</th>
|
<th scope="col">Pkgbase</th>
|
||||||
@@ -53,18 +109,29 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{{range $pkg := $repo.Packages}}
|
{{range $pkg := $repo.Packages}}
|
||||||
<tr class="{{$pkg.Class}}" id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}">
|
<tr
|
||||||
|
class="{{$pkg.Class}}"
|
||||||
|
id="{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
|
||||||
|
>
|
||||||
<td>{{$pkg.Pkgbase}}</td>
|
<td>{{$pkg.Pkgbase}}</td>
|
||||||
<td>{{$pkg.Status}}</td>
|
<td>{{$pkg.Status}}</td>
|
||||||
<td>{{$pkg.Skip}}</td>
|
<td>{{$pkg.Skip}}</td>
|
||||||
<td>{{$pkg.Svn2GitVersion}}</td>
|
<td>{{$pkg.Svn2GitVersion}}</td>
|
||||||
<td>{{$pkg.Version}}</td>
|
<td>{{$pkg.Version}}</td>
|
||||||
<td class="text-center">
|
<td class="text-center">
|
||||||
{{with $pkg.Log}}<a href="{{.}}"><i class="bi bi-file-text-fill"></i></a>{{end}}
|
{{with $pkg.Log}}<a href="{{.}}"
|
||||||
<a data-bs-html="true" data-bs-placement="bottom" data-bs-toggle="tooltip"
|
><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}}"
|
href="#{{$repo.Name}}-{{$march.Name}}-{{$pkg.Pkgbase}}"
|
||||||
title="{{if $pkg.BuildDate}}Build Date: {{$pkg.BuildDate}} {{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}} {{end}}Check date: {{$pkg.Checked}}">
|
title="{{if $pkg.BuildDate}}Build Date: {{$pkg.BuildDate}} {{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}} {{end}}Check date: {{$pkg.Checked}}"
|
||||||
<i class="bi bi-info-circle-fill"></i></a></td>
|
>
|
||||||
|
<i class="bi bi-info-circle-fill"></i
|
||||||
|
></a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{{end}}
|
{{end}}
|
||||||
</tbody>
|
</tbody>
|
||||||
@@ -75,17 +142,46 @@
|
|||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="text-center text-lg-start bg-dark text-muted mt-3">
|
<footer
|
||||||
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
|
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}}
|
Generated: {{.Generated}}
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script crossorigin="anonymous"
|
<script
|
||||||
|
crossorigin="anonymous"
|
||||||
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
|
integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
|
||||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
|
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
|
||||||
|
></script>
|
||||||
</body>
|
<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>
|
</html>
|
||||||
Reference in New Issue
Block a user