bug fixes

.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,14 +328,16 @@ pub fn login_component() -> Html {
     };
 
     html! {
-        <form {onsubmit}>
+        <div>
+        <h1 class="headline">{ "Anmeldung" }</h1>
+        <form {onsubmit} class="rundbg">
             <input
                 placeholder="username"
                 value={(*username).clone()}
                 oninput={Callback::from(move |e: InputEvent| {
                     let input: web_sys::HtmlInputElement = e.target_unchecked_into();
-                    username.set(input.value());
-                })}
+                    username.set(input.value());           
+                    })}
             />
             <input
                 type="password"
@@ -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,7 @@
+.headline {
+    font-size: 40px;
+    font-weight: bold;
+    text-align: center;
+    color: #570000;
+    margin-top: 150px;
+}   

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,35 @@ body {
   .content { margin-left: 0; }
 }
 
+
+
+.rundbg {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  max-width: 40%;
+  margin:0 auto;
+  margin-top: 96px;
+  background-color:#a0a0a0;
+  padding-bottom: 96px;
+  padding-left: 32px;
+  padding-right: 32px;
+  padding-top: 96px;
+  border-radius: 20px;
+  gap: 8px;
+  border-color: #000000;
+  border-style: double;
+  box-shadow: 20px 20px 10px;
+  box-shadow: rgb(43, 43, 43);
+
+  input, button {
+    padding: 16px;
+    font-size: 1.8rem;
+    background-color: #f0f0f0;
+    box-shadow: #6d6d6d;
+    box-shadow: 6px 6px 8px
+  
+
+  }
+
+}