[pdm-devel] [PATCH datacenter-manager 4/5] ui: pve: nodes: add panel for notes

[Dominik Csapak]

not editable currently.

Signed-off-by: Dominik Csapak <d.csapak at proxmox.com>
---
 ui/src/pve/node/mod.rs | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/ui/src/pve/node/mod.rs b/ui/src/pve/node/mod.rs
index de79185a..9ad967c5 100644
--- a/ui/src/pve/node/mod.rs
+++ b/ui/src/pve/node/mod.rs
@@ -1,11 +1,8 @@
 use std::rc::Rc;
 
 use gloo_utils::window;
-use proxmox_yew_comp::{AptPackageManager, ConsoleType, XTermJs};
-use yew::{
-    virtual_dom::{VComp, VNode},
-    Context,
-};
+use proxmox_yew_comp::{AptPackageManager, ConsoleType, NotesView, XTermJs};
+use yew::virtual_dom::{VComp, VNode};
 
 use pwt::{
     css::{AlignItems, ColorScheme},
@@ -82,6 +79,24 @@ impl yew::Component for PveNodePanelComp {
                     move |_| PveNodeOverviewPanel::new(remote.clone(), node.clone()).into()
                 },
             )
+            .with_item_builder(
+                TabBarItem::new()
+                    .key("notes_view")
+                    .label(tr!("Notes"))
+                    .icon_class("fa fa-sticky-note-o"),
+                {
+                    let remote = props.remote.clone();
+                    let node = props.node.clone();
+                    move |_| {
+                        NotesView::edit_property(
+                            format!("/pve/remotes/{remote}/nodes/{node}/config"),
+                            "description",
+                        )
+                        .on_submit(None)
+                        .into()
+                    }
+                },
+            )
             .with_item_builder(
                 TabBarItem::new()
                     .key("update_view")
-- 
2.47.3