reivilibre/iced-mobile
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add(web): support password field

Browse Source
This commit is contained in:
Songtronix 2020-01-03 16:41:16 +01:00
parent 986f01237f
commit 0b663ca82a
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/widget/text_input.rs
View File

@ -32,6 +32,7 @@ pub struct TextInput<'a, Message> {
_state: &'a mut State, _state: &'a mut State,
placeholder: String, placeholder: String,
value: String, value: String,
is_secure: bool,
width: Length, width: Length,
max_width: Length, max_width: Length,
padding: u16, padding: u16,
@ -64,6 +65,7 @@ impl<'a, Message> TextInput<'a, Message> {
_state: state, _state: state,
placeholder: String::from(placeholder), placeholder: String::from(placeholder),
value: String::from(value), value: String::from(value),
is_secure: false,
width: Length::Fill, width: Length::Fill,
max_width: Length::Shrink, max_width: Length::Shrink,
padding: 0, padding: 0,
@ -73,6 +75,14 @@ impl<'a, Message> TextInput<'a, Message> {
} }
} }
/// Converts the [`TextInput`] into a secure password input.
///
/// [`TextInput`]: struct.TextInput.html
pub fn password(mut self) -> Self {
self.is_secure = true;
self
}
/// Sets the width of the [`TextInput`]. /// Sets the width of the [`TextInput`].
/// ///
/// [`TextInput`]: struct.TextInput.html /// [`TextInput`]: struct.TextInput.html
@ -161,6 +171,10 @@ where
"value", "value",
bumpalo::format!(in bump, "{}", self.value).into_bump_str(), bumpalo::format!(in bump, "{}", self.value).into_bump_str(),
) )
.attr(
"type",
bumpalo::format!(in bump, "{}", if self.is_secure { "password" } else { "text" }).into_bump_str(),
)
.on("input", move |root, vdom, event| { .on("input", move |root, vdom, event| {
let text_input = match event.target().and_then(|t| { let text_input = match event.target().and_then(|t| {
t.dyn_into::<web_sys::HtmlInputElement>().ok() t.dyn_into::<web_sys::HtmlInputElement>().ok()