CSS manipulation through handle

Author: jakmeier

Cargo.toml

@@ -14,16 +14,16 @@ description = "Crate to ease web-programming including Rust as fist-class citize
 crate-type = ["cdylib", "rlib"]
 
 [dependencies]
-wasm-bindgen = "0.2.68"
+wasm-bindgen = "0.2"
 
 [dependencies.web-sys]
 version = "0.3"
 features = [
     "console",
     "CssStyleDeclaration",
+    "DomTokenList",
     "Document",
     "Element",
-    "HtmlCollection",
     "HtmlElement",
     "HtmlHeadElement",
     "HtmlScriptElement",
@@ -32,4 +32,4 @@ features = [
 
 [dev-dependencies]
 wasm-bindgen-test = "0.3"
-wasm-bindgen-futures = "0.4.18"
+wasm-bindgen-futures = "0.4"

src/pane.rs

@@ -151,4 +151,16 @@ impl Pane {
 
         Ok(())
     }
+    pub(crate) fn set_css(&self, property: &str, value: &str) -> Result<(), DivError> {
+        self.node.style().set_property(property, value)?;
+        Ok(())
+    }
+    pub(crate) fn add_class(&self, css_class: &str) -> Result<(), DivError> {
+        self.node.class_list().add_1(css_class)?;
+        Ok(())
+    }
+    pub(crate) fn remove_class(&self, css_class: &str) -> Result<(), DivError> {
+        self.node.class_list().remove_1(css_class)?;
+        Ok(())
+    }
 }

src/pane_handle.rs

@@ -46,6 +46,18 @@ impl PaneHandle {
     pub fn reposition_and_resize(&self, x: u32, y: u32, w: u32, h: u32) -> Result<(), DivError> {
         state::exec_mut(|state| state.update_pane(&self, Some(x), Some(y), Some(w), Some(h)))
     }
+    /// Set CSS property of div
+    pub fn set_css(&mut self, property: &str, value: &str) -> Result<(), DivError> {
+        state::exec(|state| state.nodes.get(self)?.set_css(property, value))
+    }
+    /// Add a CSS class to the div
+    pub fn add_class(&mut self, css_class: &str) -> Result<(), DivError> {
+        state::exec(|state| state.nodes.get(self)?.add_class(css_class))
+    }
+    /// Remove a CSS class to the div
+    pub fn remove_class(&mut self, css_class: &str) -> Result<(), DivError> {
+        state::exec(|state| state.nodes.get(self)?.remove_class(css_class))
+    }
     /// Removes a pane from the DOM and deletes it
     pub fn delete(&mut self) -> Result<(), DivError> {
         state::exec_mut(|state| state.delete_pane(self))