From bfa2f0a64a551208f3317979d83920f644c4300e Mon Sep 17 00:00:00 2001
From: Thomas Gideon <cmdln@thecommandline.net>
Date: Fri, 19 Jun 2020 16:35:43 -0400
Subject: [PATCH] Add validation styling

---
 Cargo.toml            |  2 +-
 src/input/mod.rs      | 12 +++++++++---
 src/input/textarea.rs |  5 ++++-
 src/prelude/mod.rs    |  8 ++++++++
 4 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/Cargo.toml b/Cargo.toml
index 02dcac4..ac4dccc 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "bootstrap-rs"
-version = "0.2.3"
+version = "0.2.4"
 authors = ["Thomas Gideon <cmdln@thecommandline.net>"]
 edition = "2018"
 
diff --git a/src/input/mod.rs b/src/input/mod.rs
index f5b0bf1..5b61929 100644
--- a/src/input/mod.rs
+++ b/src/input/mod.rs
@@ -55,6 +55,8 @@ pub struct Props {
     pub class: String,
     #[prop_or_default]
     pub style: String,
+    #[prop_or_default]
+    pub valid: Option<bool>,
 }
 
 impl Component for Input {
@@ -84,11 +86,15 @@ impl Component for Input {
     }
 
     fn view(&self) -> Html {
-        let class = if self.props.readonly {
-            calculate_classes("form-control-plaintext", (&self.props).into())
+        let prefix = if self.props.readonly {
+            format!(
+                "form-control-plaintext{}",
+                valid_as_class(&self.props.valid)
+            )
         } else {
-            calculate_classes("form-control", (&self.props).into())
+            format!("form-control{}", valid_as_class(&self.props.valid))
         };
+        let class = calculate_classes(prefix, (&self.props).into());
         html! {
             <input
                 name=&self.props.name
diff --git a/src/input/textarea.rs b/src/input/textarea.rs
index 331d025..d5d21f1 100644
--- a/src/input/textarea.rs
+++ b/src/input/textarea.rs
@@ -35,6 +35,8 @@ pub struct Props {
     pub style: String,
     #[prop_or_default]
     pub value: String,
+    #[prop_or_default]
+    pub valid: Option<bool>,
 }
 
 impl Component for TextArea {
@@ -65,11 +67,12 @@ impl Component for TextArea {
     }
 
     fn view(&self) -> Html {
+        let prefix = format!("form-control{}", valid_as_class(&self.props.valid));
         html! {
             <textarea
                 name=&self.props.name
                 id=&self.props.id
-                class=calculate_classes("form-control", (&self.props).into())
+                class=calculate_classes(prefix, (&self.props).into())
                 onchange=self.link.callback(|evt| InputChange(evt))
             >
                 { &self.state }
diff --git a/src/prelude/mod.rs b/src/prelude/mod.rs
index 7eeb855..fc4f685 100644
--- a/src/prelude/mod.rs
+++ b/src/prelude/mod.rs
@@ -124,6 +124,14 @@ pub fn render_on_change<P: Properties + PartialEq>(
     }
 }
 
+pub fn valid_as_class(v: &Option<bool>) -> &'static str {
+    match v {
+        None => "",
+        Some(true) => " is-valid",
+        Some(false) => " is-invalid",
+    }
+}
+
 pub fn collect_bs<'a, T>(t: &'a Option<T>, ts: &'a [T]) -> Vec<&'a T> {
     if let Some(t) = t.as_ref() {
         let mut r = vec![t];