mrml/mj_accordion/
render.rs

1use super::{MjAccordion, MjAccordionChild, NAME};
2use crate::helper::size::{Pixel, Size};
3use crate::prelude::render::*;
4
5const CHILDREN_ATTRIBUTES: [&str; 9] = [
6    "border",
7    "icon-align",
8    "icon-width",
9    "icon-height",
10    "icon-position",
11    "icon-wrapped-url",
12    "icon-wrapped-alt",
13    "icon-unwrapped-url",
14    "icon-unwrapped-alt",
15];
16
17const STYLE: &str = r#"noinput.mj-accordion-checkbox { display: block! important; }
18@media yahoo, only screen and (min-width:0) {
19  .mj-accordion-element { display:block; }
20  input.mj-accordion-checkbox, .mj-accordion-less { display: none !important; }
21  input.mj-accordion-checkbox+* .mj-accordion-title { cursor: pointer; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
22  input.mj-accordion-checkbox+* .mj-accordion-content { overflow: hidden; display: none; }
23  input.mj-accordion-checkbox+* .mj-accordion-more { display: block !important; }
24  input.mj-accordion-checkbox:checked+* .mj-accordion-content { display: block; }
25  input.mj-accordion-checkbox:checked+* .mj-accordion-more { display: none !important; }
26  input.mj-accordion-checkbox:checked+* .mj-accordion-less { display: block !important; }
27}
28.moz-text-html input.mj-accordion-checkbox+* .mj-accordion-title { cursor: auto; touch-action: auto; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; }
29.moz-text-html input.mj-accordion-checkbox+* .mj-accordion-content { overflow: hidden; display: block; }
30.moz-text-html input.mj-accordion-checkbox+* .mj-accordion-ico { display: none; }
31@goodbye { @gmail }
32"#;
33
34impl Renderer<'_, MjAccordion, ()> {
35    fn update_header(&self, header: &mut VariableHeader) {
36        let font_families = self.attribute("font-family");
37        header.maybe_add_font_families(font_families);
38        header.add_style(STYLE);
39    }
40}
41
42impl<'root> Render<'root> for Renderer<'root, MjAccordion, ()> {
43    fn default_attribute(&self, name: &str) -> Option<&'static str> {
44        match name {
45            "border" => Some("2px solid black"),
46            "font-family" => Some("Ubuntu, Helvetica, Arial, sans-serif"),
47            "icon-align" => Some("middle"),
48            "icon-position" => Some("right"),
49            "icon-height" => Some("32px"),
50            "icon-width" => Some("32px"),
51            "icon-wrapped-url" => Some("https://i.imgur.com/bIXv1bk.png"),
52            "icon-wrapped-alt" => Some("+"),
53            "icon-unwrapped-url" => Some("https://i.imgur.com/w4uTygT.png"),
54            "icon-unwrapped-alt" => Some("-"),
55            "padding" => Some("10px 25px"),
56            _ => None,
57        }
58    }
59
60    fn raw_attribute(&self, key: &str) -> Option<&'root str> {
61        match self.element.attributes.get(key) {
62            Some(Some(inner)) => Some(inner),
63            _ => None,
64        }
65    }
66
67    fn tag(&self) -> Option<&str> {
68        Some(NAME)
69    }
70
71    fn context(&self) -> &'root RenderContext<'root> {
72        self.context
73    }
74
75    fn get_width(&self) -> Option<Size> {
76        self.container_width.as_ref().copied().map(Size::Pixel)
77    }
78
79    fn set_container_width(&mut self, width: Option<Pixel>) {
80        self.container_width = width;
81    }
82
83    fn set_siblings(&mut self, value: usize) {
84        self.siblings = value;
85    }
86
87    fn set_raw_siblings(&mut self, value: usize) {
88        self.raw_siblings = value;
89    }
90
91    fn render(&self, cursor: &mut RenderCursor) -> Result<(), Error> {
92        self.update_header(&mut cursor.header);
93
94        let tbody = Tag::tbody();
95        let table = Tag::table()
96            .add_style("width", "100%")
97            .add_style("border-collapse", "collapse")
98            .maybe_add_style("border", self.attribute("border"))
99            .add_style("border-bottom", "none")
100            .maybe_add_style("font-family", self.attribute("font-family"))
101            .add_attribute("cellspacing", "0")
102            .add_attribute("cellpadding", "0")
103            .add_class("mj-accordion");
104
105        table.render_open(&mut cursor.buffer)?;
106        tbody.render_open(&mut cursor.buffer)?;
107
108        let children_attrs = CHILDREN_ATTRIBUTES
109            .iter()
110            .copied()
111            .filter_map(|key| self.attribute(key).map(|found| (key, found)))
112            .collect::<Vec<_>>();
113
114        for child in self.element.children.iter() {
115            let mut renderer = child.renderer(self.context());
116            children_attrs.iter().copied().for_each(|(key, value)| {
117                renderer.add_extra_attribute(key, value);
118            });
119            renderer.render(cursor)?;
120        }
121        tbody.render_close(&mut cursor.buffer);
122        table.render_close(&mut cursor.buffer);
123        Ok(())
124    }
125}
126
127impl<'render, 'root: 'render> Renderable<'render, 'root> for MjAccordion {
128    fn renderer(
129        &'root self,
130        context: &'root RenderContext<'root>,
131    ) -> Box<dyn Render<'root> + 'render> {
132        Box::new(Renderer::new(context, self, ()))
133    }
134}
135
136impl<'render, 'root: 'render> Renderable<'render, 'root> for MjAccordionChild {
137    fn renderer(
138        &'root self,
139        context: &'root RenderContext<'root>,
140    ) -> Box<dyn Render<'root> + 'render> {
141        match self {
142            Self::MjAccordionElement(elt) => elt.renderer(context),
143            Self::Comment(elt) => elt.renderer(context),
144        }
145    }
146}
147
148#[cfg(test)]
149mod tests {
150    crate::should_render!(basic, "mj-accordion");
151    crate::should_render!(font_padding, "mj-accordion-font-padding");
152    crate::should_render!(icon, "mj-accordion-icon");
153    crate::should_render!(other, "mj-accordion-other");
154}