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:
parent
636ff33d60
commit
5006330bc6
2 changed files with 60 additions and 0 deletions
|
@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
};
|
||||
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue