refac: renamed 'post' -> 'article'

2026-08-19 19:53:21 +02:00 · 2025-11-17 19:27:48 +01:00
parent cb9a431488
commit b470bfcc67
44 changed files with 701 additions and 967 deletions
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>GoCMS | Create article</title>
+    {{.Head}}
+    <style>
+        form {
+            max-width: 24rem;
+        }
+    </style>
+</head>
+<body class="text-dark">
+{{.Navbar}}
+<div class="container mt-3 text-black-50">
+    <h1>Article - creation</h1>
+    <p>Create a new article</p>
+    <form action="create" method="post" class="d-flex align-items-center flex-column gap-3" id="createArticleForm">
+        <div class="form-floating w-100">
+            <input type="text" class="form-control {{ if .PageError.IsError }} is-invalid {{ end }}" id="name"
+                   name="name" placeholder="Chose the article name" value="{{ .Name }}">
+            <label for="name">Name</label>
+            <div class="invalid-feedback">{{ .PageError.Message }}</div>
+        </div>
+        <button id="createArticleButton" class="btn btn-primary w-100" disabled type="submit">
+						<span class="createArticleFormButtonLoading visually-hidden spinner-border spinner-border-sm"
+                              role="status"></span>
+            <span class="createArticleFormButtonDefault">Create</span>
+        </button>
+    </form>
+</div>
+
+<script>
+    const button = document.querySelector("#createArticleButton")
+    const inputs = document.querySelectorAll('input')
+    const form = document.querySelector("#createArticleForm")
+
+    function formFieldsEmpty() {
+        return Array.from(inputs).some((input) => input.value === "")
+    }
+
+    function setButtonDisabled() {
+        button.disabled = formFieldsEmpty() ? "disabled" : ""
+    }
+
+    function setButtonLoading() {
+        button.classList.add("disabled")
+        button.querySelector(".createArticleFormButtonDefault").classList.add("visually-hidden")
+        button.querySelector(".createArticleFormButtonLoading").classList.remove("visually-hidden")
+    }
+
+    function onCreateArticleFormSubmit(event) {
+        setButtonLoading()
+        event.target.submit()
+    }
+
+    function onInput(event) {
+        if (event.target.tagName === "INPUT") setButtonDisabled()
+    }
+
+    form.addEventListener('submit', onCreateArticleFormSubmit)
+    window.addEventListener('input', onInput)
+    setButtonDisabled()
+</script>
+
+</body>
+</html>