DevTools: Introduce timeline recording info dialog

Source/devtools/front_end/ui/Dialog.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 14 matching lines @@
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
  * @param {!Element} relativeToElement
  * @param {!WebInspector.DialogDelegate} delegate
+ * @param {boolean=} modal
  */
-WebInspector.Dialog = function(relativeToElement, delegate)
+WebInspector.Dialog = function(relativeToElement, delegate, modal)
 {
     this._delegate = delegate;
     this._relativeToElement = relativeToElement;
+    this._modal = modal;
 
     this._glassPane = new WebInspector.GlassPane(/** @type {!Document} */ (relativeToElement.ownerDocument));
     WebInspector.GlassPane.DefaultFocusedViewStack.push(this);
 
     // Install glass pane capturing events.
     this._glassPane.element.tabIndex = 0;
     this._glassPane.element.addEventListener("focus", this._onGlassPaneFocus.bind(this), false);
 
     this._element = this._glassPane.element.createChild("div");
     this._element.tabIndex = 0;
@@ skipping 14 matching lines @@
  * @return {?WebInspector.Dialog}
  */
 WebInspector.Dialog.currentInstance = function()
 {
     return WebInspector.Dialog._instance;
 }
 
 /**
  * @param {?Element} relativeToElement
  * @param {!WebInspector.DialogDelegate} delegate
+ * @param {boolean=} modal
  */
-WebInspector.Dialog.show = function(relativeToElement, delegate)
+WebInspector.Dialog.show = function(relativeToElement, delegate, modal)
 {
     if (WebInspector.Dialog._instance)
         return;
-    WebInspector.Dialog._instance = new WebInspector.Dialog(relativeToElement || WebInspector.Dialog.modalHostView().element, delegate);
+    WebInspector.Dialog._instance = new WebInspector.Dialog(relativeToElement || WebInspector.Dialog.modalHostView().element, delegate, modal);
+    WebInspector.Dialog._instance.focus();
 }
 
 WebInspector.Dialog.hide = function()
 {
     if (!WebInspector.Dialog._instance)
         return;
     WebInspector.Dialog._instance._hide();
 }
 
 WebInspector.Dialog.prototype = {
     focus: function()
     {
         this._element.focus();
     },
 
     _hide: function()
     {
         if (this._isHiding)
             return;
         this._isHiding = true;
 
         this._delegate.willHide();
 
         delete WebInspector.Dialog._instance;
         WebInspector.GlassPane.DefaultFocusedViewStack.pop();
         this._glassPane.dispose();
     },
 
+    /**
+     * @param {!Event} event
+     */
     _onGlassPaneFocus: function(event)
     {
+        if (this._modal)
+            return;
         this._hide();
     },
 
     _onFocus: function(event)
     {
         this._delegate.focus();
     },
 
     _position: function()
     {
         this._delegate.position(this._element, this._relativeToElement);
     },
 
     _onKeyDown: function(event)
     {
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Tab.code) {
             event.preventDefault();
             return;
         }
 
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code)
             this._delegate.onEnter(event);
 
+        this._delegate.onKeyDown(event);
+
         if (!event.handled && this._closeKeys.indexOf(event.keyCode) >= 0) {
             this._hide();
             event.consume(true);
         }
     }
 };
 
 /**
  * @constructor
  * @extends {WebInspector.Object}
@@ skipping 28 matching lines @@
 
         var positionY = box.y + (relativeToElement.offsetHeight - element.offsetHeight) / 2;
         positionY = Number.constrain(positionY, 0, container.offsetHeight - element.offsetHeight);
 
         element.style.position = "absolute";
         element.positionAt(positionX, positionY, container);
     },
 
     focus: function() { },
 
+    /**
+     * @param {!KeyboardEvent} event
+     */
     onEnter: function(event) { },
 
+    /**
+     * @param {!KeyboardEvent} event
+     */
+    onKeyDown: function(event) { },
+
     willHide: function() { },
 
     __proto__: WebInspector.Object.prototype
 }
 
 /** @type {?WebInspector.Widget} */
 WebInspector.Dialog._modalHostView = null;
 
 /**
  * @param {!WebInspector.Widget} view
@@ skipping 12 matching lines @@
 {
     return WebInspector.Dialog._modalHostView;
 };
 
 WebInspector.Dialog.modalHostRepositioned = function()
 {
     if (WebInspector.Dialog._instance)
         WebInspector.Dialog._instance._position();
 };