Styled with tailwind css
This commit is contained in:
@ -2,9 +2,11 @@
|
||||
<h2>Neuer Tag</h2>
|
||||
|
||||
<form>
|
||||
<input required name="tag" placeholder="Tag" type="text" />
|
||||
<input type="submit" value="Anlegen" hx-post="/add-tag/" hx-target="#page-content" />
|
||||
<input required name="tag" placeholder="Tag eingeben" type="text" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Anlegen" hx-post="/add-tag/" hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
{{end}}
|
||||
|
||||
@ -1,33 +1,54 @@
|
||||
{{define "page-content"}}
|
||||
<h2>Neuer Benutzer</h2>
|
||||
<form>
|
||||
<div>
|
||||
<input required name="username" placeholder="Benutzername" type="text" value="{{.UserName}}" />
|
||||
<input required name="password" placeholder="Passwort" type="password" />
|
||||
<input required name="password2" placeholder="Passwort wiederholen" type="password" />
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div>
|
||||
<label for="username">Benutzername</label>
|
||||
<input class="w-full" required name="username" type="text" value="{{.UserName}}" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="password">Passwort</label>
|
||||
<input class="w-full" required name="password" placeholder="***" type="password" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="password2">Passwort wiederholen</label>
|
||||
<input class="w-full" required name="password2" placeholder="***" type="password" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="first-name">Vorname</label>
|
||||
<input class="w-full" required name="first-name" type="text" value="{{.FirstName}}" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="last-name">Nachname</label>
|
||||
<input class="w-full" required name="last-name" type="text" value="{{.LastName}}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input required name="first-name" placeholder="Vorname" type="text" value="{{.FirstName}}" />
|
||||
<input required name="last-name" placeholder="Nachname" type="text" value="{{.LastName}}" />
|
||||
<div class="flex gap-4">
|
||||
<div>
|
||||
<input required id="author" name="role" type="radio" value="3" {{if eq .Role 3 }}checked{{end}} />
|
||||
<label for="author">Autor</label>
|
||||
</div>
|
||||
<div>
|
||||
<input required id="editor" name="role" type="radio" value="2" {{if eq .Role 2 }}checked{{end}} />
|
||||
<label for="editor">Redakteur</label>
|
||||
</div>
|
||||
<div>
|
||||
<input required id="publisher" name="role" type="radio" value="1" {{if eq .Role 1 }}checked{{end}} />
|
||||
<label for="publisher">Herausgeber</label>
|
||||
</div>
|
||||
<div>
|
||||
<input required id="admin" name="role" type="radio" value="0" {{if eq .Role 0 }}checked{{end}} />
|
||||
<label for="admin">Admin</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input required id="author" name="role" type="radio" value="3" {{if eq .Role 3 }}checked{{end}} />
|
||||
<label for="author">Autor</label>
|
||||
<input required id="editor" name="role" type="radio" value="2" {{if eq .Role 2 }}checked{{end}} />
|
||||
<label for="editor">Redakteur</label>
|
||||
<input required id="publisher" name="role" type="radio" value="1" {{if eq .Role 1 }}checked{{end}} />
|
||||
<label for="publisher">Herausgeber</label>
|
||||
<input required id="admin" name="role" type="radio" value="0" {{if eq .Role 0 }}checked{{end}} />
|
||||
<label for="admin">Admin</label>
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Anlegen" hx-post="/add-user/" hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Anlegen" hx-post="/add-user/" hx-target="#page-content" />
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
|
||||
<script>
|
||||
var msg = "{{.Msg}}";
|
||||
if (msg != "") {
|
||||
|
||||
@ -1,13 +1,15 @@
|
||||
{{define "page-content"}}
|
||||
<div>
|
||||
<div class="flex flex-col gap-4">
|
||||
{{range .}}
|
||||
<div>
|
||||
<h1>{{.Title}}</h1>
|
||||
<div class="border px-2 py-1 rounded-md">
|
||||
<h1 class="font-bold text-2xl">{{.Title}}</h1>
|
||||
<p>{{.Description}}</p>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<button hx-get="/publish-issue/" hx-target="#page-content">Ausgabe publizieren</button>
|
||||
<button hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
<div class="btn-area">
|
||||
<button class="action-btn" hx-get="/publish-issue/" hx-target="#page-content">Ausgabe publizieren</button>
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
@ -1,19 +1,36 @@
|
||||
{{define "page-content"}}
|
||||
<form>
|
||||
<div>
|
||||
<input name="username" type="text" value="{{.UserName}}" />
|
||||
<input name="first-name" type="text" value="{{.FirstName}}" />
|
||||
<input name="last-name" type="text" value="{{.LastName}}" />
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
<div>
|
||||
<label for="username">Benutzername</label>
|
||||
<input class="w-full" name="username" type="text" value="{{.UserName}}" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="first-name">Vorname</label>
|
||||
<input class="w-full" name="first-name" type="text" value="{{.FirstName}}" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="last-name">Nachname</label>
|
||||
<input class="w-full" name="last-name" type="text" value="{{.LastName}}" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="old-password">Altes Passwort</label>
|
||||
<input class="w-full" name="old-password" placeholder="***" type="password" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="password">Passwort</label>
|
||||
<input class="w-full" name="password" placeholder="***" type="password" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="password2">Passwort wiederholen</label>
|
||||
<input class="w-full" name="password2" placeholder="***" type="password" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input name="old-password" placeholder="Altes Passwort" type="password" />
|
||||
<input name="password" placeholder="Neues Passwort" type="password" />
|
||||
<input name="password2" placeholder="Wiederholen" type="password" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Aktualisieren" hx-post="/update-user/"
|
||||
hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Aktualisieren" hx-post="/update-user/" hx-target="#page-content" />
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
{{end}}
|
||||
|
||||
@ -1,13 +1,20 @@
|
||||
{{define "page-content"}}
|
||||
<h2>Editor</h2>
|
||||
<form>
|
||||
<div>
|
||||
<input name="article-title" placeholder="Titel" type="text" />
|
||||
<textarea name="article-description" placeholder="Beschreibung"></textarea>
|
||||
<textarea name="article-content" placeholder="Artikel"></textarea>
|
||||
<div class="flex flex-col gap-y-1">
|
||||
<label for="article-title">Titel</label>
|
||||
<input name="article-title" type="text" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="article-description">Beschreibung</label>
|
||||
<textarea name="article-description"></textarea>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="article-content">Artikel</label>
|
||||
<textarea name="article-content"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex gap-4">
|
||||
{{range .}}
|
||||
<div>
|
||||
<input id="{{.Name}}" name="tags" type="checkbox" value="{{.ID}}" />
|
||||
@ -17,15 +24,16 @@
|
||||
</div>
|
||||
|
||||
<div id="editor-images">
|
||||
<input name="article-image" type="file" hx-encoding="multipart/form-data" hx-post="/upload-image/"
|
||||
<input class="mb-2" name="article-image" type="file" hx-encoding="multipart/form-data" hx-post="/upload-image/"
|
||||
hx-swap="beforeend" hx-target="#editor-images" />
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Senden" hx-post="/submit-article/" hx-target="#page-content" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Senden" hx-post="/submit-article/" hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Abbrechen</button>
|
||||
|
||||
<script>
|
||||
function copyToClipboard(text) {
|
||||
event.preventDefault(); // Get-Request verhindern
|
||||
@ -49,9 +57,10 @@
|
||||
|
||||
{{define "editor-images"}}
|
||||
{{if gt (len .) 0}}
|
||||
<div>
|
||||
{{.}}
|
||||
<button onclick="copyToClipboard('{{.}}')">Kopieren</button>
|
||||
<div class="border px-2 py-1 rounded-md flex gap-4 justify-between">
|
||||
<div class="self-center">{{.}}</div>
|
||||
<button class="bg-slate-50 border my-2 px-3 py-2 rounded-md w-32 hover:bg-slate-100"
|
||||
onclick="copyToClipboard('{{.}}')">Kopieren</button>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
@ -1,25 +1,40 @@
|
||||
{{define "page-content"}}
|
||||
<h2>Hub</h2>
|
||||
<div>
|
||||
<button hx-get="/write-article/" hx-target="#page-content">Artikel schreiben</button>
|
||||
<button hx-get="/rejected-articles/" hx-target="#page-content">Abgelehnte Artikel</button>
|
||||
<button hx-get="/rss/" hx-target="#page-content">RSS Feed</button>
|
||||
<button hx-get="/edit-user/" hx-target="#page-content">Benutzer bearbeiten</button>
|
||||
</div>
|
||||
{{if lt . 3}}
|
||||
<div>
|
||||
<button hx-get="/unpublished-articles/" hx-target="#page-content">Unveröffentlichte Artikel</button>
|
||||
<button hx-get="/create-tag/" hx-target="#page-content">Neuer Tag</button>
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="mb-3">
|
||||
<h2>Autor</h2>
|
||||
<div class="grid grid-cols-2 gap-x-4 gap-y-2">
|
||||
<button class="btn" hx-get="/write-article/" hx-target="#page-content">Artikel schreiben</button>
|
||||
<button class="btn" hx-get="/rejected-articles/" hx-target="#page-content">Abgelehnte Artikel</button>
|
||||
<button class="btn" hx-get="/rss/" hx-target="#page-content">RSS Feed</button>
|
||||
<button class="btn" hx-get="/edit-user/" hx-target="#page-content">Benutzer bearbeiten</button>
|
||||
</div>
|
||||
</div>
|
||||
{{if lt . 3}}
|
||||
<div class="mb-3">
|
||||
<h2>Redakteur</h2>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<button class="btn" hx-get="/unpublished-articles/" hx-target="#page-content">
|
||||
Unveröffentlichte Artikel
|
||||
</button>
|
||||
<button class="btn" hx-get="/create-tag/" hx-target="#page-content">Neuer Tag</button>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if lt . 2}}
|
||||
<div class="mb-3">
|
||||
<h2>Herausgeber</h2>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<button class="btn" hx-get="/this-issue/" hx-target="#page-content">Diese Ausgabe</button>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if eq . 0}}
|
||||
<div class="mb-3">
|
||||
<h2>Administrator</h2>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<button class="btn" hx-get="/create-user/" hx-target="#page-content">Benutzer hinzufügen</button>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
{{if lt . 2}}
|
||||
<div>
|
||||
<button hx-get="/this-issue/" hx-target="#page-content">Diese Ausgabe</button>
|
||||
</div>
|
||||
{{end}}
|
||||
{{if eq . 0}}
|
||||
<div>
|
||||
<button hx-get="/create-user/" hx-target="#page-content">Benutzer hinzufügen</button>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
@ -5,13 +5,13 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Orient Editor</title>
|
||||
<link href="web/static/css/style.css" rel="stylesheet">
|
||||
<link href="/web/static/css/style.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h1>Orient Editor</h1>
|
||||
<button hx-get="logout" hx-target="#page-content">Abmelden</button>
|
||||
<body class="flex flex-col justify-between min-h-[100dvh] bg-slate-50">
|
||||
<header class="my-8">
|
||||
<h1 class="font-bold text-4xl text-center">Orient Editor</h1>
|
||||
<button class="btn" hx-get="logout" hx-target="#page-content">Abmelden</button>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
@ -19,11 +19,13 @@
|
||||
{{template "page-content" .}}
|
||||
</div>
|
||||
|
||||
<script src="web/static/js/htmx.min.js"></script>
|
||||
<script src="/web/static/js/htmx.min.js"></script>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 Jason Streifling. Alle Rechte vorbehalten.</p>
|
||||
<footer class="my-8">
|
||||
<p class="text-center text-gray-500 dark:text-gray-400">
|
||||
© 2024 Jason Streifling. Alle Rechte vorbehalten.
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
{{define "page-content"}}
|
||||
<h2>Anmeldung</h2>
|
||||
<form>
|
||||
<div>
|
||||
<input name="username" placeholder="Benutzername" type="text" />
|
||||
<input name="password" placeholder="Passwort" type="password" />
|
||||
<div class="btn-area">
|
||||
<input class="w-full" name="username" placeholder="Benutzername" type="text" />
|
||||
<input class="w-full" name="password" placeholder="Passwort" type="password" />
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Anmelden" hx-post="/login/" hx-target="#page-content" />
|
||||
<input class="action-btn" type="submit" value="Anmelden" hx-post="/login/" hx-target="#page-content" />
|
||||
</form>
|
||||
{{end}}
|
||||
|
||||
@ -11,8 +11,10 @@
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Auswählen" hx-post="/review-rejected-article/" hx-target="#page-content" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Auswählen" hx-post="/review-rejected-article/"
|
||||
hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
{{end}}
|
||||
|
||||
@ -1,14 +1,21 @@
|
||||
{{define "page-content"}}
|
||||
<h2>Editor</h2>
|
||||
<form>
|
||||
<div>
|
||||
<input name="article-title" placeholder="Titel" type="text" value="{{.Article.Title}}" />
|
||||
<textarea name="article-description" placeholder="Beschreibung">{{.Article.Description}}</textarea>
|
||||
<textarea name="article-content" placeholder="Artikel">{{.Article.Content}}</textarea>
|
||||
<input name="article-id" type="hidden" value="{{.Article.ID}}" />
|
||||
<div class="flex flex-col gap-y-1">
|
||||
<label for="article-title">Titel</label>
|
||||
<input name="article-title" type="text" value="{{.Article.Title}}" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="article-description">Beschreibung</label>
|
||||
<textarea name="article-description">{{.Article.Description}}</textarea>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="article-content">Artikel</label>
|
||||
<textarea name="article-content" placeholder="Artikel">{{.Article.Content}}</textarea>
|
||||
</div>
|
||||
<input name="article-id" type="hidden" value="{{.Article.ID}}" />
|
||||
|
||||
<div>
|
||||
<div class="flex gap-4">
|
||||
{{range .Tags}}
|
||||
<div>
|
||||
<input id="tag-{{.Name}}" name="tags" type="checkbox" value="{{.ID}}" {{if index $.Selected
|
||||
@ -19,15 +26,16 @@
|
||||
</div>
|
||||
|
||||
<div id="editor-images">
|
||||
<input name="article-image" type="file" hx-encoding="multipart/form-data" hx-post="/upload-image/"
|
||||
<input class="mb-2" name="article-image" type="file" hx-encoding="multipart/form-data" hx-post="/upload-image/"
|
||||
hx-swap="beforeend" hx-target="#editor-images" />
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Senden" hx-post="/resubmit-article/" hx-target="#page-content" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Senden" hx-post="/resubmit-article/" hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
|
||||
<script>
|
||||
function copyToClipboard(text) {
|
||||
event.preventDefault(); // Get-Request verhindern
|
||||
@ -51,9 +59,10 @@
|
||||
|
||||
{{define "editor-images"}}
|
||||
{{if gt (len .) 0}}
|
||||
<div>
|
||||
{{.}}
|
||||
<button onclick="copyToClipboard('{{.}}')">Kopieren</button>
|
||||
<div class="border px-2 py-1 rounded-md flex gap-4 justify-between">
|
||||
<div class="self-center">{{.}}</div>
|
||||
<button class="bg-slate-50 border my-2 px-3 py-2 rounded-md w-32 hover:bg-slate-100"
|
||||
onclick="copyToClipboard('{{.}}')">Kopieren</button>
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
@ -11,9 +11,12 @@
|
||||
</p>
|
||||
|
||||
<input name="id" type="hidden" value="{{.Article.ID}}" />
|
||||
<input type="submit" value="Veröffentlichen" hx-post="/publish-article/" hx-target="#page-content" />
|
||||
<input type="submit" value="Ablehnen" hx-post="/reject-article/" hx-target="#page-content" />
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Veröffentlichen" hx-post="/publish-article/"
|
||||
hx-target="#page-content" />
|
||||
<input class="btn" type="submit" value="Ablehnen" hx-post="/reject-article/" hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
</div>
|
||||
</form>
|
||||
{{end}}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
{{define "page-content"}}
|
||||
<form>
|
||||
<div>
|
||||
<div class="grid grid-cols-4 gap-4">
|
||||
{{range .}}
|
||||
<div>
|
||||
<input required id="{{.ID}}" name="id" type="radio" value="{{.ID}}" />
|
||||
@ -9,8 +9,11 @@
|
||||
{{end}}
|
||||
</div>
|
||||
|
||||
<input type="submit" value="Auswählen" hx-post="/review-unpublished-article/" hx-target="#page-content" />
|
||||
<div class="btn-area">
|
||||
<input class="action-btn" type="submit" value="Auswählen" hx-post="/review-unpublished-article/"
|
||||
hx-target="#page-content" />
|
||||
<button class="btn" hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<button hx-get="/hub/" hx-target="#page-content">Zurück</button>
|
||||
{{end}}
|
||||
|
||||
Reference in New Issue
Block a user