1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
#![allow(clippy::redundant_closure_call)]
use derive_more::Display;
use yew::prelude::*;
use yewtil::NeqAssign;
#[derive(Clone, Debug, Properties, PartialEq)]
pub struct TitleProps {
#[prop_or_default]
pub children: Children,
#[prop_or_default]
pub classes: Option<String>,
#[prop_or_else(|| "h3".into())]
pub tag: String,
#[prop_or_default]
pub is_spaced: bool,
#[prop_or_default]
pub size: Option<HeaderSize>,
}
pub struct Title {
props: TitleProps,
}
impl Component for Title {
type Message = ();
type Properties = TitleProps;
fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
Self { props }
}
fn update(&mut self, _: Self::Message) -> ShouldRender {
false
}
fn change(&mut self, props: Self::Properties) -> ShouldRender {
self.props.neq_assign(props)
}
fn view(&self) -> Html {
let mut classes = Classes::from("title");
if let Some(extra) = &self.props.classes {
classes = classes.extend(extra);
}
if let Some(size) = &self.props.size {
classes.push(&size.to_string());
}
if self.props.is_spaced {
classes.push("is-spaced");
}
let tag = self.props.tag.clone();
html! {
<@{tag} class=classes>
{self.props.children.clone()}
</@>
}
}
}
#[derive(Clone, Debug, Properties, PartialEq)]
pub struct SubtitleProps {
#[prop_or_default]
pub children: Children,
#[prop_or_default]
pub classes: Option<String>,
#[prop_or_else(|| "h3".into())]
pub tag: String,
#[prop_or_default]
pub size: Option<HeaderSize>,
}
pub struct Subtitle {
props: SubtitleProps,
}
impl Component for Subtitle {
type Message = ();
type Properties = SubtitleProps;
fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
Self { props }
}
fn update(&mut self, _: Self::Message) -> ShouldRender {
false
}
fn change(&mut self, props: Self::Properties) -> ShouldRender {
self.props.neq_assign(props)
}
fn view(&self) -> Html {
let mut classes = Classes::from("subtitle");
if let Some(extra) = &self.props.classes {
classes = classes.extend(extra);
}
if let Some(size) = &self.props.size {
classes.push(&size.to_string());
}
let tag = self.props.tag.clone();
html! {
<@{tag} class=classes>
{self.props.children.clone()}
</@>
}
}
}
#[derive(Clone, Debug, Display, PartialEq)]
#[display(fmt = "is-{}")]
pub enum HeaderSize {
#[display(fmt = "1")]
Is1,
#[display(fmt = "2")]
Is2,
#[display(fmt = "3")]
Is3,
#[display(fmt = "4")]
Is4,
#[display(fmt = "5")]
Is5,
#[display(fmt = "6")]
Is6,
}