refactor: `views` -> `panes`, `mod.rs` -> `{panes,types}.rs`

1 files changed, 50 insertions, 0 deletions

diff --git a/iced_builder/src/panes/code_view.rs b/iced_builder/src/panes/code_view.rs
new file mode 100644
index 0000000..1be75d9
--- /dev/null
+++ b/iced_builder/src/panes/code_view.rs
@@ -0,0 +1,50 @@
+use iced::widget::{
+    button, container, pane_grid, row, text, text_editor, tooltip, Space,
+};
+use iced::{Alignment, Length, Theme};
+use super::style;
+use crate::icon::copy;
+use crate::types::{DesignerPage, Message};
+
+pub fn view<'a>(
+    editor_content: &'a text_editor::Content,
+    theme: Theme,
+    is_focused: bool,
+) -> pane_grid::Content<'a, Message> {
+    let title = row![
+        text("Generated Code"),
+        Space::with_width(Length::Fill),
+        tooltip(
+            button(container(copy()).center_x(30)).on_press(Message::CopyCode),
+            "Copy code to clipboard",
+            tooltip::Position::FollowCursor
+        ),
+        Space::with_width(20),
+        button("Switch to Designer view")
+            .on_press(Message::SwitchPage(DesignerPage::DesignerView))
+    ]
+    .align_y(Alignment::Center);
+    let title_bar = pane_grid::TitleBar::new(title)
+        .padding(10)
+        .style(style::title_bar);
+    pane_grid::Content::new(
+        text_editor(editor_content)
+            .on_action(Message::EditorAction)
+            .highlight(
+                "rs",
+                if theme.to_string().contains("Dark") {
+                    highlighter::Theme::SolarizedDark
+                } else {
+                    highlighter::Theme::InspiredGitHub
+                },
+            )
+            .height(Length::Fill)
+            .padding(20),
+    )
+    .title_bar(title_bar)
+    .style(if is_focused {
+        style::pane_focused
+    } else {
+        style::pane_active
+    })
+}