frontend: backend: fix formatting errors and errors from tests
This commit is contained in:
Patryk Hegenberg
parent
6db6d78ad9
commit
ff0f06c0b9
7 changed files with 215 additions and 213 deletions
|
|
@ -3,51 +3,51 @@
|
|||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{.Title}}</title>
|
||||
<script src="https://unpkg.com/htmx.org@1.9.9"
|
||||
integrity="sha384-QFjmbokDn2DjBjq+fM+8LUIVrAgqcNW2s0PjAxHETgRn9l4fvX31ZxDxvwQnyMOX"
|
||||
crossorigin="anonymous"></script>
|
||||
<link id="customStylesheet" rel="stylesheet" href="/static/darkly_bulmawatch.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{.Title}}</title>
|
||||
<script src="https://unpkg.com/htmx.org@1.9.9"
|
||||
integrity="sha384-QFjmbokDn2DjBjq+fM+8LUIVrAgqcNW2s0PjAxHETgRn9l4fvX31ZxDxvwQnyMOX"
|
||||
crossorigin="anonymous"></script>
|
||||
<link id="customStylesheet" rel="stylesheet" href="/static/darkly_bulmawatch.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container is-widescreen">
|
||||
{{ template "header" . }}
|
||||
</div>
|
||||
<div class="container is-widescreen" id="main-content">
|
||||
{{ template "main" . }}
|
||||
</div>
|
||||
<div class="container is-widescreen">
|
||||
{{ template "header" . }}
|
||||
</div>
|
||||
<div class="container is-widescreen" id="main-content">
|
||||
{{ template "main" . }}
|
||||
</div>
|
||||
|
||||
<div class="container is-widescreen">
|
||||
{{ template "footer" . }}
|
||||
</div>
|
||||
<div class="container is-widescreen">
|
||||
{{ template "footer" . }}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
// Get all "navbar-burger" elements
|
||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||||
// Get all "navbar-burger" elements
|
||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||||
|
||||
// Add a click event on each of them
|
||||
$navbarBurgers.forEach(el => {
|
||||
el.addEventListener('click', () => {
|
||||
// Add a click event on each of them
|
||||
$navbarBurgers.forEach(el => {
|
||||
el.addEventListener('click', () => {
|
||||
|
||||
// Get the target from the "data-target" attribute
|
||||
const target = el.dataset.target;
|
||||
const $target = document.getElementById(target);
|
||||
// Get the target from the "data-target" attribute
|
||||
const target = el.dataset.target;
|
||||
const $target = document.getElementById(target);
|
||||
|
||||
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
||||
el.classList.toggle('is-active');
|
||||
$target.classList.toggle('is-active');
|
||||
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
||||
el.classList.toggle('is-active');
|
||||
$target.classList.toggle('is-active');
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,57 +1,58 @@
|
|||
{{ define "contact" }}
|
||||
<div class="tile is-parent">
|
||||
<div class="tile is-child card ">
|
||||
<div class="card-content">
|
||||
<div class="media-content">
|
||||
<p class="title is-4">Contact Us</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="tile is-child card ">
|
||||
<div class="card-content">
|
||||
<div class="media-content">
|
||||
<p class="title is-4">Contact Us</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="contact-info">
|
||||
<h2>Our Contact Information</h2>
|
||||
<p>You can reach us through the following channels:</p>
|
||||
<ul>
|
||||
<li>Email: example@example.com</li>
|
||||
<li>Phone: +123456789</li>
|
||||
</ul>
|
||||
<div class="contact-info">
|
||||
<h2>Our Contact Information</h2>
|
||||
<p>You can reach us through the following channels:</p>
|
||||
<ul>
|
||||
<li>Email: example@example.com</li>
|
||||
<li>Phone: +123456789</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="contact-form">
|
||||
<h2>Contact Form</h2>
|
||||
<form action="/submitContact" method="post">
|
||||
<div class="field">
|
||||
<label for="name">Your Name:</label>
|
||||
<div class="control">
|
||||
<input type="text" name="name" required placeholder="Your name"
|
||||
class="input input-bordered w-full max-w-xs">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="email">Your Email:</label>
|
||||
<div class="control">
|
||||
<input type="email" name="email" required placeholder="Your email"
|
||||
class="input input-bordered w-full max-w-xs">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="message">Your Message:</label>
|
||||
<div class="control">
|
||||
<textarea name="message" required placeholder="Type your message here"
|
||||
class="textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<button type="submit" class="button is-primary">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-form">
|
||||
<h2>Contact Form</h2>
|
||||
<form action="/submitContact" method="post">
|
||||
<div class="field">
|
||||
<label for="name">Your Name:</label>
|
||||
<div class="control">
|
||||
<input type="text" name="name" required placeholder="Your name"
|
||||
class="input input-bordered w-full max-w-xs">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="email">Your Email:</label>
|
||||
<div class="control">
|
||||
<input type="email" name="email" required placeholder="Your email"
|
||||
class="input input-bordered w-full max-w-xs">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="message">Your Message:</label>
|
||||
<div class="control">
|
||||
<textarea name="message" required placeholder="Type your message here" class="textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<button type="submit" class="button is-primary">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
{{ define "footer" }}
|
||||
<footer class="footer">
|
||||
<div class="content has-text-centered is-widescreen">
|
||||
<p>
|
||||
© {{.Year}} Dungeons and Dragons Monster Generator. Alle Rechte vorbehalten.
|
||||
</p>
|
||||
</div>
|
||||
<div class="content has-text-centered is-widescreen">
|
||||
<p>
|
||||
© {{.Year}} Dungeons and Dragons Monster Generator. Alle Rechte vorbehalten.
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,81 +1,82 @@
|
|||
{{ define "header" }}
|
||||
<header>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a href="/" class="navbar-item" hx-get="/main" hx-target="#main-content" hx-boost="true">
|
||||
Dungeons & Dragons
|
||||
</a>
|
||||
|
||||
<a href="/about" class="navbar-item" hx-get="/about" hx-target="#main-content" hx-boost="true">
|
||||
About
|
||||
</a>
|
||||
|
||||
<a href="/contact" class="navbar-item" hx-get="/contact" hx-target="#main-content" hx-boost="true">
|
||||
Contact
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<button id="switchButton" class="button is-light">
|
||||
<span id="stylesheetIcon" class="icon">
|
||||
<i class="fas fa-sun"></i>
|
||||
</span>
|
||||
</button>
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="navbar-brand">
|
||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
|
||||
data-target="navbarBasicExample">
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
<span aria-hidden="true"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-parent">
|
||||
<section class="tile is-child hero box is-widescreen">
|
||||
<div class="hero-body is-flex is-justify-content-center is-align-items-center">
|
||||
<div class="container has-text-centered">
|
||||
<div class="hero-background">
|
||||
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
|
||||
|
||||
<div id="navbarBasicExample" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<a href="/" class="navbar-item" hx-get="/main" hx-target="#main-content" hx-boost="true">
|
||||
Dungeons & Dragons
|
||||
</a>
|
||||
|
||||
<a href="/about" class="navbar-item" hx-get="/about" hx-target="#main-content" hx-boost="true">
|
||||
About
|
||||
</a>
|
||||
|
||||
<a href="/contact" class="navbar-item" hx-get="/contact" hx-target="#main-content" hx-boost="true">
|
||||
Contact
|
||||
</a>
|
||||
</div>
|
||||
<div class="hero-content is-overlay">
|
||||
<p class="title is-size-5-mobile is-size-1-desktop"
|
||||
style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
|
||||
Dungeons and Dragons Monster Generator
|
||||
</p>
|
||||
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<button id="switchButton" class="button is-light">
|
||||
<span id="stylesheetIcon" class="icon">
|
||||
<i class="fas fa-sun"></i>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</nav>
|
||||
<div class="tile is-ancestor">
|
||||
<div class="tile is-parent">
|
||||
<section class="tile is-child hero box is-widescreen">
|
||||
<div class="hero-body is-flex is-justify-content-center is-align-items-center">
|
||||
<div class="container has-text-centered">
|
||||
<div class="hero-background">
|
||||
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
|
||||
</div>
|
||||
<div class="hero-content is-overlay">
|
||||
<p class="title is-size-5-mobile is-size-1-desktop"
|
||||
style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
|
||||
Dungeons and Dragons Monster Generator
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const switchButton = document.getElementById("switchButton");
|
||||
const stylesheetIcon = document.getElementById("stylesheetIcon");
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const switchButton = document.getElementById("switchButton");
|
||||
const stylesheetIcon = document.getElementById("stylesheetIcon");
|
||||
|
||||
if (switchButton) {
|
||||
switchButton.addEventListener('click', switchStylesheet);
|
||||
}
|
||||
if (switchButton) {
|
||||
switchButton.addEventListener('click', switchStylesheet);
|
||||
}
|
||||
|
||||
function switchStylesheet() {
|
||||
const link = document.getElementById("customStylesheet");
|
||||
function switchStylesheet() {
|
||||
const link = document.getElementById("customStylesheet");
|
||||
|
||||
// Ändere das Icon basierend auf dem aktuellen Stylesheet
|
||||
if (link.getAttribute("href") === "/static/darkly_bulmawatch.css") {
|
||||
link.setAttribute("href", "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css");
|
||||
stylesheetIcon.innerHTML = '<i class="fas fa-moon"></i>'; // Zum Mond-Icon wechseln
|
||||
} else {
|
||||
link.setAttribute("href", "/static/darkly_bulmawatch.css");
|
||||
stylesheetIcon.innerHTML = '<i class="fas fa-sun"></i>'; // Zum Sonnen-Icon wechseln
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
// Ändere das Icon basierend auf dem aktuellen Stylesheet
|
||||
if (link.getAttribute("href") === "/static/darkly_bulmawatch.css") {
|
||||
link.setAttribute("href", "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css");
|
||||
stylesheetIcon.innerHTML = '<i class="fas fa-moon"></i>'; // Zum Mond-Icon wechseln
|
||||
} else {
|
||||
link.setAttribute("href", "/static/darkly_bulmawatch.css");
|
||||
stylesheetIcon.innerHTML = '<i class="fas fa-sun"></i>'; // Zum Sonnen-Icon wechseln
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</header>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,59 +1,59 @@
|
|||
{{ define "monster" }}
|
||||
<tr>
|
||||
<td>{{.Name}}</td>
|
||||
<td>{{.Source}}</td>
|
||||
<td>{{range .Size}}{{.}}{{end}}</td>
|
||||
<td>{{.Type}}</td>
|
||||
<td>{{range .Alignment}}{{.}}{{end}}</td>
|
||||
<td>{{range .AC}}{{.AC}}{{end}}</td>
|
||||
<td>{{range .AC}}{{.From}}{{end}}</td>
|
||||
<td>{{.HP.Average}}</td>
|
||||
<td>{{.HP.Formula}}</td>
|
||||
<td>{{.Speed.Walk}}</td>
|
||||
<td>{{.Speed.Swim}}</td>
|
||||
<td>{{.Speed.Burrow}}</td>
|
||||
<td>{{.Speed.Climb}}</td>
|
||||
<td>{{.Speed.Fly}}</td>
|
||||
<td>{{.Str}}</td>
|
||||
<td>{{.Dex}}</td>
|
||||
<td>{{.Con}}</td>
|
||||
<td>{{.Int}}</td>
|
||||
<td>{{.Wis}}</td>
|
||||
<td>{{.Cha}}</td>
|
||||
<td>{{.Save.Dex}}</td>
|
||||
<td>{{.Save.Con}}</td>
|
||||
<td>{{.Save.Wis}}</td>
|
||||
<td>{{.Save.Str}}</td>
|
||||
<td>{{.Save.Int}}</td>
|
||||
<td>{{.Save.Cha}}</td>
|
||||
<td>{{.Skill.Perception}}</td>
|
||||
<td>{{.Skill.Stealth}}</td>
|
||||
<td>{{.Skill.Acrobatics}}</td>
|
||||
<td>{{.Skill.AnimalHandling}}</td>
|
||||
<td>{{.Skill.Arcana}}</td>
|
||||
<td>{{.Skill.Athletics}}</td>
|
||||
<td>{{.Skill.Deception}}</td>
|
||||
<td>{{.Skill.History}}</td>
|
||||
<td>{{.Skill.Insight}}</td>
|
||||
<td>{{.Skill.Intimidation}}</td>
|
||||
<td>{{.Skill.Investigation}}</td>
|
||||
<td>{{.Skill.Medicine}}</td>
|
||||
<td>{{.Skill.Nature}}</td>
|
||||
<td>{{.Skill.Performance}}</td>
|
||||
<td>{{.Skill.Persuasion}}</td>
|
||||
<td>{{.Skill.SleightOfHand}}</td>
|
||||
<td>{{.Skill.Survival}}</td>
|
||||
<td>{{.Skill.Religion}}</td>
|
||||
<td>{{range .Resist}}{{.}}{{end}}</td>
|
||||
<td>{{range .Immune}}{{.}}{{end}}</td>
|
||||
<td>{{range .Vulnerable}}{{.}}{{end}}</td>
|
||||
<td>{{range .ConditionImmune}}{{.}}{{end}}</td>
|
||||
<td>{{range .Senses}}{{.}}{{end}}</td>
|
||||
<td>{{range .Languages}}{{.}}{{end}}</td>
|
||||
<td>{{.CR}}</td>
|
||||
<td>{{range .Traits}}{{.Name}}{{end}}</td>
|
||||
<td>{{range .Traits}}{{range .Entries}}{{.}}{{end}}{{end}}</td>
|
||||
<td>{{range .Actions}}{{.Name}}{{end}}</td>
|
||||
<td>{{range .Actions}}{{range .Entries}}{{.}}{{end}}{{end}}</td>
|
||||
<td>{{.Name}}</td>
|
||||
<td>{{.Source}}</td>
|
||||
<td>{{range .Size}}{{.}}{{end}}</td>
|
||||
<td>{{.Type}}</td>
|
||||
<td>{{range .Alignment}}{{.}}{{end}}</td>
|
||||
<td>{{range .AC}}{{.AC}}{{end}}</td>
|
||||
<td>{{range .AC}}{{.From}}{{end}}</td>
|
||||
<td>{{.HP.Average}}</td>
|
||||
<td>{{.HP.Formula}}</td>
|
||||
<td>{{.Speed.Walk}}</td>
|
||||
<td>{{.Speed.Swim}}</td>
|
||||
<td>{{.Speed.Burrow}}</td>
|
||||
<td>{{.Speed.Climb}}</td>
|
||||
<td>{{.Speed.Fly}}</td>
|
||||
<td>{{.Str}}</td>
|
||||
<td>{{.Dex}}</td>
|
||||
<td>{{.Con}}</td>
|
||||
<td>{{.Int}}</td>
|
||||
<td>{{.Wis}}</td>
|
||||
<td>{{.Cha}}</td>
|
||||
<td>{{.Save.Dex}}</td>
|
||||
<td>{{.Save.Con}}</td>
|
||||
<td>{{.Save.Wis}}</td>
|
||||
<td>{{.Save.Str}}</td>
|
||||
<td>{{.Save.Int}}</td>
|
||||
<td>{{.Save.Cha}}</td>
|
||||
<td>{{.Skill.Perception}}</td>
|
||||
<td>{{.Skill.Stealth}}</td>
|
||||
<td>{{.Skill.Acrobatics}}</td>
|
||||
<td>{{.Skill.AnimalHandling}}</td>
|
||||
<td>{{.Skill.Arcana}}</td>
|
||||
<td>{{.Skill.Athletics}}</td>
|
||||
<td>{{.Skill.Deception}}</td>
|
||||
<td>{{.Skill.History}}</td>
|
||||
<td>{{.Skill.Insight}}</td>
|
||||
<td>{{.Skill.Intimidation}}</td>
|
||||
<td>{{.Skill.Investigation}}</td>
|
||||
<td>{{.Skill.Medicine}}</td>
|
||||
<td>{{.Skill.Nature}}</td>
|
||||
<td>{{.Skill.Performance}}</td>
|
||||
<td>{{.Skill.Persuasion}}</td>
|
||||
<td>{{.Skill.SleightOfHand}}</td>
|
||||
<td>{{.Skill.Survival}}</td>
|
||||
<td>{{.Skill.Religion}}</td>
|
||||
<td>{{range .Resist}}{{.}}{{end}}</td>
|
||||
<td>{{range .Immune}}{{.}}{{end}}</td>
|
||||
<td>{{range .Vulnerable}}{{.}}{{end}}</td>
|
||||
<td>{{range .ConditionImmune}}{{.}}{{end}}</td>
|
||||
<td>{{range .Senses}}{{.}}{{end}}</td>
|
||||
<td>{{range .Languages}}{{.}}{{end}}</td>
|
||||
<td>{{.CR}}</td>
|
||||
<td>{{range .Traits}}{{.Name}}{{end}}</td>
|
||||
<td>{{range .Traits}}{{range .Entries}}{{.}}{{end}}{{end}}</td>
|
||||
<td>{{range .Actions}}{{.Name}}{{end}}</td>
|
||||
<td>{{range .Actions}}{{range .Entries}}{{.}}{{end}}{{end}}</td>
|
||||
</tr>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ define "monsterTable" }}
|
||||
<tbody id="monster-table">
|
||||
{{ range .Monsters }}
|
||||
{{ template "monster" . }}
|
||||
{{ range .Monsters }}
|
||||
{{ template "monster" . }}
|
||||
</tbody>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue