Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(85)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/Tooltip.js

Issue 2440953003: DevTools: use semicolons after each statement. (Closed)
Patch Set: rebaseline Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. 1 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 /** 5 /**
6 * @constructor 6 * @constructor
7 * @param {!Document} doc 7 * @param {!Document} doc
8 */ 8 */
9 WebInspector.Tooltip = function(doc) 9 WebInspector.Tooltip = function(doc)
10 { 10 {
11 this.element = doc.body.createChild("div"); 11 this.element = doc.body.createChild("div");
12 this._shadowRoot = WebInspector.createShadowRootWithCoreStyles(this.element, "ui/tooltip.css"); 12 this._shadowRoot = WebInspector.createShadowRootWithCoreStyles(this.element, "ui/tooltip.css");
13 13
14 this._tooltipElement = this._shadowRoot.createChild("div", "tooltip"); 14 this._tooltipElement = this._shadowRoot.createChild("div", "tooltip");
15 doc.addEventListener("mousemove", this._mouseMove.bind(this), true); 15 doc.addEventListener("mousemove", this._mouseMove.bind(this), true);
16 doc.addEventListener("mousedown", this._hide.bind(this, true), true); 16 doc.addEventListener("mousedown", this._hide.bind(this, true), true);
17 doc.addEventListener("mouseleave", this._hide.bind(this, false), true); 17 doc.addEventListener("mouseleave", this._hide.bind(this, false), true);
18 doc.addEventListener("keydown", this._hide.bind(this, true), true); 18 doc.addEventListener("keydown", this._hide.bind(this, true), true);
19 WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.Zo omChanged, this._reset, this); 19 WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.Zo omChanged, this._reset, this);
20 doc.defaultView.addEventListener("resize", this._reset.bind(this), false); 20 doc.defaultView.addEventListener("resize", this._reset.bind(this), false);
21 } 21 };
22 22
23 WebInspector.Tooltip.Timing = { 23 WebInspector.Tooltip.Timing = {
24 // Max time between tooltips showing that no opening delay is required. 24 // Max time between tooltips showing that no opening delay is required.
25 "InstantThreshold": 300, 25 "InstantThreshold": 300,
26 // Wait time before opening a tooltip. 26 // Wait time before opening a tooltip.
27 "OpeningDelay": 600 27 "OpeningDelay": 600
28 } 28 };
29 29
30 WebInspector.Tooltip.prototype = { 30 WebInspector.Tooltip.prototype = {
31 /** 31 /**
32 * @param {!Event} event 32 * @param {!Event} event
33 */ 33 */
34 _mouseMove: function(event) 34 _mouseMove: function(event)
35 { 35 {
36 var mouseEvent = /** @type {!MouseEvent} */ (event); 36 var mouseEvent = /** @type {!MouseEvent} */ (event);
37 var path = mouseEvent.path; 37 var path = mouseEvent.path;
38 if (!path || mouseEvent.buttons !== 0 || (mouseEvent.movementX === 0 && mouseEvent.movementY === 0)) 38 if (!path || mouseEvent.buttons !== 0 || (mouseEvent.movementX === 0 && mouseEvent.movementY === 0))
(...skipping 98 matching lines...) Expand 10 before | Expand all | Expand 10 after
137 delete this._tooltipLastClosed; 137 delete this._tooltipLastClosed;
138 }, 138 },
139 139
140 _reset: function() 140 _reset: function()
141 { 141 {
142 this._hide(true); 142 this._hide(true);
143 this._tooltipElement.positionAt(0, 0); 143 this._tooltipElement.positionAt(0, 0);
144 this._tooltipElement.style.maxWidth = "0"; 144 this._tooltipElement.style.maxWidth = "0";
145 this._tooltipElement.style.maxHeight = "0"; 145 this._tooltipElement.style.maxHeight = "0";
146 } 146 }
147 } 147 };
148 148
149 WebInspector.Tooltip._symbol = Symbol("Tooltip"); 149 WebInspector.Tooltip._symbol = Symbol("Tooltip");
150 150
151 /** 151 /**
152 * @param {!Document} doc 152 * @param {!Document} doc
153 */ 153 */
154 WebInspector.Tooltip.installHandler = function(doc) 154 WebInspector.Tooltip.installHandler = function(doc)
155 { 155 {
156 new WebInspector.Tooltip(doc); 156 new WebInspector.Tooltip(doc);
157 } 157 };
158 158
159 /** 159 /**
160 * @param {!Element} element 160 * @param {!Element} element
161 * @param {!Element|string} tooltipContent 161 * @param {!Element|string} tooltipContent
162 * @param {string=} actionId 162 * @param {string=} actionId
163 * @param {!Object=} options 163 * @param {!Object=} options
164 */ 164 */
165 WebInspector.Tooltip.install = function(element, tooltipContent, actionId, optio ns) 165 WebInspector.Tooltip.install = function(element, tooltipContent, actionId, optio ns)
166 { 166 {
167 if (typeof tooltipContent === "string" && tooltipContent === "") { 167 if (typeof tooltipContent === "string" && tooltipContent === "") {
168 delete element[WebInspector.Tooltip._symbol]; 168 delete element[WebInspector.Tooltip._symbol];
169 return; 169 return;
170 } 170 }
171 element[WebInspector.Tooltip._symbol] = { content: tooltipContent, actionId: actionId, options: options || {} }; 171 element[WebInspector.Tooltip._symbol] = { content: tooltipContent, actionId: actionId, options: options || {} };
172 } 172 };
173 173
174 /** 174 /**
175 * @param {!Element} element 175 * @param {!Element} element
176 */ 176 */
177 WebInspector.Tooltip.addNativeOverrideContainer = function(element) 177 WebInspector.Tooltip.addNativeOverrideContainer = function(element)
178 { 178 {
179 WebInspector.Tooltip._nativeOverrideContainer.push(element); 179 WebInspector.Tooltip._nativeOverrideContainer.push(element);
180 } 180 };
181 181
182 /** @type {!Array.<!Element>} */ 182 /** @type {!Array.<!Element>} */
183 WebInspector.Tooltip._nativeOverrideContainer = []; 183 WebInspector.Tooltip._nativeOverrideContainer = [];
184 WebInspector.Tooltip._nativeTitle = /** @type {!ObjectPropertyDescriptor} */(Obj ect.getOwnPropertyDescriptor(HTMLElement.prototype, "title")); 184 WebInspector.Tooltip._nativeTitle = /** @type {!ObjectPropertyDescriptor} */(Obj ect.getOwnPropertyDescriptor(HTMLElement.prototype, "title"));
185 185
186 Object.defineProperty(HTMLElement.prototype, "title", { 186 Object.defineProperty(HTMLElement.prototype, "title", {
187 /** 187 /**
188 * @return {!Element|string} 188 * @return {!Element|string}
189 * @this {!Element} 189 * @this {!Element}
190 */ 190 */
191 get: function() 191 get: function()
192 { 192 {
193 var tooltip = this[WebInspector.Tooltip._symbol]; 193 var tooltip = this[WebInspector.Tooltip._symbol];
194 return tooltip ? tooltip.content : ""; 194 return tooltip ? tooltip.content : "";
195 }, 195 },
196 196
197 /** 197 /**
198 * @param {!Element|string} x 198 * @param {!Element|string} x
199 * @this {!Element} 199 * @this {!Element}
200 */ 200 */
201 set: function(x) 201 set: function(x)
202 { 202 {
203 WebInspector.Tooltip.install(this, x); 203 WebInspector.Tooltip.install(this, x);
204 } 204 }
205 }); 205 });
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Toolbar.js ('k') | third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698