ElementInfo.cpp 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611
  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/PropertiesIteratorView.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. const Core::PropertyMap& style_properties = source_element->GetLocalStyleProperties();
  247. for (auto nvp : style_properties)
  248. {
  249. auto& prop_name = Core::StyleSheetSpecification::GetPropertyName(nvp.first);
  250. auto prop_value = nvp.second.ToString();
  251. value += Core::CreateString(prop_name.size() + prop_value.size() + 12, "%s: %s; ", prop_name.c_str(), prop_value.c_str());
  252. }
  253. if (!value.empty())
  254. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  255. }
  256. }
  257. for(const auto& pair : source_element->GetAttributes())
  258. {
  259. auto& name = pair.first;
  260. auto& variant = pair.second;
  261. Core::String value = variant.Get<Core::String>();
  262. if(name != "class" && name != "style" && name != "id")
  263. attributes += Core::CreateString(name.size() + value.size() + 32, "%s: <em>%s</em><br />", name.c_str(), value.c_str());
  264. }
  265. }
  266. if (attributes.empty())
  267. {
  268. while (attributes_content->HasChildNodes())
  269. attributes_content->RemoveChild(attributes_content->GetChild(0));
  270. }
  271. else
  272. attributes_content->SetInnerRML(attributes);
  273. }
  274. // Set the properties:
  275. Core::Element* properties_content = GetElementById("properties-content");
  276. if (properties_content)
  277. {
  278. Core::String properties;
  279. if (source_element != NULL)
  280. BuildElementPropertiesRML(properties, source_element, source_element);
  281. if (properties.empty())
  282. {
  283. while (properties_content->HasChildNodes())
  284. properties_content->RemoveChild(properties_content->GetChild(0));
  285. }
  286. else
  287. properties_content->SetInnerRML(properties);
  288. }
  289. // Set the events:
  290. Core::Element* events_content = GetElementById("events-content");
  291. if (events_content)
  292. {
  293. Core::String events;
  294. if (source_element != NULL)
  295. {
  296. events = source_element->GetEventDispatcherSummary();
  297. }
  298. if (events.empty())
  299. {
  300. while (events_content->HasChildNodes())
  301. events_content->RemoveChild(events_content->GetChild(0));
  302. }
  303. else
  304. events_content->SetInnerRML(events);
  305. }
  306. // Set the position:
  307. Core::Element* position_content = GetElementById("position-content");
  308. if (position_content)
  309. {
  310. // left, top, width, height.
  311. if (source_element != NULL)
  312. {
  313. Core::Vector2f element_offset = source_element->GetRelativeOffset(Core::Box::BORDER);
  314. Core::Vector2f element_size = source_element->GetBox().GetSize(Core::Box::BORDER);
  315. Core::String positions;
  316. positions += Core::CreateString(64, "left: <em>%.0fpx</em><br />", element_offset.x);
  317. positions += Core::CreateString(64, "top: <em>%.0fpx</em><br />", element_offset.y);
  318. positions += Core::CreateString(64, "width: <em>%.0fpx</em><br />", element_size.x);
  319. positions += Core::CreateString(64, "height: <em>%.0fpx</em><br />", element_size.y);
  320. position_content->SetInnerRML(positions);
  321. }
  322. else
  323. {
  324. while (position_content->HasChildNodes())
  325. position_content->RemoveChild(position_content->GetFirstChild());
  326. }
  327. }
  328. // Set the ancestors:
  329. Core::Element* ancestors_content = GetElementById("ancestors-content");
  330. if (ancestors_content)
  331. {
  332. Core::String ancestors;
  333. Core::Element* element_ancestor = NULL;
  334. if (source_element != NULL)
  335. element_ancestor = source_element->GetParentNode();
  336. int ancestor_depth = 1;
  337. while (element_ancestor)
  338. {
  339. Core::String ancestor_name = element_ancestor->GetTagName();
  340. const Core::String ancestor_id = element_ancestor->GetId();
  341. if (!ancestor_id.empty())
  342. {
  343. ancestor_name += "#";
  344. ancestor_name += ancestor_id;
  345. }
  346. ancestors += Core::CreateString(ancestor_name.size() + 32, "<p id=\"a %d\">%s</p>", ancestor_depth, ancestor_name.c_str());
  347. element_ancestor = element_ancestor->GetParentNode();
  348. ancestor_depth++;
  349. }
  350. if (ancestors.empty())
  351. {
  352. while (ancestors_content->HasChildNodes())
  353. ancestors_content->RemoveChild(ancestors_content->GetFirstChild());
  354. }
  355. else
  356. ancestors_content->SetInnerRML(ancestors);
  357. }
  358. // Set the children:
  359. Core::Element* children_content = GetElementById("children-content");
  360. if (children_content)
  361. {
  362. Core::String children;
  363. if (source_element != NULL)
  364. {
  365. for (int i = 0; i < source_element->GetNumChildren(); i++)
  366. {
  367. Core::Element* child = source_element->GetChild(i);
  368. // If this is a debugger document, do not show it.
  369. if (IsDebuggerElement(child))
  370. continue;
  371. Core::String child_name = child->GetTagName();
  372. const Core::String child_id = child->GetId();
  373. if (!child_id.empty())
  374. {
  375. child_name += "#";
  376. child_name += child_id;
  377. }
  378. children += Core::CreateString(child_name.size() + 32, "<p id=\"c %d\">%s</p>", i, child_name.c_str());
  379. }
  380. }
  381. if (children.empty())
  382. {
  383. while (children_content->HasChildNodes())
  384. children_content->RemoveChild(children_content->GetChild(0));
  385. }
  386. else
  387. children_content->SetInnerRML(children);
  388. }
  389. }
  390. void ElementInfo::BuildElementPropertiesRML(Core::String& property_rml, Core::Element* element, Core::Element* primary_element)
  391. {
  392. NamedPropertyMap property_map;
  393. for(auto it = element->IterateLocalProperties(); !it.AtEnd(); ++it)
  394. {
  395. const Core::PropertyId property_id = it.GetId();
  396. const Core::String& property_name = it.GetName();
  397. const Core::Property* property = &it.GetProperty();
  398. const Core::PseudoClassList& property_pseudo_classes = it.GetPseudoClassList();
  399. // Check that this property isn't overridden or just not inherited.
  400. if (primary_element->GetProperty(property_id) != property)
  401. continue;
  402. NamedPropertyMap::iterator i = property_map.find(property_pseudo_classes);
  403. if (i == property_map.end())
  404. property_map[property_pseudo_classes] = NamedPropertyList(1, NamedProperty(property_name, property));
  405. else
  406. {
  407. // Find a place in this list of properties to insert the new one.
  408. NamedPropertyList& properties = (*i).second;
  409. NamedPropertyList::iterator insert_iterator = properties.begin();
  410. while (insert_iterator != properties.end())
  411. {
  412. int source_cmp = strcasecmp((*insert_iterator).second->source.c_str(), property->source.c_str());
  413. if (source_cmp > 0 ||
  414. (source_cmp == 0 && (*insert_iterator).second->source_line_number >= property->source_line_number))
  415. break;
  416. ++insert_iterator;
  417. }
  418. (*i).second.insert(insert_iterator, NamedProperty(property_name, property));
  419. }
  420. }
  421. if (!property_map.empty())
  422. {
  423. // Print the 'inherited from ...' header if we're not the primary element.
  424. if (element != primary_element)
  425. property_rml += Core::CreateString(element->GetTagName().size() + 32, "<h3>inherited from %s</h3>", element->GetTagName().c_str());
  426. NamedPropertyMap::iterator base_properties = property_map.find(Core::PseudoClassList());
  427. if (base_properties != property_map.end())
  428. BuildPropertiesRML(property_rml, (*base_properties).second);
  429. for (NamedPropertyMap::iterator i = property_map.begin(); i != property_map.end(); ++i)
  430. {
  431. // Skip the base property list, we've already printed it.
  432. if (i == base_properties)
  433. continue;
  434. // Print the pseudo-class header.
  435. property_rml += "<h3>";
  436. for (Core::PseudoClassList::const_iterator j = (*i).first.begin(); j != (*i).first.end(); ++j)
  437. {
  438. property_rml += " :";
  439. property_rml += *j;
  440. }
  441. property_rml += "</h3>";
  442. BuildPropertiesRML(property_rml, (*i).second);
  443. }
  444. }
  445. if (element->GetParentNode() != NULL)
  446. BuildElementPropertiesRML(property_rml, element->GetParentNode(), primary_element);
  447. }
  448. void ElementInfo::BuildPropertiesRML(Core::String& property_rml, const NamedPropertyList& properties)
  449. {
  450. Core::String last_source;
  451. int last_source_line = -1;
  452. for (size_t i = 0; i < properties.size(); ++i)
  453. {
  454. if (i == 0 ||
  455. last_source != properties[i].second->source ||
  456. last_source_line != properties[i].second->source_line_number)
  457. {
  458. last_source = properties[i].second->source;
  459. last_source_line = properties[i].second->source_line_number;
  460. property_rml += "<h4>";
  461. if (last_source.empty() &&
  462. last_source_line == 0)
  463. property_rml += "<em>inline</em>";
  464. else
  465. property_rml += Core::CreateString(last_source.size() + 32, "<em>%s</em>: %d", last_source.c_str(), last_source_line);
  466. property_rml += "</h4>";
  467. }
  468. BuildPropertyRML(property_rml, properties[i].first, properties[i].second);
  469. }
  470. }
  471. void ElementInfo::BuildPropertyRML(Core::String& property_rml, const Core::String& name, const Core::Property* property)
  472. {
  473. Core::String property_value = property->ToString();
  474. RemoveTrailingZeroes(property_value);
  475. property_rml += Core::CreateString(name.size() + property_value.size() + 32, "%s: <em>%s;</em><br />", name.c_str(), property_value.c_str());
  476. }
  477. void ElementInfo::RemoveTrailingZeroes(Core::String& string)
  478. {
  479. if (string.empty())
  480. {
  481. return;
  482. }
  483. // First, check for a decimal point. No point, no chance of trailing zeroes!
  484. size_t decimal_point_position = string.find(".");
  485. if (decimal_point_position != Core::String::npos)
  486. {
  487. // Ok, so now we start at the back of the string and find the first
  488. // numeral. If the character we find is a zero, then we start counting
  489. // back till we find something that isn't a zero or a decimal point -
  490. // and then remove all that we've counted.
  491. size_t last_zero = string.size() - 1;
  492. while ((string[last_zero] < '0' || string[last_zero] > '9') && string[last_zero] != '.')
  493. {
  494. if (last_zero == 0)
  495. {
  496. return;
  497. }
  498. if (string[last_zero] == '.')
  499. {
  500. break;
  501. }
  502. last_zero--;
  503. }
  504. if (!(string[last_zero] == '0' || string[last_zero] == '.'))
  505. {
  506. return;
  507. }
  508. // Now find the first character that isn't a zero (unless we're just
  509. // chopping off the dangling decimal point)
  510. size_t first_zero = last_zero;
  511. if (string[last_zero] == '0')
  512. {
  513. while (first_zero > 0 && string[first_zero - 1] == '0')
  514. {
  515. first_zero--;
  516. }
  517. // Check for a preceeding decimal point - if it's all zeroes until the
  518. // decimal, then we should remove it too.
  519. if (string[first_zero - 1] == '.')
  520. {
  521. first_zero--;
  522. }
  523. }
  524. // Now remove everything between first_zero and last_zero, inclusive.
  525. if (last_zero > first_zero)
  526. string.erase(first_zero, (last_zero - first_zero) + 1);
  527. }
  528. }
  529. bool ElementInfo::IsDebuggerElement(Core::Element* element)
  530. {
  531. return element->GetOwnerDocument()->GetId().find("rkt-debug-") == 0;
  532. }
  533. }
  534. }