Pages link to each other

frontend/src/pages/ticket.rs

@@ -5,6 +5,7 @@ use wasm_bindgen::JsCast;
 use wasm_bindgen_futures::spawn_local;
 use web_sys::HtmlSelectElement;
 use yew::prelude::*;
+use yew_router::prelude::*;
 
 #[derive(Serialize, Deserialize, Clone, Debug, PartialEq)]
 pub struct TicketCreateScheme {
@@ -155,6 +156,8 @@ pub fn submit_ticket_component() -> Html {
             <br/>
             <button type="submit">{ "Send" }</button>
 
+            <Link<crate::Route> to={crate::Route::AllTickets}>{ "Tickets ansehen" }</Link<crate::Route>>
+
             {
                 if let Some(s) = &*status {
                     html!{ <p>{ s }</p> }
@@ -338,6 +341,8 @@ pub fn ticket_by_id_component(props: &TicketProps) -> Html {
                 <button onclick={ondelete} disabled={*deleting}>
                     {if *deleting {"Löschen..."} else {"Löschen"}}
                 </button>
+
+                <Link<crate::Route> to={crate::Route::AllTickets}>{ "Zurück zur Ticketübersicht" }</Link<crate::Route>>
                 if let Some(err) = &*delete_error {
                     <p style="color:red">{ err.clone() }</p>
                 }
@@ -428,17 +433,21 @@ pub fn all_tickets_component() -> Html {
         html! {
             <ul>
             { for tickets.iter().filter(|t| if user.is_admin { true } else if let Some(uid) = user.id { t.user_id == uid } else { false }).map(|t| html! {
-                    <li key={t.id.to_string()}>
-                        <h3>{ format!("{} - #{}", t.betreff, t.id) }</h3>
-                        <p>{ &t.description }</p>
-                        <p>{ match t.status.as_str() {
-                            "ToDo" => "Zu tun",
-                            "InProgress" => "In Bearbeitung",
-                            "Completed" => "Erledigt",
-                            "Archived" => "Archiviert",
-                            _ => "Ungültiger Status"
-                        }}</p>
-                    </li>
+                    <div>
+                        <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>
+                            <p>{ match t.status.as_str() {
+                                "ToDo" => "Zu tun",
+                                "InProgress" => "In Bearbeitung",
+                                "Completed" => "Erledigt",
+                                "Archived" => "Archiviert",
+                                _ => "Ungültiger Status"
+                            }}</p>
+                        </li>
+
+                        <Link<crate::Route> to={crate::Route::Ticket}>{ "Zurück zur Startseite" }</Link<crate::Route>>
+                    </div>
                 })}
             </ul>
         }