tpeetz/kontor
1
0
Fork 0
Code Issues 7 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

refactor layout
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 9s
Details

Browse Source
This commit is contained in:
Thomas Peetz
2026-10-14 23:08:49 +02:00
parent d5f71efe5e
commit 2e80cd9b0e
4 changed files with 133 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kontor-gin/templates/layouts/footer.html
+7 -1
View File
@@ -1,3 +1,9 @@
{{ define "footer" }} {{ define "footer" }}
<div class="footer">{{ .version }}</div> <footer class="mt-auto py-3 bg-light fixed-bottom">
<div class="container text-center">
<span class="text-muted">{{ .version }}</span>
</div>
</footer>
<!-- Bootstrap JS einbinden -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
{{ end }} {{ end }}
kontor-gin/templates/layouts/navbar.html
+47 -2
View File
@@ -1,5 +1,50 @@
{{ define "navbar" }} {{ define "navbar" }}
<nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: darkgrey;"> <!-- 1. Kopfzeile & Navigation -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark" style="background-color:darkgrey;">
<div class="container-fluid">
<a class="navbar-brand" href="#">Kontor</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarComicsMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Comics</a>
<div class="dropdown-menu" aria-labelledby="navbarComicsMenuLink">
<a class="dropdown-item" href="/comics/comics">Comics</a>
<a class="dropdown-item" href="/comics/publishers">Publisher</a>
<a class="dropdown-item" href="/comics/artists">Artist</a>
<a class="dropdown-item" href="/comics/issues">Issue</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarWebMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Media</a>
<div class="dropdown-menu" aria-labelledby="navbarWebMenuLink">
<a class="dropdown-item" href="/web/media-files">Media Files</a>
<a class="dropdown-item" href="/web/actors">Media Actors</a>
<a class="dropdown-item" href="/web/media-lofis">Lofi</a>
<a class="dropdown-item" href="/web/articles">Artikel</a>
</div>
</li>
{{ if .user }}
<li class="nav-item">
<a class="nav-link" href="/logout">Logout</a>
</li>
{{ else }}
<li class="nav-item">
<a class="nav-link" href="/login">Login</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
</header>
<!-- <nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: darkgrey;">
<a class="navbar-brand" href="/">Kontor</a> <a class="navbar-brand" href="/">Kontor</a>
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@@ -37,5 +82,5 @@
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form> </form>
</ul> </ul>
</nav> </nav> -->
{{ end }} {{ end }}
kontor-gin/templates/pages/home.html
+17 -2
View File
@@ -3,9 +3,24 @@
<html lang="de"> <html lang="de">
{{ template "head" . }} {{ template "head" . }}
<body> <body class="d-flex flex-column h-100">
{{ template "navbar" . }} {{ template "navbar" . }}
<h1>{{ .message }}</h1> <main class="flex-shrink-0">
<div class="container my-4">
<div class="row">
<div class="col-md-8">
<h1>Hauptinhalt</h1>
<p>{{ .message }}</p>
</div>
<div class="col-md-4">
<aside class="bg-light p-3">
<h3>Seitenbereich</h3>
<p>Optionale Sidebar oder Zusatzinformationen.</p>
</aside>
</div>
</div>
</div>
</main>
{{ template "footer" . }} {{ template "footer" . }}
</body> </body>
</html> </html>
kontor-gin/templates/pages/lofi.html
+62 -50
View File
@@ -3,59 +3,71 @@
<html lang="de"> <html lang="de">
{{ template "head" . }} {{ template "head" . }}
<body> <body class="d-flex flex-column h-100">
{{ template "navbar" . }} {{ template "navbar" . }}
<div class="row"> <!-- 2. Hauptbereich -->
<h1>Media Lofi</h1> <main class="flex-shrink-0">
</div> <div class="container my-4">
<div class="row"> <div class="row">
<form class="form-inline" action="/media/lofis"> <div class="col-md-8">
<input type="text" placeholder="Search" name="query"> <h1>Media Lofi</h1>
<input> <p>Hier steht der wesentliche Inhalt der Seite.</p>
<input type="checkbox" name="review" {{ if .Review }}checked{{ end }}>Review </div>
</label> <div class="col-md-4">
<label> <aside class="bg-light p-3">
<input type="checkbox" name="should_download" {{ if .ShouldDownload }}checked{{ end }}>Download <h3>Seitenbereich</h3>
</label> <p>Optionale Sidebar oder Zusatzinformationen.</p>
<button type="submit">Search</button> </aside>
<div class="pill-nav"><a href="/media/lofis/add">Add Lofi</a></div> </div>
</form> </div>
</div> <div class="row">
<div class="row"> <form class="form-inline" action="/media/lofis">
<div class="maincolumn"> <input type="text" placeholder="Search" name="query">
<table class="table table-hover"> <label>
<thead> <input type="checkbox" name="review" {{ if .Review }}checked{{ end }}>Review
<tr> </label>
<th scope="col">Title</th> <label>
<th scope="col">Weblink</th> <input type="checkbox" name="should_download" {{ if .ShouldDownload }}checked{{ end }}>Download
<th scope="col">Review</th> </label>
<th colspan="2">Actions</th> <button type="submit">Search</button>
</tr> <div class="pill-nav"><a href="/media/lofis/add">Add Lofi</a></div>
</thead> </form>
<tbody> </div>
{{ range .lofis }} <div class="row">
<tr> <table class="table table-hover">
<th scope="row"><a href="/web/media-lofis/{{.ID}}/edit">{{.Title}}</a></th> <thead>
{{ if .WebLink }} <tr>
<td><a href="{{.WebLink}}">{{.WebLink}}</a></td> <th scope="col">Title</th>
{{ else }} <th scope="col">Weblink</th>
<td>WebLink not set</td> <th scope="col">Review</th>
<th colspan="2">Actions</th>
</tr>
</thead>
<tbody>
{{ range .lofis }}
<tr>
<th scope="row"><a href="/web/media-lofis/{{.ID}}/edit">{{.Title}}</a></th>
{{ if .WebLink }}
<td><a href="{{.WebLink}}">{{.WebLink}}</a></td>
{{ else }}
<td>WebLink not set</td>
{{ end }}
<td>
{{ if .Review }}
<a href="/web/media-lofis/{{.ID}}/change-review"><img src="/public/icons/tick.png" alt="true" width="24" height="24"></a>
{{ else }}
<a href="/web/media-lofis/{{.ID}}/change-review"><img src="/public/icons/cross.png" alt="true" width="24" height="24"></a>
{{ end }}
</td>
<td><a href="/web/media-lofis/{{.ID}}/edit" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Edit</a></td>
<td><a href="/web/media-lofis/{{.ID}}/delete" class="btn btn-outline-danger btn-sm active" role="button" aria-pressed="true">Delete</a></td>
</tr>
{{ end }} {{ end }}
<td> </tbody>
{{ if .Review }} </table>
<a href="/web/media-lofis/{{.ID}}/change-review"><img src="/public/icons/tick.png" alt="true" width="24" height="24"></a> </div>
{{ else }}
<a href="/web/media-lofis/{{.ID}}/change-review"><img src="/public/icons/cross.png" alt="true" width="24" height="24"></a>
{{ end }}
</td>
<td><a href="/web/media-lofis/{{.ID}}/edit" class="btn btn-outline-primary btn-sm active" role="button" aria-pressed="true">Edit</a></td>
<td><a href="/web/media-lofis/{{.ID}}/delete" class="btn btn-outline-danger btn-sm active" role="button" aria-pressed="true">Delete</a></td>
</tr>
{{ end }}
</tbody>
</table>
</div> </div>
</div> </main>
{{ template "footer" . }} {{ template "footer" . }}
</body> </body>
</html> </html>