HTMLTableCellElement.cpp 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /*
  2. * Copyright (c) 2020-2022, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #include <LibWeb/Bindings/Intrinsics.h>
  7. #include <LibWeb/CSS/Parser/Parser.h>
  8. #include <LibWeb/CSS/StyleProperties.h>
  9. #include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
  10. #include <LibWeb/CSS/StyleValues/IdentifierStyleValue.h>
  11. #include <LibWeb/CSS/StyleValues/ImageStyleValue.h>
  12. #include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
  13. #include <LibWeb/DOM/Document.h>
  14. #include <LibWeb/HTML/HTMLTableCellElement.h>
  15. #include <LibWeb/HTML/HTMLTableElement.h>
  16. #include <LibWeb/HTML/Numbers.h>
  17. #include <LibWeb/HTML/Parser/HTMLParser.h>
  18. namespace Web::HTML {
  19. JS_DEFINE_ALLOCATOR(HTMLTableCellElement);
  20. HTMLTableCellElement::HTMLTableCellElement(DOM::Document& document, DOM::QualifiedName qualified_name)
  21. : HTMLElement(document, move(qualified_name))
  22. {
  23. }
  24. HTMLTableCellElement::~HTMLTableCellElement() = default;
  25. void HTMLTableCellElement::initialize(JS::Realm& realm)
  26. {
  27. Base::initialize(realm);
  28. WEB_SET_PROTOTYPE_FOR_INTERFACE(HTMLTableCellElement);
  29. }
  30. void HTMLTableCellElement::apply_presentational_hints(CSS::StyleProperties& style) const
  31. {
  32. for_each_attribute([&](auto& name, auto& value) {
  33. if (name == HTML::AttributeNames::bgcolor) {
  34. // https://html.spec.whatwg.org/multipage/rendering.html#tables-2:rules-for-parsing-a-legacy-colour-value
  35. auto color = parse_legacy_color_value(value);
  36. if (color.has_value())
  37. style.set_property(CSS::PropertyID::BackgroundColor, CSS::ColorStyleValue::create(color.value()));
  38. return;
  39. }
  40. if (name == HTML::AttributeNames::valign) {
  41. if (auto parsed_value = parse_css_value(CSS::Parser::ParsingContext { document() }, value, CSS::PropertyID::VerticalAlign))
  42. style.set_property(CSS::PropertyID::VerticalAlign, parsed_value.release_nonnull());
  43. return;
  44. }
  45. if (name == HTML::AttributeNames::align) {
  46. if (value.equals_ignoring_ascii_case("center"sv) || value.equals_ignoring_ascii_case("middle"sv)) {
  47. style.set_property(CSS::PropertyID::TextAlign, CSS::IdentifierStyleValue::create(CSS::ValueID::LibwebCenter));
  48. } else if (value.equals_ignoring_ascii_case("left"sv)) {
  49. style.set_property(CSS::PropertyID::TextAlign, CSS::IdentifierStyleValue::create(CSS::ValueID::LibwebLeft));
  50. } else if (value.equals_ignoring_ascii_case("right"sv)) {
  51. style.set_property(CSS::PropertyID::TextAlign, CSS::IdentifierStyleValue::create(CSS::ValueID::LibwebRight));
  52. } else {
  53. if (auto parsed_value = parse_css_value(CSS::Parser::ParsingContext { document() }, value, CSS::PropertyID::TextAlign))
  54. style.set_property(CSS::PropertyID::TextAlign, parsed_value.release_nonnull());
  55. }
  56. return;
  57. }
  58. if (name == HTML::AttributeNames::width) {
  59. if (auto parsed_value = parse_nonzero_dimension_value(value))
  60. style.set_property(CSS::PropertyID::Width, parsed_value.release_nonnull());
  61. return;
  62. } else if (name == HTML::AttributeNames::height) {
  63. if (auto parsed_value = parse_nonzero_dimension_value(value))
  64. style.set_property(CSS::PropertyID::Height, parsed_value.release_nonnull());
  65. return;
  66. } else if (name == HTML::AttributeNames::background) {
  67. if (auto parsed_value = document().parse_url(value); parsed_value.is_valid())
  68. style.set_property(CSS::PropertyID::BackgroundImage, CSS::ImageStyleValue::create(parsed_value));
  69. return;
  70. }
  71. });
  72. auto const table_element = first_ancestor_of_type<HTMLTableElement>();
  73. if (!table_element)
  74. return;
  75. if (auto padding = table_element->padding()) {
  76. style.set_property(CSS::PropertyID::PaddingTop, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  77. style.set_property(CSS::PropertyID::PaddingBottom, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  78. style.set_property(CSS::PropertyID::PaddingLeft, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  79. style.set_property(CSS::PropertyID::PaddingRight, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  80. }
  81. auto border = table_element->border();
  82. if (!border)
  83. return;
  84. auto apply_border_style = [&](CSS::PropertyID style_property, CSS::PropertyID width_property, CSS::PropertyID color_property) {
  85. style.set_property(style_property, CSS::IdentifierStyleValue::create(CSS::ValueID::Inset));
  86. style.set_property(width_property, CSS::LengthStyleValue::create(CSS::Length::make_px(1)));
  87. style.set_property(color_property, table_element->computed_css_values()->property(color_property));
  88. };
  89. apply_border_style(CSS::PropertyID::BorderLeftStyle, CSS::PropertyID::BorderLeftWidth, CSS::PropertyID::BorderLeftColor);
  90. apply_border_style(CSS::PropertyID::BorderTopStyle, CSS::PropertyID::BorderTopWidth, CSS::PropertyID::BorderTopColor);
  91. apply_border_style(CSS::PropertyID::BorderRightStyle, CSS::PropertyID::BorderRightWidth, CSS::PropertyID::BorderRightColor);
  92. apply_border_style(CSS::PropertyID::BorderBottomStyle, CSS::PropertyID::BorderBottomWidth, CSS::PropertyID::BorderBottomColor);
  93. }
  94. // This implements step 8 in the spec here:
  95. // https://html.spec.whatwg.org/multipage/tables.html#algorithm-for-processing-rows
  96. unsigned int HTMLTableCellElement::col_span() const
  97. {
  98. auto optional_value = Web::HTML::parse_non_negative_integer(get_attribute_value(HTML::AttributeNames::colspan));
  99. // If parsing that value failed, or returned zero, or if the attribute is absent, then let colspan be 1, instead.
  100. if (!optional_value.has_value() || optional_value.value() == 0) {
  101. return 1;
  102. }
  103. auto value = optional_value.value();
  104. // If colspan is greater than 1000, let it be 1000 instead.
  105. if (value > 1000) {
  106. return 1000;
  107. }
  108. return value;
  109. }
  110. WebIDL::ExceptionOr<void> HTMLTableCellElement::set_col_span(unsigned int value)
  111. {
  112. return set_attribute(HTML::AttributeNames::colspan, MUST(String::number(value)));
  113. }
  114. // This implements step 9 in the spec here:
  115. // https://html.spec.whatwg.org/multipage/tables.html#algorithm-for-processing-rows
  116. unsigned int HTMLTableCellElement::row_span() const
  117. {
  118. // If parsing that value failed or if the attribute is absent, then let rowspan be 1, instead.
  119. auto value = Web::HTML::parse_non_negative_integer(get_attribute_value(HTML::AttributeNames::rowspan)).value_or(1);
  120. // If rowspan is greater than 65534, let it be 65534 instead.
  121. if (value > 65534) {
  122. return 65534;
  123. }
  124. return value;
  125. }
  126. WebIDL::ExceptionOr<void> HTMLTableCellElement::set_row_span(unsigned int value)
  127. {
  128. return set_attribute(HTML::AttributeNames::rowspan, MUST(String::number(value)));
  129. }
  130. Optional<ARIA::Role> HTMLTableCellElement::default_role() const
  131. {
  132. // TODO: For td:
  133. // role=cell if the ancestor table element is exposed as a role=table
  134. // role=gridcell if the ancestor table element is exposed as a role=grid or treegrid
  135. // No corresponding role if the ancestor table element is not exposed as a role=table, grid or treegrid
  136. // For th:
  137. // role=columnheader, rowheader or cell if the ancestor table element is exposed as a role=table
  138. // role=columnheader, rowheader or gridcell if the ancestor table element is exposed as a role=grid or treegrid
  139. // No corresponding role if the ancestor table element is not exposed as a role=table, grid or treegrid
  140. // https://www.w3.org/TR/html-aria/#el-td
  141. // https://www.w3.org/TR/html-aria/#el-th
  142. return {};
  143. }
  144. }