Merge branch 'ticket_background'

frontend/src/pages/ticket.rs

@@ -169,16 +169,6 @@ 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();
@@ -675,8 +665,16 @@ pub fn all_tickets_component() -> Html {
     } else {
         html! {
             <ul class= "postits">
-            { for tickets.iter().filter(|t| t.status != "Archived" && (if user.is_admin { true } else if let Some(uid) = user.id { t.user_id == uid } else { false })).map(|t| html! {
-                    <div class="ticketbox">
+            { for tickets.iter().filter(|t| t.status != "Archived" && (if user.is_admin { true } else if let Some(uid) = user.id { t.user_id == uid } else { false })).map(|t| {
+                let status_class = match t.status.as_str() {
+                    "ToDo" => "To-Do",
+                    "InProgress" => "InProgress",
+                    "Completed" => "Completed",
+                    "Archived" => "Archived",
+                    _ => "To-Do"
+                };
+                html! {
+                    <div class={classes!{status_class, "listbox"}}>
                         <li key={t.id.to_string()}>
                             <Link<crate::Route> to={crate::Route::TicketById{id: t.id}}><h3>{ format!("{} - #{}", t.betreff, t.id) }</h3></Link<crate::Route>>
                             <p>{ &t.description }</p>
@@ -690,7 +688,8 @@ pub fn all_tickets_component() -> Html {
                         </li>
 
                     </div>
-                })}
+                }})}
+
                 <Link<crate::Route> to={crate::Route::Ticket}>{ "Zurück zur Startseite" }</Link<crate::Route>>
             </ul>
         }