DevTools: NetworkPanel: show link where resource timing is explained.

Source/devtools/front_end/sources/WorkspaceMappingTip.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
  * @param {!WebInspector.SourcesPanel} sourcesPanel
  * @param {!WebInspector.Workspace} workspace
  */
@@ skipping 95 matching lines @@
     {
         var title;
         if (isNetwork)
             title = WebInspector.UIString("Map network resource '%s' to workspace?", uiSourceCode.originURL());
         else
             title = WebInspector.UIString("Map workspace resource '%s' to network?", uiSourceCode.path());
 
         var infobar = new WebInspector.UISourceCodeFrame.Infobar(WebInspector.UISourceCodeFrame.Infobar.Level.Info, title);
         infobar.createDetailsRowMessage(WebInspector.UIString("You can map files in your workspace to the ones loaded over the network. As a result, changes made in DevTools will be persisted to disk."));
         infobar.createDetailsRowMessage(WebInspector.UIString("Use context menu to establish the mapping at any time."));
-        var actionLink = infobar.createDetailsRowMessage("").createChild("a");
-        actionLink.href = "";
+        var actionLink = WebInspector.createAnchor("", WebInspector.UIString("Establish the mapping now..."), true);
         actionLink.onclick = this._establishTheMapping.bind(this, uiSourceCode);
-        actionLink.textContent = WebInspector.UIString("Establish the mapping now...");
+        infobar.createDetailsRowMessage("").appendChild(actionLink);
         this._appendInfobar(uiSourceCode, infobar);
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @param {?Event} event
      */
     _establishTheMapping: function(uiSourceCode, event)
     {
         event.consume(true);
         if (uiSourceCode.project().type() === WebInspector.projectTypes.FileSystem)
             this._sourcesPanel.mapFileSystemToNetwork(uiSourceCode);
         else
             this._sourcesPanel.mapNetworkToFileSystem(uiSourceCode);
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
      * @param {!WebInspector.UISourceCodeFrame.Infobar} infobar
      */
     _appendInfobar: function(uiSourceCode, infobar)
     {
         var uiSourceCodeFrame = this._sourcesView.viewForFile(uiSourceCode);
 
         infobar.createDetailsRowMessage("").createChild("br");
         var rowElement = infobar.createDetailsRowMessage(WebInspector.UIString("For more information on workspaces, refer to the "));
-        var a = rowElement.createChild("a");
-        a.textContent = "workspaces documentation";
-        a.href = "https://developer.chrome.com/devtools/docs/workspaces";
+        rowElement.appendChild(WebInspector.createDocumentationAnchor("workspaces", WebInspector.UIString("workspaces documentation")));
         rowElement.createTextChild(".");
         uiSourceCode[WebInspector.WorkspaceMappingTip._infobarSymbol] = infobar;
         uiSourceCodeFrame.attachInfobars([infobar]);
         WebInspector.runCSSAnimationOnce(infobar.element, "source-frame-infobar-animation");
     }
 }