mrml/mj_accordion/
render.rs1use 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}