Devtools: Add device frames to device mode

third_party/WebKit/Source/devtools/front_end/emulation/EmulatedDevices.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  */
 WebInspector.EmulatedDevice = function()
 {
     /** @type {string} */
@@ skipping 289 matching lines @@
     modeImage: function(mode)
     {
         if (!mode.image)
             return "";
         if (!this._extension)
             return mode.image;
         return this._extension.module().substituteURL(mode.image);
     },
 
     /**
+     * @param {string} orientationName
+     * @return {string}
+     */
+    outlineImage: function(orientationName)
+    {
+        var orientation = this.orientationByName(orientationName);
+        if (!orientation.outlineImage)
+            return "";
+        if (!this._extension)
+            return orientation.outlineImage;
+        return this._extension.module().substituteURL(orientation.outlineImage);
+    },
+
+    /**
      * @param {string} name
      * @return {!WebInspector.EmulatedDevice.Orientation}
      */
     orientationByName: function(name)
     {
         return name === WebInspector.EmulatedDevice.Vertical ? this.vertical : this.horizontal;
     },
 
     /**
      * @return {boolean}
@@ skipping 185 matching lines @@
 
 /**
  * @return {!WebInspector.EmulatedDevicesList}
  */
 WebInspector.EmulatedDevicesList.instance = function()
 {
     if (!WebInspector.EmulatedDevicesList._instance)
         WebInspector.EmulatedDevicesList._instance = new WebInspector.EmulatedDevicesList();
     return /** @type {!WebInspector.EmulatedDevicesList} */ (WebInspector.EmulatedDevicesList._instance);
 }