[pdm-devel] [PATCH datacenter-manager v4 07/23] ui: remotes: node url list: add placeholder and clear trigger

[Dominik Csapak <d.csapak@proxmox.com>]

so it's easier to
* see what it does mean when no fingerprint is entered
* clear the field of the fingerprint

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
---
 ui/src/remotes/node_url_list.rs | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/ui/src/remotes/node_url_list.rs b/ui/src/remotes/node_url_list.rs
index 5c9092c..eb39a01 100644
--- a/ui/src/remotes/node_url_list.rs
+++ b/ui/src/remotes/node_url_list.rs
@@ -10,7 +10,7 @@ use pwt::state::Store;
 use pwt::widget::data_table::{DataTable, DataTableColumn, DataTableHeader};
 use pwt::widget::form::ManagedField;
 use pwt::widget::form::{Field, ManagedFieldContext, ManagedFieldMaster, ManagedFieldState};
-use pwt::widget::{ActionIcon, Button, Column, Container, Fa, Row};
+use pwt::widget::{ActionIcon, Button, Column, Container, Fa, Row, Trigger};
 use pwt::{css, prelude::*};
 
 use proxmox_yew_comp::{SchemaValidation, Status};
@@ -267,7 +267,22 @@ fn columns(ctx: &ManagedFieldContext<PdmNodeUrlField>) -> Rc<Vec<DataTableHeader
                     };
                     Field::new()
                         .schema(&CERT_FINGERPRINT_SHA256_SCHEMA)
+                        .placeholder(tr!("Use trusted certificate"))
                         .on_change(link.callback(move |value| Msg::UpdateFingerprint(index, value)))
+                        .with_trigger(
+                            Trigger::new(
+                                (!fingerprint.is_empty())
+                                    .then_some("fa fa-times")
+                                    .unwrap_or_default(),
+                            )
+                            .tip(tr!("Clear"))
+                            .on_activate(
+                                link.callback(move |_| {
+                                    Msg::UpdateFingerprint(index, "".to_string())
+                                }),
+                            ),
+                            true,
+                        )
                         .value(fingerprint.to_string())
                         .into()
                 }
-- 
2.47.2



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