1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 01:47:34 +00:00

Browser: Add an Inspector context menu to edit the DOM

This commit is contained in:
Timothy Flynn 2023-12-05 17:31:00 -05:00 committed by Andreas Kling
parent 636ff33d60
commit 5006330bc6
2 changed files with 60 additions and 0 deletions

View file

@ -7,7 +7,9 @@
*/
#include "InspectorWidget.h"
#include <LibGUI/Action.h>
#include <LibGUI/BoxLayout.h>
#include <LibGUI/Menu.h>
#include <LibWebView/InspectorClient.h>
#include <LibWebView/OutOfProcessWebView.h>
@ -26,6 +28,48 @@ InspectorWidget::InspectorWidget(WebView::OutOfProcessWebView& content_view)
m_inspector_view = add<WebView::OutOfProcessWebView>();
m_inspector_client = make<WebView::InspectorClient>(content_view, *m_inspector_view);
m_edit_node_action = GUI::Action::create("&Edit node"sv, [this](auto&) { m_inspector_client->context_menu_edit_dom_node(); });
m_delete_node_action = GUI::Action::create("&Delete node"sv, [this](auto&) { m_inspector_client->context_menu_remove_dom_node(); });
m_add_attribute_action = GUI::Action::create("&Add attribute"sv, [this](auto&) { m_inspector_client->context_menu_add_dom_node_attribute(); });
m_remove_attribute_action = GUI::Action::create("&Remove attribute"sv, [this](auto&) { m_inspector_client->context_menu_remove_dom_node_attribute(); });
m_dom_node_text_context_menu = GUI::Menu::construct();
m_dom_node_text_context_menu->add_action(*m_edit_node_action);
m_dom_node_text_context_menu->add_separator();
m_dom_node_text_context_menu->add_action(*m_delete_node_action);
m_dom_node_tag_context_menu = GUI::Menu::construct();
m_dom_node_tag_context_menu->add_action(*m_edit_node_action);
m_dom_node_tag_context_menu->add_separator();
m_dom_node_tag_context_menu->add_action(*m_add_attribute_action);
m_dom_node_tag_context_menu->add_action(*m_delete_node_action);
m_dom_node_attribute_context_menu = GUI::Menu::construct();
m_dom_node_attribute_context_menu->add_action(*m_edit_node_action);
m_dom_node_attribute_context_menu->add_action(*m_remove_attribute_action);
m_dom_node_attribute_context_menu->add_separator();
m_dom_node_attribute_context_menu->add_action(*m_add_attribute_action);
m_dom_node_attribute_context_menu->add_action(*m_delete_node_action);
m_inspector_client->on_requested_dom_node_text_context_menu = [this](auto position) {
m_edit_node_action->set_text("&Edit text");
m_dom_node_text_context_menu->popup(to_widget_position(position));
};
m_inspector_client->on_requested_dom_node_tag_context_menu = [this](auto position, auto const& tag) {
m_edit_node_action->set_text(DeprecatedString::formatted("&Edit \"{}\"", tag));
m_dom_node_tag_context_menu->popup(to_widget_position(position));
};
m_inspector_client->on_requested_dom_node_attribute_context_menu = [this](auto position, auto const& attribute) {
m_edit_node_action->set_text(DeprecatedString::formatted("&Edit attribute \"{}\"", attribute));
m_remove_attribute_action->set_text(DeprecatedString::formatted("&Remove attribute \"{}\"", attribute));
m_dom_node_attribute_context_menu->popup(to_widget_position(position));
};
m_inspector_view->set_focus(true);
}
@ -51,4 +95,9 @@ void InspectorWidget::select_hovered_node()
m_inspector_client->select_hovered_node();
}
Gfx::IntPoint InspectorWidget::to_widget_position(Gfx::IntPoint position) const
{
return m_inspector_view->screen_relative_rect().location().translated(position);
}
}

View file

@ -30,8 +30,19 @@ public:
private:
explicit InspectorWidget(WebView::OutOfProcessWebView& content_view);
Gfx::IntPoint to_widget_position(Gfx::IntPoint) const;
RefPtr<WebView::OutOfProcessWebView> m_inspector_view;
OwnPtr<WebView::InspectorClient> m_inspector_client;
RefPtr<GUI::Menu> m_dom_node_text_context_menu;
RefPtr<GUI::Menu> m_dom_node_tag_context_menu;
RefPtr<GUI::Menu> m_dom_node_attribute_context_menu;
RefPtr<GUI::Action> m_edit_node_action;
RefPtr<GUI::Action> m_delete_node_action;
RefPtr<GUI::Action> m_add_attribute_action;
RefPtr<GUI::Action> m_remove_attribute_action;
};
}