From 5461e27985d9625f052316d2c932bd24e57c51e0 Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sat, 14 Mar 2020 21:17:46 +0100
Subject: [PATCH 1/6] init

---
 src/webapi/html_elements/button.rs | 31 ++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/webapi/html_elements/button.rs

diff --git a/src/webapi/html_elements/button.rs b/src/webapi/html_elements/button.rs
new file mode 100644
index 00000000..270742f6
--- /dev/null
+++ b/src/webapi/html_elements/button.rs
@@ -0,0 +1,31 @@
+use webcore::value::Reference;
+use webcore::try_from::TryInto;
+use webapi::event_target::{IEventTarget, EventTarget};
+use webapi::node::{INode, Node};
+use webapi::element::{IElement, Element};
+use webapi::html_element::{IHtmlElement, HtmlElement};
+
+/// The HTML `<textarea>` element represents a multi-line plain-text editing control.
+///
+/// [(JavaScript docs)](https://developer.mozilla.org/en/docs/Web/HTML/Element/textarea)
+// https://html.spec.whatwg.org/#htmlButtonElement
+#[derive(Clone, Debug, PartialEq, Eq, ReferenceType)]
+#[reference(instance_of = "HTMLButtonElement")]
+#[reference(subclass_of(EventTarget, Node, Element, HtmlElement))]
+pub struct ButtonElement( Reference );
+
+impl IEventTarget for ButtonElement {}
+impl INode for ButtonElement {}
+impl IElement for ButtonElement {}
+impl IHtmlElement for ButtonElement {}
+
+impl ButtonElement {
+    /// The value of the control.
+    // https://html.spec.whatwg.org/#the-button-element
+    #[inline]
+    pub fn set_type( &self, kind: &str ) {
+        js! { @(no_return)
+            @{self}.type = @{kind};
+        }
+    }
+}
\ No newline at end of file

From 8344694fa0c7b038f8f1409329abcd58a0b2185e Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sat, 14 Mar 2020 21:30:04 +0100
Subject: [PATCH 2/6] Add more methods

---
 src/webapi/html_elements/button.rs | 47 +++++++++++++++++++++++-------
 1 file changed, 37 insertions(+), 10 deletions(-)

diff --git a/src/webapi/html_elements/button.rs b/src/webapi/html_elements/button.rs
index 270742f6..ba281234 100644
--- a/src/webapi/html_elements/button.rs
+++ b/src/webapi/html_elements/button.rs
@@ -1,9 +1,9 @@
-use webcore::value::Reference;
-use webcore::try_from::TryInto;
-use webapi::event_target::{IEventTarget, EventTarget};
+use webapi::element::{Element, IElement};
+use webapi::event_target::{EventTarget, IEventTarget};
+use webapi::html_element::{HtmlElement, IHtmlElement};
 use webapi::node::{INode, Node};
-use webapi::element::{IElement, Element};
-use webapi::html_element::{IHtmlElement, HtmlElement};
+use webcore::try_from::TryInto;
+use webcore::value::Reference;
 
 /// The HTML `<textarea>` element represents a multi-line plain-text editing control.
 ///
@@ -12,7 +12,7 @@ use webapi::html_element::{IHtmlElement, HtmlElement};
 #[derive(Clone, Debug, PartialEq, Eq, ReferenceType)]
 #[reference(instance_of = "HTMLButtonElement")]
 #[reference(subclass_of(EventTarget, Node, Element, HtmlElement))]
-pub struct ButtonElement( Reference );
+pub struct ButtonElement(Reference);
 
 impl IEventTarget for ButtonElement {}
 impl INode for ButtonElement {}
