120 lines
2.9 KiB
Rust
120 lines
2.9 KiB
Rust
mod group;
|
|
mod textarea;
|
|
|
|
pub use self::{group::InputGroup, textarea::TextArea};
|
|
use crate::prelude::*;
|
|
use yew::prelude::*;
|
|
|
|
#[derive(Clone, PartialEq)]
|
|
pub enum InputType {
|
|
Text,
|
|
}
|
|
|
|
impl InputType {
|
|
fn as_str(&self) -> &str {
|
|
match self {
|
|
Self::Text => "text",
|
|
}
|
|
}
|
|
}
|
|
|
|
pub struct Input {
|
|
link: ComponentLink<Self>,
|
|
state: String,
|
|
props: Props,
|
|
}
|
|
|
|
#[derive(Debug)]
|
|
pub struct InputChange(ChangeData);
|
|
|
|
#[derive(Properties, Clone, PartialEq)]
|
|
pub struct Props {
|
|
#[prop_or_default]
|
|
pub name: String,
|
|
#[prop_or_default]
|
|
pub id: String,
|
|
pub on_change: Callback<String>,
|
|
pub input_type: InputType,
|
|
#[prop_or_default]
|
|
pub readonly: bool,
|
|
#[prop_or_default]
|
|
pub value: String,
|
|
#[prop_or_default]
|
|
pub border: Option<Border>,
|
|
#[prop_or_default]
|
|
pub borders: Vec<Border>,
|
|
#[prop_or_default]
|
|
pub margin: Option<Margin>,
|
|
#[prop_or_default]
|
|
pub margins: Vec<Margin>,
|
|
#[prop_or_default]
|
|
pub padding: Option<Padding>,
|
|
#[prop_or_default]
|
|
pub paddings: Vec<Padding>,
|
|
#[prop_or_default]
|
|
pub class: String,
|
|
#[prop_or_default]
|
|
pub style: String,
|
|
}
|
|
|
|
impl Component for Input {
|
|
type Message = InputChange;
|
|
type Properties = Props;
|
|
|
|
fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
|
|
let state = props.value.clone();
|
|
Self { props, state, link }
|
|
}
|
|
|
|
fn update(&mut self, msg: Self::Message) -> ShouldRender {
|
|
if let InputChange(ChangeData::Value(value)) = msg {
|
|
self.state = value.clone();
|
|
self.props.on_change.emit(value);
|
|
true
|
|
} else {
|
|
false
|
|
}
|
|
}
|
|
|
|
fn change(&mut self, props: Self::Properties) -> ShouldRender {
|
|
if self.props.value != props.value {
|
|
self.state = props.value.clone();
|
|
}
|
|
render_on_change(&mut self.props, props)
|
|
}
|
|
|
|
fn view(&self) -> Html {
|
|
let class = if self.props.readonly {
|
|
calculate_classes("form-control-plaintext", (&self.props).into())
|
|
} else {
|
|
calculate_classes("form-control", (&self.props).into())
|
|
};
|
|
html! {
|
|
<input
|
|
name=&self.props.name
|
|
id=&self.props.id
|
|
type=self.props.input_type.as_str()
|
|
class=class
|
|
value=&self.state
|
|
readonly=self.props.readonly
|
|
onchange=self.link.callback(|evt| InputChange(evt))
|
|
/>
|
|
}
|
|
}
|
|
}
|
|
|
|
impl<'a> From<&'a Props> for BootstrapProps<'a> {
|
|
fn from(props: &Props) -> BootstrapProps {
|
|
let class = &props.class;
|
|
let borders = collect_bs(&props.border, &props.borders);
|
|
let margins = collect_bs(&props.margin, &props.margins);
|
|
let paddings = collect_bs(&props.padding, &props.paddings);
|
|
BootstrapProps {
|
|
class,
|
|
borders,
|
|
margins,
|
|
paddings,
|
|
}
|
|
}
|
|
}
|