WebInspector.JavaScriptBreakpointsSidebarPane = function(breakpointManager, showSourceLineDelegate)
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Breakpoints"));
- this.registerRequiredCSS("breakpointsList.css");
+ this.registerRequiredCSS("components/breakpointsList.css");
this._breakpointManager = breakpointManager;
this._showSourceLineDelegate = showSourceLineDelegate;
- this.listElement = document.createElementWithClass("ol", "breakpoint-list");
+ this.listElement = createElementWithClass("ol", "breakpoint-list");
this.emptyElement = this.bodyElement.createChild("div", "info");
this.emptyElement.textContent = WebInspector.UIString("No Breakpoints");
*/
_addBreakpoint: function(breakpoint, uiLocation)
{
- var element = document.createElementWithClass("li", "cursor-pointer");
+ var element = createElementWithClass("li", "cursor-pointer");
element.addEventListener("contextmenu", this._breakpointContextMenu.bind(this, breakpoint), true);
element.addEventListener("click", this._breakpointClicked.bind(this, uiLocation), false);
*/
_breakpointContextMenu: function(breakpoint, event)
{
- var breakpoints = this._items.values();
+ var breakpoints = this._items.valuesArray();
var contextMenu = new WebInspector.ContextMenu(event);
contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Remove breakpoint" : "Remove Breakpoint"), breakpoint.remove.bind(breakpoint));
if (breakpoints.length > 1) {
this.expand();
- var inputElementContainer = document.createElementWithClass("p", "breakpoint-condition");
+ var inputElementContainer = createElementWithClass("p", "breakpoint-condition");
inputElementContainer.textContent = WebInspector.UIString("Break when URL contains:");
var inputElement = inputElementContainer.createChild("span", "editing");
if (url in this._breakpointElements)
return;
- var element = document.createElement("li");
+ var element = createElement("li");
element._url = url;
element.addEventListener("contextmenu", this._contextMenu.bind(this, url), true);
_labelClicked: function(url)
{
var element = this._breakpointElements[url];
- var inputElement = document.createElementWithClass("span", "breakpoint-condition editing");
+ var inputElement = createElementWithClass("span", "breakpoint-condition editing");
inputElement.textContent = url;
this.listElement.insertBefore(inputElement, element);
element.classList.add("hidden");
WebInspector.EventListenerBreakpointsSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Event Listener Breakpoints"));
- this.registerRequiredCSS("breakpointsList.css");
+ this.registerRequiredCSS("components/breakpointsList.css");
this.categoriesElement = this.bodyElement.createChild("ol", "properties-tree event-listener-breakpoints");
this.categoriesElement.tabIndex = 0;
this._createCategory(WebInspector.UIString("Keyboard"), ["keydown", "keyup", "keypress", "input"]);
this._createCategory(WebInspector.UIString("Load"), ["load", "beforeunload", "unload", "abort", "error", "hashchange", "popstate"]);
this._createCategory(WebInspector.UIString("Media"), ["play", "pause", "playing", "canplay", "canplaythrough", "seeking", "seeked", "timeupdate", "ended", "ratechange", "durationchange", "volumechange", "loadstart", "progress", "suspend", "abort", "error", "emptied", "stalled", "loadedmetadata", "loadeddata", "waiting"], false, ["audio", "video"]);
- this._createCategory(WebInspector.UIString("Mouse"), ["click", "dblclick", "mousedown", "mouseup", "mouseover", "mousemove", "mouseout", "mousewheel", "wheel"]);
+ this._createCategory(WebInspector.UIString("Mouse"), ["click", "dblclick", "mousedown", "mouseup", "mouseover", "mousemove", "mouseout", "mouseenter", "mouseleave", "mousewheel", "wheel", "contextmenu"]);
this._createCategory(WebInspector.UIString("Promise"), ["newPromise", "promiseResolved", "promiseRejected"], true);
this._createCategory(WebInspector.UIString("Timer"), ["setTimer", "clearTimer", "timerFired"], true);
this._createCategory(WebInspector.UIString("Touch"), ["touchstart", "touchmove", "touchend", "touchcancel"]);
*/
_createCategory: function(name, eventNames, isInstrumentationEvent, targetNames)
{
- var labelNode = document.createElement("label");
+ var labelNode = createElement("label");
labelNode.textContent = name;
var categoryItem = {};
var breakpointItem = {};
var title = WebInspector.EventListenerBreakpointsSidebarPane.eventNameForUI(eventName);
- labelNode = document.createElement("label");
+ labelNode = createElement("label");
labelNode.textContent = title;
breakpointItem.element = new TreeElement(labelNode);
*/
_createCheckbox: function(labelNode)
{
- var checkbox = document.createElementWithClass("input", "checkbox-elem");
+ var checkbox = createElementWithClass("input", "checkbox-elem");
checkbox.type = "checkbox";
labelNode.insertBefore(checkbox, labelNode.firstChild);
return checkbox;