@@ -20,12 +20,39 @@ impl IElement for ButtonElement {}
 impl IHtmlElement for ButtonElement {}
 
 impl ButtonElement {
-    /// The value of the control.
-    // https://html.spec.whatwg.org/#the-button-element
+    // Sets the type of button.
+    // https://html.spec.whatwg.org/#attr-button-type
     #[inline]
-    pub fn set_type( &self, kind: &str ) {
+    pub fn set_type(&self, kind: &str) {
         js! { @(no_return)
             @{self}.type = @{kind};
         }
     }
-}
\ No newline at end of file
+
+    // Sets either button disable or not
+    // https://html.spec.whatwg.org/#attr-fe-disabled
+    #[inline]
+    pub fn set_disabled(&self, status: bool) {
+        js! { @(no_return)
+            @{self}.disabled = @{status};
+        }
+    }
+
+    // Sets the name of button, useful if button related to form element
+    // https://html.spec.whatwg.org/#attr-fe-name
+    #[inline]
+    pub fn set_name(&self, name: &str) {
+        js! { @(no_return)
+            @{self}.name = @{name};
+        }
+    }
+
+    // Sets the value of button, useful if button related to form element
+    // https://html.spec.whatwg.org/#attr-button-value
+    #[inline]
+    pub fn set_raw_value(&self, value: &str) {
+        js! { @(no_return)
+            @{self}.value = @{value};
+        }
+    }
+}

From dff28e4f966b43f4fa0787fea04e3b5c318e942b Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sat, 14 Mar 2020 21:36:56 +0100
Subject: [PATCH 3/6] Add methods

---
 src/lib.rs                      | 2 ++
 src/webapi/html_elements/mod.rs | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/lib.rs b/src/lib.rs
