public inbox for pdm-devel@lists.proxmox.com
 help / color / mirror / Atom feed
From: "Shannon Sterz" <s.sterz@proxmox.com>
To: "Dominik Csapak" <d.csapak@proxmox.com>
Cc: Proxmox Datacenter Manager development discussion
	<pdm-devel@lists.proxmox.com>
Subject: Re: [pdm-devel] [PATCH datacenter-manager v3 12/18] ui: views: save updated layout to backend
Date: Mon, 17 Nov 2025 16:00:02 +0100	[thread overview]
Message-ID: <DEB25ISFKLUO.34GYP4F5JVQ0A@proxmox.com> (raw)
In-Reply-To: <20251117125041.1931382-13-d.csapak@proxmox.com>

one comment in-line.

On Mon Nov 17, 2025 at 1:44 PM CET, Dominik Csapak wrote:
> when we get a 'LayoutUpdate' message, update the view config with the
> new layout.
>
> Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
> ---
>  ui/src/dashboard/view.rs | 32 ++++++++++++++++++++++++++++++--
>  1 file changed, 30 insertions(+), 2 deletions(-)
>
> diff --git a/ui/src/dashboard/view.rs b/ui/src/dashboard/view.rs
> index 404c984f..9bf5dfc7 100644
> --- a/ui/src/dashboard/view.rs
> +++ b/ui/src/dashboard/view.rs
> @@ -6,7 +6,7 @@ use js_sys::Date;
>  use serde_json::{json, Value};
>  use yew::virtual_dom::{VComp, VNode};
>
> -use proxmox_yew_comp::http_get;
> +use proxmox_yew_comp::{http_get, http_put};
>  use pwt::css;
>  use pwt::prelude::*;
>  use pwt::props::StorageLocation;
> @@ -83,6 +83,7 @@ pub enum Msg {
>      ConfigWindow(bool), // show
>      UpdateConfig(RefreshConfig),
>      LayoutUpdate(ViewLayout),
> +    UpdateResult(Result<(), Error>),
>  }
>
>  struct ViewComp {
> @@ -103,6 +104,7 @@ struct ViewComp {
>      show_create_wizard: Option<RemoteType>,
>
>      editing_state: SharedState<Vec<EditingMessage>>,
> +    update_result: LoadResult<(), Error>,
>  }
>
>  fn render_widget(
> @@ -304,6 +306,7 @@ impl Component for ViewComp {
>              show_create_wizard: None,
>
>              editing_state: SharedState::new(Vec::new()),
> +            update_result: LoadResult::new(),
>          }
>      }
>
> @@ -360,11 +363,30 @@ impl Component for ViewComp {
>                  self.show_config_window = false;
>              }
>              Msg::LayoutUpdate(view_layout) => {
> -                // FIXME: update backend layout
> +                let link = ctx.link().clone();
>                  if let Some(template) = &mut self.template.data {
>                      template.layout = view_layout;
> +                    if let Some(view) = &ctx.props().view {
> +                        let view = view.to_string();
> +                        match serde_json::to_string(&template) {
> +                            Ok(layout_str) => self.async_pool.spawn(async move {
> +                                let params = json!({
> +                                    "layout": layout_str,
> +                                });
> +
> +                                let res =
> +                                    http_put::<()>(format!("/config/views/{view}"), Some(params))
> +                                        .await;

nit: `()` can be inferred here, so you can drop the `::<()>`.

> +                                link.send_message(Msg::UpdateResult(res));
> +                            }),
> +                            Err(err) => self.template.update(Err(err.into())),
> +                        };
> +                    }
>                  }
>              }
> +            Msg::UpdateResult(res) => {
> +                self.update_result.update(res);
> +            }
>          }
>          true
>      }
> @@ -452,6 +474,12 @@ impl Component for ViewComp {
>                  .as_ref()
>                  .map(|err| error_message(&err.to_string())),
>          );
> +        view.add_optional_child(
> +            self.update_result
> +                .error
> +                .as_ref()
> +                .map(|err| error_message(&err.to_string())),
> +        );
>          view.add_optional_child(self.show_config_window.then_some({
>              let refresh_config_id = match &props.view {
>                  Some(view) => format!("view-{view}"),



_______________________________________________
pdm-devel mailing list
pdm-devel@lists.proxmox.com
https://lists.proxmox.com/cgi-bin/mailman/listinfo/pdm-devel


  reply	other threads:[~2025-11-17 15:00 UTC|newest]

Thread overview: 29+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2025-11-17 12:44 [pdm-devel] [PATCH datacenter-manager v3 00/18] enable custom views on the UI Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 01/18] lib: pdm-config: views: add locking/saving methods Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 02/18] lib: api-types: add 'layout' property to ViewConfig Dominik Csapak
2025-11-17 14:58   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 03/18] server: api: implement CRUD api for views Dominik Csapak
2025-11-17 14:58   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 04/18] server: api: resources: add 'view' category to search syntax Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 05/18] ui: remote selector: allow forcing of value Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 06/18] ui: dashboard types: add missing 'default' to de-serialization Dominik Csapak
2025-11-17 14:59   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 07/18] ui: dashboard: status row: add optional 'editing state' Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 08/18] ui: dashboard: prepare view for editing custom views Dominik Csapak
2025-11-17 14:59   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 09/18] ui: views: implement view loading from api Dominik Csapak
2025-11-17 14:59   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 10/18] ui: views: make 'view' name property optional Dominik Csapak
2025-11-17 14:59   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 11/18] ui: views: add 'view' parameter to api calls Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 12/18] ui: views: save updated layout to backend Dominik Csapak
2025-11-17 15:00   ` Shannon Sterz [this message]
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 13/18] ui: add view list context Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 14/18] ui: configuration: add view CRUD panels Dominik Csapak
2025-11-17 15:00   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 15/18] ui: main menu: add optional view_list property Dominik Csapak
2025-11-17 15:01   ` Shannon Sterz
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 16/18] ui: load view list on page init Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 17/18] lib/ui: move views types to pdm-api-types Dominik Csapak
2025-11-17 12:44 ` [pdm-devel] [PATCH datacenter-manager v3 18/18] server: api: views: check layout string for validity Dominik Csapak
2025-11-17 15:03 ` [pdm-devel] [PATCH datacenter-manager v3 00/18] enable custom views on the UI Shannon Sterz

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=DEB25ISFKLUO.34GYP4F5JVQ0A@proxmox.com \
    --to=s.sterz@proxmox.com \
    --cc=d.csapak@proxmox.com \
    --cc=pdm-devel@lists.proxmox.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal