mirror of
https://github.com/RGBCube/serenity
synced 2025-06-01 11:38:13 +00:00
7cdfb9c6b4
When selecting an element in the browser's DOM inspector, we now also show the resolved CSS properties (and their values) for that element. Since the inspector was growing a bit more complex, I moved it out of the "show inspector" action callback and into its own class. In the future, we will probably want to migrate the inspector down to LibHTML to make it accessible to other clients of the library, but for now we can keep working on it inside Browser. :^)
50 lines
1.3 KiB
C++
50 lines
1.3 KiB
C++
#include "DOMElementStyleModel.h"
|
|
#include <LibHTML/CSS/PropertyID.h>
|
|
#include <LibHTML/DOM/Document.h>
|
|
#include <LibHTML/DOM/Element.h>
|
|
|
|
DOMElementStyleModel::DOMElementStyleModel(const Element& element)
|
|
: m_element(element)
|
|
{
|
|
if (element.resolved_style()) {
|
|
element.resolved_style()->for_each_property([&](auto property_id, auto& property_value) {
|
|
Value value;
|
|
value.name = CSS::string_from_property_id(property_id);
|
|
value.value = property_value.to_string();
|
|
m_values.append(value);
|
|
});
|
|
}
|
|
}
|
|
|
|
int DOMElementStyleModel::row_count(const GModelIndex&) const
|
|
{
|
|
return m_values.size();
|
|
}
|
|
|
|
String DOMElementStyleModel::column_name(int column_index) const
|
|
{
|
|
switch (column_index) {
|
|
case Column::PropertyName:
|
|
return "Name";
|
|
case Column::PropertyValue:
|
|
return "Value";
|
|
default:
|
|
ASSERT_NOT_REACHED();
|
|
}
|
|
}
|
|
GVariant DOMElementStyleModel::data(const GModelIndex& index, Role role) const
|
|
{
|
|
auto& value = m_values[index.row()];
|
|
if (role == Role::Display) {
|
|
if (index.column() == Column::PropertyName)
|
|
return value.name;
|
|
if (index.column() == Column::PropertyValue)
|
|
return value.value;
|
|
}
|
|
return {};
|
|
}
|
|
|
|
void DOMElementStyleModel::update()
|
|
{
|
|
did_update();
|
|
}
|