Search feature update
This commit is contained in:
cnachtigall1991
@@ -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}} {{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}} {{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}} {{end}}{{if $pkg.BuildDuration}}Build Duration: {{$pkg.BuildDuration}} {{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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user