+Fix On user in login not there it makes an error. +Added On user or pass incorect make indicator.

2025-07-21 15:28:57 +02:00 · 2025-07-21 15:28:57 +02:00 · cffe60b109
commit cffe60b109
parent 321923b056
4 changed files with 64 additions and 6 deletions
--- a/Server/Host/templates/partials/_wrong_user_pass.html
+++ b/Server/Host/templates/partials/_wrong_user_pass.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Login Page</title>
+</head>
+<style>
+/* Grundstil der Textbox */
+div {
+  border: 2px solid gray;
+  width: 17vw;
+  margin-top: 5px;
+  height: 30px;
+  text-align: center;
+  font-size: 1rem;
+  outline: none;
+  transition: border-color 0.3s ease;
+}
+
+/* Schüttel-Animation definieren */
+@keyframes shake {
+  0% { transform: translateX(0); }
+  25% { transform: translateX(5px); }
+  50% { transform: translateX(-5px); }
+  75% { transform: translateX(5px); }
+  100% { transform: translateX(0); }
+}
+
+/* Animation bei ungültigem Zustand oder wenn Klasse "shake" gesetzt wird */
+div.shake {
+  border-color: red;
+  animation: shake 0.3s ease-in-out 0s 3;
+}
+</style>
+<body>
+    <h1>Login Page</h1>
+    <div type="text" class="shake" placeholder="Invalid">Invalid User or Password</div>
+    <form method="POST" action="{{ url_for('login') }}">
+        {{ form.csrf_token }}
+        {{ form.username.label }}
+        {{ form.username }}
+        <br>
+        <br>
+        {{ form.password.label }}
+        {{ form.password }}
+        <br>
+        <p>{{ form.remember_me }} {{ form.remember_me.label }}</p>
+        <br>
+        {{ form.submit }}
+    </form>
+</body>
+
+</html>