ElementInfo.cpp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617
  1. /*
  2. * This source file is part of libRocket, the HTML/CSS Interface Middleware
  3. *
  4. * For the latest information, see http://www.librocket.com
  5. *
  6. * Copyright (c) 2008-2010 CodePoint Ltd, Shift Technology Ltd
  7. *
  8. * Permission is hereby granted, free of charge, to any person obtaining a copy
  9. * of this software and associated documentation files (the "Software"), to deal
  10. * in the Software without restriction, including without limitation the rights
  11. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12. * copies of the Software, and to permit persons to whom the Software is
  13. * furnished to do so, subject to the following conditions:
  14. *
  15. * The above copyright notice and this permission notice shall be included in
  16. * all copies or substantial portions of the Software.
  17. *
  18. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  19. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  20. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  21. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  22. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  23. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  24. * THE SOFTWARE.
  25. *
  26. */
  27. #include "ElementInfo.h"
  28. #include "../../Include/Rocket/Core/Property.h"
  29. #include "../../Include/Rocket/Core/PropertyIterators.h"
  30. #include "../../Include/Rocket/Core/Factory.h"
  31. #include "../../Include/Rocket/Core/StyleSheet.h"
  32. #include "../../Include/Rocket/Core/StyleSheetSpecification.h"
  33. #include "Geometry.h"
  34. #include "CommonSource.h"
  35. #include "InfoSource.h"
  36. #include <map>
  37. namespace Rocket {
  38. namespace Debugger {
  39. ElementInfo::ElementInfo(const Core::String& tag) : Core::ElementDocument(tag)
  40. {
  41. hover_element = NULL;
  42. source_element = NULL;
  43. }
  44. ElementInfo::~ElementInfo()
  45. {
  46. }
  47. // Initialises the info element.
  48. bool ElementInfo::Initialise()
  49. {
  50. SetInnerRML(info_rml);
  51. SetId("rkt-debug-info");
  52. Core::StyleSheet* style_sheet = Core::Factory::InstanceStyleSheetString(Core::String(common_rcss) + Core::String(info_rcss));
  53. if (style_sheet == NULL)
  54. return false;
  55. SetStyleSheet(style_sheet);
  56. style_sheet->RemoveReference();
  57. return true;
  58. }
  59. // Clears the element references.
  60. void ElementInfo::Reset()
  61. {
  62. hover_element = NULL;
  63. SetSourceElement(NULL);
  64. }
  65. // Called when an element is destroyed.
  66. void ElementInfo::OnElementDestroy(Core::Element* element)
  67. {
  68. if (hover_element == element)
  69. hover_element = NULL;
  70. if (source_element == element)
  71. source_element = NULL;
  72. }
  73. void ElementInfo::RenderHoverElement()
  74. {
  75. if (hover_element)
  76. {
  77. for (int i = 0; i < hover_element->GetNumBoxes(); i++)
  78. {
  79. // Render the content area.
  80. const Core::Box element_box = hover_element->GetBox(i);
  81. Geometry::RenderOutline(hover_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::BORDER), element_box.GetSize(Core::Box::BORDER), Core::Colourb(255, 0, 0, 255), 1);
  82. }
  83. }
  84. }
  85. void ElementInfo::RenderSourceElement()
  86. {
  87. if (source_element)
  88. {
  89. for (int i = 0; i < source_element->GetNumBoxes(); i++)
  90. {
  91. const Core::Box element_box = source_element->GetBox(i);
  92. // Content area:
  93. Geometry::RenderBox(source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::CONTENT), element_box.GetSize(), Core::Colourb(158, 214, 237, 128));
  94. // Padding area:
  95. Geometry::RenderBox(source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::PADDING), element_box.GetSize(Core::Box::PADDING), source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::CONTENT), element_box.GetSize(), Core::Colourb(135, 122, 214, 128));
  96. // Border area:
  97. Geometry::RenderBox(source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::BORDER), element_box.GetSize(Core::Box::BORDER), source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::PADDING), element_box.GetSize(Core::Box::PADDING), Core::Colourb(133, 133, 133, 128));
  98. // Border area:
  99. Geometry::RenderBox(source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::MARGIN), element_box.GetSize(Core::Box::MARGIN), source_element->GetAbsoluteOffset(Core::Box::BORDER) + element_box.GetPosition(Core::Box::BORDER), element_box.GetSize(Core::Box::BORDER), Core::Colourb(240, 255, 131, 128));
  100. }
  101. }
  102. }
  103. void ElementInfo::ProcessEvent(Core::Event& event)
  104. {
  105. // Only process events if we're visible
  106. if (IsVisible())
  107. {
  108. if (event == Core::EventId::Click)
  109. {
  110. Core::Element* target_element = event.GetTargetElement();
  111. // Deal with clicks on our own elements differently.
  112. if (target_element->GetOwnerDocument() == this)
  113. {
  114. // If it's a pane title, then we need to toggle the visibility of its sibling (the contents pane underneath it).
  115. if (target_element->GetTagName() == "h2")
  116. {
  117. Core::Element* panel = target_element->GetNextSibling();
  118. if (panel->IsVisible())
  119. panel->SetProperty(Core::PropertyId::Display, Core::Property(Core::Style::Display::None));
  120. else
  121. panel->SetProperty(Core::PropertyId::Display, Core::Property(Core::Style::Display::Block));
  122. event.StopPropagation();
  123. }
  124. else if (event.GetTargetElement()->GetId() == "close_button")
  125. {
  126. if (IsVisible())
  127. SetProperty(Core::PropertyId::Visibility, Core::Property(Core::Style::Visibility::Hidden));
  128. }
  129. // Check if the id is in the form "a %d" or "c %d" - these are the ancestor or child labels.
  130. else
  131. {
  132. int element_index;
  133. if (sscanf(target_element->GetId().c_str(), "a %d", &element_index) == 1)
  134. {
  135. Core::Element* new_source_element = source_element;
  136. for (int i = 0; i < element_index; i++)
  137. {
  138. if (new_source_element != NULL)
  139. new_source_element = new_source_element->GetParentNode();
  140. }
  141. SetSourceElement(new_source_element);
  142. }
  143. else if (sscanf(target_element->GetId().c_str(), "c %d", &element_index) == 1)
  144. {
  145. if (source_element != NULL)
  146. SetSourceElement(source_element->GetChild(element_index));
  147. }
  148. event.StopPropagation();
  149. }
  150. }
  151. // Otherwise we just want to focus on the clicked element (unless it's on a debug element)
  152. else if (target_element->GetOwnerDocument() != NULL && !IsDebuggerElement(target_element))
  153. {
  154. Core::Element* new_source_element = target_element;
  155. if (new_source_element != source_element)
  156. {
  157. SetSourceElement(new_source_element);
  158. event.StopPropagation();
  159. }
  160. }
  161. }
  162. else if (event == Core::EventId::Mouseover)
  163. {
  164. Core::Element* target_element = event.GetTargetElement();
  165. // Deal with clicks on our own elements differently.
  166. Core::ElementDocument* owner_document = target_element->GetOwnerDocument();
  167. if (owner_document == this)
  168. {
  169. // Check if the id is in the form "a %d" or "c %d" - these are the ancestor or child labels.
  170. int element_index;
  171. if (sscanf(target_element->GetId().c_str(), "a %d", &element_index) == 1)
  172. {
  173. hover_element = source_element;
  174. for (int i = 0; i < element_index; i++)
  175. {
  176. if (hover_element != NULL)
  177. hover_element = hover_element->GetParentNode();
  178. }
  179. }
  180. else if (sscanf(target_element->GetId().c_str(), "c %d", &element_index) == 1)
  181. {
  182. if (source_element != NULL)
  183. hover_element = source_element->GetChild(element_index);
  184. }
  185. }
  186. // Otherwise we just want to focus on the clicked element (unless it's on a debug element)
  187. else if (owner_document != NULL && owner_document->GetId().find("rkt-debug-") != 0)
  188. {
  189. hover_element = target_element;
  190. }
  191. }
  192. }
  193. }
  194. void ElementInfo::SetSourceElement(Core::Element* new_source_element)
  195. {
  196. source_element = new_source_element;
  197. UpdateSourceElement();
  198. }
  199. void ElementInfo::UpdateSourceElement()
  200. {
  201. // Set the title:
  202. Core::Element* title_content = GetElementById("title-content");
  203. if (title_content != NULL)
  204. {
  205. if (source_element != NULL)
  206. title_content->SetInnerRML(source_element->GetTagName());
  207. else
  208. title_content->SetInnerRML("Element Information");
  209. }
  210. // Set the attributes:
  211. Core::Element* attributes_content = GetElementById("attributes-content");
  212. if (attributes_content)
  213. {
  214. Core::String attributes;
  215. if (source_element != NULL)
  216. {
  217. {
  218. Core::String name;
  219. Core::String value;
  220. // The element's attribute list is not always synchronized with its internal values, fetch
  221. // them manually here (see e.g. Element::OnAttributeChange for relevant attributes)
  222. {
  223. name = "id";
  224. value = source_element->GetId();
  225. if (!value.empty())
  226. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  227. }
  228. {
  229. name = "class";
  230. value = source_element->GetClassNames();
  231. if (!value.empty())
  232. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  233. }
  234. {
  235. // Not actually an attribute, but may be useful
  236. name = "pseudo";
  237. value.clear();
  238. for (auto str : source_element->GetActivePseudoClasses())
  239. value += " :" + str;
  240. if (!value.empty())
  241. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  242. }
  243. {
  244. name = "style";
  245. value = "";
  246. auto local_properties = source_element->GetLocalProperties();
  247. if (local_properties)
  248. {
  249. for (auto nvp : *local_properties)
  250. {
  251. auto& prop_name = Core::StyleSheetSpecification::GetPropertyName(nvp.first);
  252. auto prop_value = nvp.second.ToString();
  253. value += Core::CreateString(prop_name.size() + prop_value.size() + 12, "%s: %s; ", prop_name.c_str(), prop_value.c_str());
  254. }
  255. }
  256. if (!value.empty())
  257. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  258. }
  259. }
  260. for(const auto& pair : source_element->GetAttributes())
  261. {
  262. auto& name = pair.first;
  263. auto& variant = pair.second;
  264. Core::String value = variant.Get<Core::String>();
  265. if(name != "class" && name != "style" && name != "id")
  266. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  267. }
  268. }
  269. if (attributes.empty())
  270. {
  271. while (attributes_content->HasChildNodes())
  272. attributes_content->RemoveChild(attributes_content->GetChild(0));
  273. }
  274. else
  275. attributes_content->SetInnerRML(attributes);
  276. }
  277. // Set the properties:
  278. Core::Element* properties_content = GetElementById("properties-content");
  279. if (properties_content)
  280. {
  281. Core::String properties;
  282. if (source_element != NULL)
  283. BuildElementPropertiesRML(properties, source_element, source_element);
  284. if (properties.empty())
  285. {
  286. while (properties_content->HasChildNodes())
  287. properties_content->RemoveChild(properties_content->GetChild(0));
  288. }
  289. else
  290. properties_content->SetInnerRML(properties);
  291. }
  292. // Set the events:
  293. Core::Element* events_content = GetElementById("events-content");
  294. if (events_content)
  295. {
  296. Core::String events;
  297. if (source_element != NULL)
  298. {
  299. events = source_element->GetEventDispatcherSummary();
  300. }
  301. if (events.empty())
  302. {
  303. while (events_content->HasChildNodes())
  304. events_content->RemoveChild(events_content->GetChild(0));
  305. }
  306. else
  307. events_content->SetInnerRML(events);
  308. }
  309. // Set the position:
  310. Core::Element* position_content = GetElementById("position-content");
  311. if (position_content)
  312. {
  313. // left, top, width, height.
  314. if (source_element != NULL)
  315. {
  316. Core::Vector2f element_offset = source_element->GetRelativeOffset(Core::Box::BORDER);
  317. Core::Vector2f element_size = source_element->GetBox().GetSize(Core::Box::BORDER);
  318. Core::String positions;
  319. positions += Core::CreateString(64, "left: <em>%.0fpx</em><br />", element_offset.x);
  320. positions += Core::CreateString(64, "top: <em>%.0fpx</em><br />", element_offset.y);
  321. positions += Core::CreateString(64, "width: <em>%.0fpx</em><br />", element_size.x);
  322. positions += Core::CreateString(64, "height: <em>%.0fpx</em><br />", element_size.y);
  323. position_content->SetInnerRML(positions);
  324. }
  325. else
  326. {
  327. while (position_content->HasChildNodes())
  328. position_content->RemoveChild(position_content->GetFirstChild());
  329. }
  330. }
  331. // Set the ancestors:
  332. Core::Element* ancestors_content = GetElementById("ancestors-content");
  333. if (ancestors_content)
  334. {
  335. Core::String ancestors;
  336. Core::Element* element_ancestor = NULL;
  337. if (source_element != NULL)
  338. element_ancestor = source_element->GetParentNode();
  339. int ancestor_depth = 1;
  340. while (element_ancestor)
  341. {
  342. Core::String ancestor_name = element_ancestor->GetTagName();
  343. const Core::String ancestor_id = element_ancestor->GetId();
  344. if (!ancestor_id.empty())
  345. {
  346. ancestor_name += "#";
  347. ancestor_name += ancestor_id;
  348. }
  349. ancestors += Core::CreateString(ancestor_name.size() + 32, "<p id=\"a %d\">%s</p>", ancestor_depth, ancestor_name.c_str());
  350. element_ancestor = element_ancestor->GetParentNode();
  351. ancestor_depth++;
  352. }
  353. if (ancestors.empty())
  354. {
  355. while (ancestors_content->HasChildNodes())
  356. ancestors_content->RemoveChild(ancestors_content->GetFirstChild());
  357. }
  358. else
  359. ancestors_content->SetInnerRML(ancestors);
  360. }
  361. // Set the children:
  362. Core::Element* children_content = GetElementById("children-content");
  363. if (children_content)
  364. {
  365. Core::String children;
  366. if (source_element != NULL)
  367. {
  368. for (int i = 0; i < source_element->GetNumChildren(); i++)
  369. {
  370. Core::Element* child = source_element->GetChild(i);
  371. // If this is a debugger document, do not show it.
  372. if (IsDebuggerElement(child))
  373. continue;
  374. Core::String child_name = child->GetTagName();
  375. const Core::String child_id = child->GetId();
  376. if (!child_id.empty())
  377. {
  378. child_name += "#";
  379. child_name += child_id;
  380. }
  381. children += Core::CreateString(child_name.size() + 32, "<p id=\"c %d\">%s</p>", i, child_name.c_str());
  382. }
  383. }
  384. if (children.empty())
  385. {
  386. while (children_content->HasChildNodes())
  387. children_content->RemoveChild(children_content->GetChild(0));
  388. }
  389. else
  390. children_content->SetInnerRML(children);
  391. }
  392. }
  393. void ElementInfo::BuildElementPropertiesRML(Core::String& property_rml, Core::Element* element, Core::Element* primary_element)
  394. {
  395. NamedPropertyMap property_map;
  396. const Core::PseudoClassList empty_property_pseudo_classes;
  397. auto it_end = element->IteratePropertiesEnd();
  398. for(auto it = element->IteratePropertiesBegin(); it != it_end; ++it)
  399. {
  400. const Core::PropertyId property_id = (*it).first;
  401. const Core::String& property_name = Core::StyleSheetSpecification::GetPropertyName((*it).first);
  402. const Core::Property* property = &(*it).second;
  403. const Core::PseudoClassList* property_pseudo_classes_ptr = it.pseudo_class_list();
  404. // Check that this property isn't overridden or just not inherited.
  405. if (primary_element->GetProperty(property_id) != property)
  406. continue;
  407. const Core::PseudoClassList& property_pseudo_classes = (property_pseudo_classes_ptr ? *property_pseudo_classes_ptr : empty_property_pseudo_classes);
  408. NamedPropertyMap::iterator i = property_map.find(property_pseudo_classes);
  409. if (i == property_map.end())
  410. property_map[property_pseudo_classes] = NamedPropertyList(1, NamedProperty(property_name, property));
  411. else
  412. {
  413. // Find a place in this list of properties to insert the new one.
  414. NamedPropertyList& properties = (*i).second;
  415. NamedPropertyList::iterator insert_iterator = properties.begin();
  416. while (insert_iterator != properties.end())
  417. {
  418. int source_cmp = strcasecmp((*insert_iterator).second->source.c_str(), property->source.c_str());
  419. if (source_cmp > 0 ||
  420. (source_cmp == 0 && (*insert_iterator).second->source_line_number >= property->source_line_number))
  421. break;
  422. ++insert_iterator;
  423. }
  424. (*i).second.insert(insert_iterator, NamedProperty(property_name, property));
  425. }
  426. }
  427. if (!property_map.empty())
  428. {
  429. // Print the 'inherited from ...' header if we're not the primary element.
  430. if (element != primary_element)
  431. property_rml += Core::CreateString(element->GetTagName().size() + 32, "<h3>inherited from %s</h3>", element->GetTagName().c_str());
  432. NamedPropertyMap::iterator base_properties = property_map.find(Core::PseudoClassList());
  433. if (base_properties != property_map.end())
  434. BuildPropertiesRML(property_rml, (*base_properties).second);
  435. for (NamedPropertyMap::iterator i = property_map.begin(); i != property_map.end(); ++i)
  436. {
  437. // Skip the base property list, we've already printed it.
  438. if (i == base_properties)
  439. continue;
  440. // Print the pseudo-class header.
  441. property_rml += "<h3>";
  442. for (Core::PseudoClassList::const_iterator j = (*i).first.begin(); j != (*i).first.end(); ++j)
  443. {
  444. property_rml += " :";
  445. property_rml += *j;
  446. }
  447. property_rml += "</h3>";
  448. BuildPropertiesRML(property_rml, (*i).second);
  449. }
  450. }
  451. if (element->GetParentNode() != NULL)
  452. BuildElementPropertiesRML(property_rml, element->GetParentNode(), primary_element);
  453. }
  454. void ElementInfo::BuildPropertiesRML(Core::String& property_rml, const NamedPropertyList& properties)
  455. {
  456. Core::String last_source;
  457. int last_source_line = -1;
  458. for (size_t i = 0; i < properties.size(); ++i)
  459. {
  460. if (i == 0 ||
  461. last_source != properties[i].second->source ||
  462. last_source_line != properties[i].second->source_line_number)
  463. {
  464. last_source = properties[i].second->source;
  465. last_source_line = properties[i].second->source_line_number;
  466. property_rml += "<h4>";
  467. if (last_source.empty() &&
  468. last_source_line == 0)
  469. property_rml += "<em>inline</em>";
  470. else
  471. property_rml += Core::CreateString(last_source.size() + 32, "<em>%s</em>: %d", last_source.c_str(), last_source_line);
  472. property_rml += "</h4>";
  473. }
  474. BuildPropertyRML(property_rml, properties[i].first, properties[i].second);
  475. }
  476. }
  477. void ElementInfo::BuildPropertyRML(Core::String& property_rml, const Core::String& name, const Core::Property* property)
  478. {
  479. Core::String property_value = property->ToString();
  480. RemoveTrailingZeroes(property_value);
  481. property_rml += Core::CreateString(name.size() + property_value.size() + 32, "%s: <em>%s;</em><br />", name.c_str(), property_value.c_str());
  482. }
  483. void ElementInfo::RemoveTrailingZeroes(Core::String& string)
  484. {
  485. if (string.empty())
  486. {
  487. return;
  488. }
  489. // First, check for a decimal point. No point, no chance of trailing zeroes!
  490. size_t decimal_point_position = string.find(".");
  491. if (decimal_point_position != Core::String::npos)
  492. {
  493. // Ok, so now we start at the back of the string and find the first
  494. // numeral. If the character we find is a zero, then we start counting
  495. // back till we find something that isn't a zero or a decimal point -
  496. // and then remove all that we've counted.
  497. size_t last_zero = string.size() - 1;
  498. while ((string[last_zero] < '0' || string[last_zero] > '9') && string[last_zero] != '.')
  499. {
  500. if (last_zero == 0)
  501. {
  502. return;
  503. }
  504. if (string[last_zero] == '.')
  505. {
  506. break;
  507. }
  508. last_zero--;
  509. }
  510. if (!(string[last_zero] == '0' || string[last_zero] == '.'))
  511. {
  512. return;
  513. }
  514. // Now find the first character that isn't a zero (unless we're just
  515. // chopping off the dangling decimal point)
  516. size_t first_zero = last_zero;
  517. if (string[last_zero] == '0')
  518. {
  519. while (first_zero > 0 && string[first_zero - 1] == '0')
  520. {
  521. first_zero--;
  522. }
  523. // Check for a preceeding decimal point - if it's all zeroes until the
  524. // decimal, then we should remove it too.
  525. if (string[first_zero - 1] == '.')
  526. {
  527. first_zero--;
  528. }
  529. }
  530. // Now remove everything between first_zero and last_zero, inclusive.
  531. if (last_zero > first_zero)
  532. string.erase(first_zero, (last_zero - first_zero) + 1);
  533. }
  534. }
  535. bool ElementInfo::IsDebuggerElement(Core::Element* element)
  536. {
  537. return element->GetOwnerDocument()->GetId().find("rkt-debug-") == 0;
  538. }
  539. }
  540. }