Add ButtonElement

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.

src/webapi/html_elements/button.rs

@@ -0,0 +1,95 @@
+use webapi::element::{Element, IElement};
+use webapi::event_target::{EventTarget, IEventTarget};
+use webapi::html_element::{HtmlElement, IHtmlElement};
+use webapi::node::{INode, Node};
+use webcore::try_from::TryInto;
+use webcore::value::Reference;
+
+/// The HTML `<button>` element represents a clickable button
+///
+/// [(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))]
+pub struct ButtonElement(Reference);
+
+impl IEventTarget for ButtonElement {}
+impl INode for ButtonElement {}
+impl IElement for ButtonElement {}
+impl IHtmlElement for ButtonElement {}
+
+impl ButtonElement {
+    /// 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)
+            @{self}.type = @{kind};
+        }
+    }
+
+    /// 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)
+            @{self}.disabled = @{status};
+        }
+    }
+
+    /// 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)
+    /// https://html.spec.whatwg.org/#attr-fe-name
+    #[inline]
+    pub fn set_name(&self, name: &str) {
+        js! { @(no_return)
+            @{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.
+    ///
+    /// [(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)
+            @{self}.value = @{value};
+        }
+    }
+}
+
+#[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);
+    }
+}

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;