[pdm-devel] [PATCH datacenter-manager v2 15/18] ui: main menu: add optional view_list property

[Dominik Csapak]

to show them in the navigation. The main 'View' entry point leads to the
CRUD grid for editing, and the views are listed below as separate
entries.

If an entry is selected but we did not get any list (e.g. it's not
loaded yet), simply add a dummy entry for that view. This prevent issues
when the page is reloaded on a view.

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 ui/src/main_menu.rs | 55 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/ui/src/main_menu.rs b/ui/src/main_menu.rs
index 883c482a..fd64e330 100644
--- a/ui/src/main_menu.rs
+++ b/ui/src/main_menu.rs
@@ -5,7 +5,7 @@ use yew::virtual_dom::{Key, VComp, VNode};
 
 use pwt::css::{self, Display, FlexFit};
 use pwt::prelude::*;
-use pwt::state::Selection;
+use pwt::state::{NavigationContextExt, Selection};
 use pwt::widget::nav::{Menu, MenuItem, NavigationDrawer};
 use pwt::widget::{Container, Row, SelectionView, SelectionViewRenderInfo};
 
@@ -13,6 +13,7 @@ use proxmox_yew_comp::{NotesView, XTermJs};
 
 use pdm_api_types::remotes::RemoteType;
 
+use crate::configuration::views::ViewGrid;
 use crate::dashboard::view::View;
 use crate::remotes::RemotesPanel;
 use crate::sdn::evpn::EvpnPanel;
@@ -53,6 +54,10 @@ pub struct MainMenu {
     #[builder]
     #[prop_or_default]
     pub remote_list: Vec<RemoteListCacheEntry>,
+
+    #[builder]
+    #[prop_or_default]
+    pub view_list: Vec<String>,
 }
 
 impl MainMenu {
@@ -130,6 +135,14 @@ impl Component for PdmMainMenu {
         let scope = ctx.link().clone();
         let props = ctx.props();
 
+        let route_view = match ctx.link().nav_context() {
+            Some(nav) => match nav.path().split_once("-") {
+                Some(("view", view)) => Some(view.to_string()),
+                _ => None,
+            },
+            None => None,
+        };
+
         let mut content = SelectionView::new()
             .class(FlexFit)
             .selection(self.menu_selection.clone());
@@ -145,6 +158,46 @@ impl Component for PdmMainMenu {
             move |_| View::new(None).into(),
         );
 
+        let mut views = Menu::new();
+
+        let mut found = false;
+
+        for view in &props.view_list {
+            let view = view.to_string();
+            if route_view.as_ref() == Some(&view) {
+                found = true;
+            }
+            register_view(
+                &mut views,
+                &mut content,
+                view.clone(),
+                &format!("view-{view}"),
+                Some("fa fa-tachometer"),
+                move |_| View::new(Some(view.clone().into())).into(),
+            );
+        }
+
+        if let (false, Some(view)) = (found, route_view) {
+            register_view(
+                &mut views,
+                &mut content,
+                view.clone(),
+                &format!("view-{view}"),
+                Some("fa fa-tachometer"),
+                move |_| View::new(Some(view.clone().into())).into(),
+            );
+        }
+
+        register_submenu(
+            &mut menu,
+            &mut content,
+            tr!("Views"),
+            "views",
+            Some("fa fa-tachometer"),
+            move |_| ViewGrid::new().into(),
+            views,
+        );
+
         register_view(
             &mut menu,
             &mut content,
-- 
2.47.3