| 
									
										
										
										
											2019-09-03 21:45:02 +10:00
										 |  |  | #include <LibDraw/StylePainter.h>
 | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | #include <LibGUI/GBoxLayout.h>
 | 
					
						
							|  |  |  | #include <LibGUI/GPainter.h>
 | 
					
						
							| 
									
										
										
										
											2019-06-07 11:46:02 +02:00
										 |  |  | #include <LibGUI/GTabWidget.h>
 | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | GTabWidget::GTabWidget(GWidget* parent) | 
					
						
							|  |  |  |     : GWidget(parent) | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2019-05-07 17:00:56 +02:00
										 |  |  |     set_fill_with_background_color(true); | 
					
						
							| 
									
										
										
										
											2019-06-30 09:23:16 +02:00
										 |  |  |     set_background_color(Color::WarmGray); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | GTabWidget::~GTabWidget() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-06-02 14:58:02 +02:00
										 |  |  | void GTabWidget::add_widget(const StringView& title, GWidget* widget) | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | { | 
					
						
							|  |  |  |     m_tabs.append({ title, widget }); | 
					
						
							|  |  |  |     add_child(*widget); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::set_active_widget(GWidget* widget) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (widget == m_active_widget) | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     if (m_active_widget) | 
					
						
							|  |  |  |         m_active_widget->set_visible(false); | 
					
						
							|  |  |  |     m_active_widget = widget; | 
					
						
							|  |  |  |     if (m_active_widget) { | 
					
						
							|  |  |  |         m_active_widget->set_relative_rect(child_rect_for_size(size())); | 
					
						
							|  |  |  |         m_active_widget->set_visible(true); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |     update_bar(); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::resize_event(GResizeEvent& event) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (!m_active_widget) | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     m_active_widget->set_relative_rect(child_rect_for_size(event.size())); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Rect GTabWidget::child_rect_for_size(const Size& size) const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2019-07-28 17:39:04 +02:00
										 |  |  |     switch (m_tab_position) { | 
					
						
							|  |  |  |     case TabPosition::Top: | 
					
						
							|  |  |  |         return { { container_padding(), bar_height() + container_padding() }, { size.width() - container_padding() * 2, size.height() - bar_height() - container_padding() * 2 } }; | 
					
						
							|  |  |  |     case TabPosition::Bottom: | 
					
						
							|  |  |  |         return { { container_padding(), container_padding() }, { size.width() - container_padding() * 2, size.height() - bar_height() - container_padding() * 2 } }; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     ASSERT_NOT_REACHED(); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::child_event(CChildEvent& event) | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2019-05-27 04:06:01 +02:00
										 |  |  |     if (!event.child() || !is<GWidget>(*event.child())) | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |         return GWidget::child_event(event); | 
					
						
							| 
									
										
										
										
											2019-05-27 04:06:01 +02:00
										 |  |  |     auto& child = to<GWidget>(*event.child()); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |     if (event.type() == GEvent::ChildAdded) { | 
					
						
							|  |  |  |         if (!m_active_widget) | 
					
						
							|  |  |  |             set_active_widget(&child); | 
					
						
							|  |  |  |         else if (m_active_widget != &child) | 
					
						
							|  |  |  |             child.set_visible(false); | 
					
						
							|  |  |  |     } else if (event.type() == GEvent::ChildRemoved) { | 
					
						
							|  |  |  |         if (m_active_widget == &child) { | 
					
						
							|  |  |  |             GWidget* new_active_widget = nullptr; | 
					
						
							| 
									
										
										
										
											2019-06-07 11:46:02 +02:00
										 |  |  |             for_each_child_widget([&](auto& new_child) { | 
					
						
							| 
									
										
										
										
											2019-05-27 03:52:33 +02:00
										 |  |  |                 new_active_widget = &new_child; | 
					
						
							| 
									
										
										
										
											2019-06-07 17:13:23 +02:00
										 |  |  |                 return IterationDecision::Break; | 
					
						
							| 
									
										
										
										
											2019-05-27 03:52:33 +02:00
										 |  |  |             }); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |             set_active_widget(new_active_widget); | 
					
						
							|  |  |  |         } | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     GWidget::child_event(event); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Rect GTabWidget::bar_rect() const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2019-07-28 17:39:04 +02:00
										 |  |  |     switch (m_tab_position) { | 
					
						
							|  |  |  |     case TabPosition::Top: | 
					
						
							|  |  |  |         return { 0, 0, width(), bar_height() }; | 
					
						
							|  |  |  |     case TabPosition::Bottom: | 
					
						
							|  |  |  |         return { 0, height() - bar_height(), width(), bar_height() }; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     ASSERT_NOT_REACHED(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Rect GTabWidget::container_rect() const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     switch (m_tab_position) { | 
					
						
							|  |  |  |     case TabPosition::Top: | 
					
						
							|  |  |  |         return { 0, bar_height(), width(), height() - bar_height() }; | 
					
						
							|  |  |  |     case TabPosition::Bottom: | 
					
						
							|  |  |  |         return { 0, 0, width(), height() - bar_height() }; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     ASSERT_NOT_REACHED(); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::paint_event(GPaintEvent& event) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     GPainter painter(*this); | 
					
						
							|  |  |  |     painter.add_clip_rect(event.rect()); | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-07-28 17:39:04 +02:00
										 |  |  |     auto container_rect = this->container_rect(); | 
					
						
							| 
									
										
										
										
											2019-05-05 15:03:34 +02:00
										 |  |  |     auto padding_rect = container_rect; | 
					
						
							|  |  |  |     for (int i = 0; i < container_padding(); ++i) { | 
					
						
							|  |  |  |         painter.draw_rect(padding_rect, background_color()); | 
					
						
							|  |  |  |         padding_rect.shrink(2, 2); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-05 20:53:04 +02:00
										 |  |  |     StylePainter::paint_frame(painter, container_rect, FrameShape::Container, FrameShadow::Raised, 2); | 
					
						
							| 
									
										
										
										
											2019-05-05 15:03:34 +02:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |     for (int i = 0; i < m_tabs.size(); ++i) { | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |         if (m_tabs[i].widget == m_active_widget) | 
					
						
							|  |  |  |             continue; | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |         bool hovered = i == m_hovered_tab_index; | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |         auto button_rect = this->button_rect(i); | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |         StylePainter::paint_tab_button(painter, button_rect, false, hovered, m_tabs[i].widget->is_enabled()); | 
					
						
							| 
									
										
										
										
											2019-05-07 14:13:20 +02:00
										 |  |  |         painter.draw_text(button_rect.translated(0, 1), m_tabs[i].title, TextAlignment::Center); | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     for (int i = 0; i < m_tabs.size(); ++i) { | 
					
						
							|  |  |  |         if (m_tabs[i].widget != m_active_widget) | 
					
						
							|  |  |  |             continue; | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |         bool hovered = i == m_hovered_tab_index; | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |         auto button_rect = this->button_rect(i); | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |         StylePainter::paint_tab_button(painter, button_rect, true, hovered, m_tabs[i].widget->is_enabled()); | 
					
						
							| 
									
										
										
										
											2019-05-07 14:13:20 +02:00
										 |  |  |         painter.draw_text(button_rect.translated(0, 1), m_tabs[i].title, TextAlignment::Center); | 
					
						
							| 
									
										
										
										
											2019-05-05 15:03:34 +02:00
										 |  |  |         painter.draw_line(button_rect.bottom_left().translated(1, 1), button_rect.bottom_right().translated(-1, 1), background_color()); | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |         break; | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Rect GTabWidget::button_rect(int index) const | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |     int x_offset = 2; | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |     for (int i = 0; i < index; ++i) | 
					
						
							|  |  |  |         x_offset += m_tabs[i].width(font()); | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |     Rect rect { x_offset, 0, m_tabs[index].width(font()), bar_height() }; | 
					
						
							|  |  |  |     if (m_tabs[index].widget != m_active_widget) { | 
					
						
							|  |  |  |         rect.move_by(0, 2); | 
					
						
							|  |  |  |         rect.set_height(rect.height() - 2); | 
					
						
							|  |  |  |     } else { | 
					
						
							|  |  |  |         rect.move_by(-2, 0); | 
					
						
							|  |  |  |         rect.set_width(rect.width() + 4); | 
					
						
							|  |  |  |     } | 
					
						
							| 
									
										
										
										
											2019-07-28 17:39:04 +02:00
										 |  |  |     rect.move_by(bar_rect().location()); | 
					
						
							| 
									
										
										
										
											2019-05-05 14:39:37 +02:00
										 |  |  |     return rect; | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | int GTabWidget::TabData::width(const Font& font) const | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     return 16 + font.width(title); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::mousedown_event(GMouseEvent& event) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     for (int i = 0; i < m_tabs.size(); ++i) { | 
					
						
							|  |  |  |         auto button_rect = this->button_rect(i); | 
					
						
							|  |  |  |         if (!button_rect.contains(event.position())) | 
					
						
							|  |  |  |             continue; | 
					
						
							|  |  |  |         set_active_widget(m_tabs[i].widget); | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  |         return; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::mousemove_event(GMouseEvent& event) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     int hovered_tab = -1; | 
					
						
							|  |  |  |     for (int i = 0; i < m_tabs.size(); ++i) { | 
					
						
							|  |  |  |         auto button_rect = this->button_rect(i); | 
					
						
							|  |  |  |         if (!button_rect.contains(event.position())) | 
					
						
							|  |  |  |             continue; | 
					
						
							|  |  |  |         hovered_tab = i; | 
					
						
							|  |  |  |         if (m_tabs[i].widget == m_active_widget) | 
					
						
							|  |  |  |             break; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     if (hovered_tab == m_hovered_tab_index) | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     m_hovered_tab_index = hovered_tab; | 
					
						
							|  |  |  |     update_bar(); | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::leave_event(CEvent&) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (m_hovered_tab_index != -1) { | 
					
						
							|  |  |  |         m_hovered_tab_index = -1; | 
					
						
							|  |  |  |         update_bar(); | 
					
						
							| 
									
										
										
										
											2019-05-05 01:31:02 +02:00
										 |  |  |     } | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2019-05-07 14:01:20 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::update_bar() | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     auto invalidation_rect = bar_rect(); | 
					
						
							|  |  |  |     invalidation_rect.set_height(invalidation_rect.height() + 1); | 
					
						
							|  |  |  |     update(invalidation_rect); | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2019-07-28 17:39:04 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | void GTabWidget::set_tab_position(TabPosition tab_position) | 
					
						
							|  |  |  | { | 
					
						
							|  |  |  |     if (m_tab_position == tab_position) | 
					
						
							|  |  |  |         return; | 
					
						
							|  |  |  |     m_tab_position = tab_position; | 
					
						
							|  |  |  |     if (m_active_widget) | 
					
						
							|  |  |  |         m_active_widget->set_relative_rect(child_rect_for_size(size())); | 
					
						
							|  |  |  |     update(); | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2019-09-08 00:13:26 +10:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-09-07 16:57:26 +02:00
										 |  |  | int GTabWidget::active_tab_index() const | 
					
						
							| 
									
										
										
										
											2019-09-08 00:13:26 +10:00
										 |  |  | { | 
					
						
							| 
									
										
										
										
											2019-09-07 16:57:26 +02:00
										 |  |  |     for (int i = 0; i < m_tabs.size(); i++) { | 
					
						
							|  |  |  |         if (m_tabs.at(i).widget == m_active_widget) | 
					
						
							| 
									
										
										
										
											2019-09-08 00:13:26 +10:00
										 |  |  |             return i; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     return -1; | 
					
						
							|  |  |  | } |