index fde84f75..37f515db 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -316,6 +316,7 @@ pub mod web {
 
     /// A module containing HTML DOM elements.
     pub mod html_element {
+        pub use webapi::html_elements::ButtonElement;
         pub use webapi::html_elements::ImageElement;
         pub use webapi::html_elements::InputElement;
         pub use webapi::html_elements::TextAreaElement;
@@ -324,6 +325,7 @@ pub mod web {
         pub use webapi::html_elements::OptionElement;
         pub use webapi::html_elements::TemplateElement;
         pub use webapi::html_elements::SlotElement;
+
     }
 
     /// A module containing JavaScript DOM events.
diff --git a/src/webapi/html_elements/mod.rs b/src/webapi/html_elements/mod.rs
index 99bf3965..142441e1 100644
--- a/src/webapi/html_elements/mod.rs
+++ b/src/webapi/html_elements/mod.rs
@@ -6,8 +6,10 @@ mod select;
 mod option;
 mod template;
 mod slot;
+mod button;
 
 pub use self::canvas::CanvasElement;
+pub use self::button::ButtonElement;
 pub use self::image::ImageElement;
 pub use self::input::InputElement;
 pub use self::textarea::TextAreaElement;

From 85e42248ed54ddf7bd75b2fea57000db3fbd037f Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sat, 14 Mar 2020 21:46:20 +0100
Subject: [PATCH 4/6] add docs

---
 src/webapi/html_elements/button.rs | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/webapi/html_elements/button.rs b/src/webapi/html_elements/button.rs
index ba281234..390472a8 100644
--- a/src/webapi/html_elements/button.rs
+++ b/src/webapi/html_elements/button.rs
@@ -20,8 +20,11 @@ impl IElement for ButtonElement {}
 impl IHtmlElement for ButtonElement {}
 
 impl ButtonElement {
-    // Sets the type of button.
-    // https://html.spec.whatwg.org/#attr-button-type
+    /// The type attribute controls the behavior of the button when it is activated. 
+    /// It is an enumerated attribute. Allowed values: submit | reset | button
+    ///
+    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
+    /// https://html.spec.whatwg.org/#attr-button-type
     #[inline]
     pub fn set_type(&self, kind: &str) {
         js! { @(no_return)
@@ -29,8 +32,10 @@ impl ButtonElement {
         }
     }
 
-    // Sets either button disable or not
-    // https://html.spec.whatwg.org/#attr-fe-disabled
+    /// This Boolean attribute prevents the user from interacting with the button: it cannot be pressed or focused.
+    ///
+    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled)
+    /// https://html.spec.whatwg.org/#attr-fe-disabled
     #[inline]
     pub fn set_disabled(&self, status: bool) {
         js! { @(no_return)
@@ -38,17 +43,22 @@ impl ButtonElement {
         }
     }
 
-    // Sets the name of button, useful if button related to form element
-    // https://html.spec.whatwg.org/#attr-fe-name
+    /// The name of the button, submitted as a pair with the button’s value as part of the form data.
+    ///
+    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)
+    /// https://html.spec.whatwg.org/#attr-fe-name
     #[inline]
     pub fn set_name(&self, name: &str) {
         js! { @(no_return)
             @{self}.name = @{name};
         }
     }
-
-    // Sets the value of button, useful if button related to form element
-    // https://html.spec.whatwg.org/#attr-button-value
+    
+    /// Defines the value associated with the button’s name when it’s submitted with the form data. 
+    /// This value is passed to the server in params when the form is submitted.
+    ///
+    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-value)
+    /// https://html.spec.whatwg.org/#attr-button-value    
     #[inline]
     pub fn set_raw_value(&self, value: &str) {
         js! { @(no_return)

From ce917b7548c55aec8a83f1f5b0a44b634feda620 Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sat, 14 Mar 2020 21:47:37 +0100
Subject: [PATCH 5/6] update docs

---
 src/webapi/html_elements/button.rs | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/webapi/html_elements/button.rs b/src/webapi/html_elements/button.rs
index 390472a8..6ef68948 100644
--- a/src/webapi/html_elements/button.rs
+++ b/src/webapi/html_elements/button.rs
@@ -5,10 +5,10 @@ use webapi::node::{INode, Node};
 use webcore::try_from::TryInto;
 use webcore::value::Reference;
 
-/// The HTML `<textarea>` element represents a multi-line plain-text editing control.
+/// The HTML `<button>` element represents a clickable button
 ///
-/// [(JavaScript docs)](https://developer.mozilla.org/en/docs/Web/HTML/Element/textarea)
-// https://html.spec.whatwg.org/#htmlButtonElement
+/// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button)
+// https://html.spec.whatwg.org/#the-button-element
 #[derive(Clone, Debug, PartialEq, Eq, ReferenceType)]
 #[reference(instance_of = "HTMLButtonElement")]
 #[reference(subclass_of(EventTarget, Node, Element, HtmlElement))]
@@ -53,7 +53,7 @@ impl ButtonElement {
             @{self}.name = @{name};
         }
     }
-    
+
     /// Defines the value associated with the button’s name when it’s submitted with the form data. 
     /// This value is passed to the server in params when the form is submitted.
     ///

From 8990744ae4417ea22a0a1928e1fc0f473cb0015b Mon Sep 17 00:00:00 2001
From: Serhii <sergiybiluk@gmail.com>
Date: Sun, 15 Mar 2020 11:48:52 +0100
Subject: [PATCH 6/6] add test

---
 src/webapi/html_elements/button.rs | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/webapi/html_elements/button.rs b/src/webapi/html_elements/button.rs
index 6ef68948..c32467e3 100644
--- a/src/webapi/html_elements/button.rs
+++ b/src/webapi/html_elements/button.rs
@@ -43,6 +43,17 @@ impl ButtonElement {
         }
     }
 
+    /// This Boolean attribute prevents the user from interacting with the button: it cannot be pressed or focused.
+    ///
+    /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled)
+    /// https://html.spec.whatwg.org/#attr-fe-disabled
+    #[inline]
+    pub fn is_disabled(&self) -> bool {
+        js!(
+            return @{self}.disabled;
+        ).try_into().unwrap()
+    }
+
     /// The name of the button, submitted as a pair with the button’s value as part of the form data.
     ///
     /// [(JavaScript docs)](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)
@@ -66,3 +77,19 @@ impl ButtonElement {
         }
     }
 }
+
+#[cfg(all(test, feature = "web_test"))]
+mod tests {
+    use super::ButtonElement;
+    use webapi::node::Node;
+    use webcore::try_from::TryInto;
+
+    #[test]
+    fn test_select_one() {
+        let html = r#"<button>Click me</button>"#;
+        let button: ButtonElement = Node::from_html(html).unwrap().try_into().unwrap();
+        let is_disabled = button.is_disabled();
+
+        assert_eq!(is_disabled, false);
+    }
+}
\ No newline at end of file