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
|
use iced::widget::{button, center, container, pane_grid, text, themer};
use iced::{Fill, Shrink};
use iced_material::Theme;
use super::style;
use crate::icon;
use crate::types::{DesignerPane, Message, RenderedElement};
pub fn view<'a>(
element_tree: Option<&'a RenderedElement>,
designer_theme: iced::Theme,
is_focused: bool,
) -> pane_grid::Content<'a, Message, Theme> {
let el_tree: iced::Element<'a, Message> = match element_tree {
Some(tree) => center(
container(tree.clone())
.style(|theme| container::background(theme.seed().background))
.clip(true)
.width(Shrink)
.height(Shrink),
)
.into(),
None => center("Open a project or begin creating one").into(),
};
let content = container(themer(Some(designer_theme), el_tree))
.id("drop_zone")
.width(Fill)
.height(Fill);
let title_bar = pane_grid::TitleBar::new(text("Designer").center())
.controls(pane_grid::Controls::dynamic(
button("Switch to Code view")
.on_press(DesignerPane::CodeView.into()),
button(icon::switch()).on_press(DesignerPane::CodeView.into()),
))
.padding(10)
.style(style::title_bar);
pane_grid::Content::new(content)
.title_bar(title_bar)
.style(if is_focused {
style::pane_focused
} else {
style::pane_active
})
}
|
