ElementInfo.cpp 19 KB

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