.gitignore

.gitignore

@@ -20,7 +20,7 @@ frontend/node_modules/
 #  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
-#.idea/
+.idea/
 
 
 # Added by cargo

frontend/src/pages/ticket.rs

@@ -169,6 +169,16 @@ pub fn submit_ticket_component() -> Html {
 
     let valid_rooms: HashSet<i16> = VALID_ROOMS.iter().copied().collect();
 
+    {
+        let message = "Bevor sie zum Support weitergeleitet werden prüfen sie ob: \r\n - Ob das Problem durch Neustarten gelößt wird \r\n - Ob sie die richtigen Anmeldedaten genutzt habem \r\n - Alle notwendigen Kabel eingesteckt sind".to_string();
+        use_effect(move || {
+            if let Some(win) = web_sys::window() {
+                let _ = win.alert_with_message(&message);
+            }
+            || ()
+        });
+    }
+
     let onsubmit = {
         let category = category.clone();
         let betreff = betreff.clone();

frontend/src/pages/user.rs

@@ -328,6 +328,8 @@ pub fn login_component() -> Html {
     };
 
     html! {
+        <div>
+        <h1 class="headline">{ "Anmeldung" }</h1>
         <form {onsubmit}>
             <input
                 placeholder="username"
@@ -349,6 +351,7 @@ pub fn login_component() -> Html {
             <button type="submit" disabled={*loading}>{ if *loading { "Logging in..." } else { "Login" } }</button>
             if !error.is_empty() { <p style="color:red">{(*error).clone()}</p> }
         </form>
+        </div>
     }
 }
 

frontend/src/styles/components/_frontpage.scss

@@ -0,0 +1,5 @@
+.headline {
+    font-size: 30px;
+    font-weight: bold;
+    text-align: center;
+}   

frontend/src/styles/main.scss

@@ -4,6 +4,7 @@
 @use "components/sidebar";
 @use "components/tickets";
 @use "components/diagnostics";
+@use "components/frontpage";
 
 body {
   background: variables.$color-bg;
@@ -36,3 +37,10 @@ body {
   .content { margin-left: 0; }
 }
 
+form {
+  align-content: center;
+
+  input, button {
+    display: block;
+  }
+}