Merge pull request 'Icon' (#42 ) from Icon into main

Reviewed-on: #42
Icon in the corner
2026-06-03 16:57:13 +02:00 · 2026-06-03 16:10:37 +02:00 · 2026-06-03 15:53:57 +02:00 · 2026-06-03 15:52:10 +02:00 · 2026-06-03 15:48:52 +02:00 · 2026-06-03 15:13:09 +02:00
11 changed files with 86 additions and 4 deletions
@@ -20,9 +20,10 @@ 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

 /target
+.antigravitycli/
@@ -4,6 +4,8 @@
 <head>
    <link data-trunk rel="rust" data-bin="bin" />
    <link data-trunk rel="scss" href="src/styles/main.scss" />
+    <link data-trunk rel="icon" href="src/assets/favicon.ico" type="image/x-icon" />
+    <link data-trunk rel="copy-dir" href="src/assets" />
    <meta charset="utf-8" />
    <title>Yew App</title>
 </head>
@@ -269,6 +269,7 @@ fn switch(route: Route) -> Html {
 pub fn app() -> Html {
    html! {
        <BrowserRouter>
+            <basic_pages::Icon/>
            <Switch<Route> render={switch} />
        </BrowserRouter>
    }
@@ -109,3 +109,10 @@ pub fn denied_component() -> Html {
        </div>
    }
 }
+
+#[component(Icon)]
+pub fn icon_component() -> Html {
+    html! {
+        <img src="assets/csg.png" class="csg-icon" />
+    }
+}
@@ -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();
@@ -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>
    }
 }

@@ -0,0 +1,7 @@
+.headline {
+    font-size: 40px;
+    font-weight: bold;
+    text-align: center;
+    color: #570000;
+    margin-top: 150px;
+}   
@@ -0,0 +1,17 @@
+.csg-icon {
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  z-index: 9999;
+  width: auto;
+  height: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+
+  img {
+    width: auto;
+    height: auto;
+  }
+}
@@ -4,6 +4,8 @@
@use "components/sidebar";
@use "components/tickets";
@use "components/diagnostics";
+@use "components/frontpage";
+@use "components/icon";

 body {
  background: variables.$color-bg;
@@ -36,3 +38,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
+  
+
+  }
+
+}
Author	SHA1	Message	Date
schn33fuchs	390630886e	Merge pull request 'Icon' (#42 ) from Icon into main Reviewed-on: #42	2026-06-03 16:57:13 +02:00
schn33fuchs	0ee20e2833	Icon in the corner	2026-06-03 16:10:37 +02:00
schn33fuchs	b7f8df624c	Favion Its there now	2026-06-03 15:53:57 +02:00
schn33fuchs	8a9c9efbcc	Icons	2026-06-03 15:52:10 +02:00
schn33fuchs	c31375573f	.gitignore update	2026-06-03 15:48:52 +02:00
TheDiluTek	b2daed8e99	bug fixes	2026-06-03 15:13:09 +02:00
TheDiluTek	076bd6c545	mehr von login seite gemacht, sah voll gut aus aber hab irgendwas kaputt gemacht und finds nicht	2026-05-30 23:45:39 +02:00
TheDiluTek	a42897de9f	anmeldung überarbeitet, login braucht noch mehr gap als die anderen inputs haben (command?)	2026-05-30 14:03:25 +02:00
TheDiluTek	3154e3de44	login schön gemacht	2026-05-30 13:29:41 +02:00
schn33fuchs	bf0197adae	.gitignore	2026-05-13 16:58:44 +02:00
schn33fuchs	c6a4a24fb6	Sam did something	2026-05-13 13:31:56 +02:00
schn33fuchs	52387f7333	Fun times	2026-05-13 12:18:55 +02:00