DevTools: extract the report view to reuse in app manifest and service worker pane.

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 1832 matching lines @@
             [NetworkAgent.ResourcePriority.Low, WebInspector.UIString("Low")],
             [NetworkAgent.ResourcePriority.Medium, WebInspector.UIString("Medium")],
             [NetworkAgent.ResourcePriority.High, WebInspector.UIString("High")],
             [NetworkAgent.ResourcePriority.VeryHigh, WebInspector.UIString("Highest")]
         ]);
         WebInspector.uiLabelForPriority._priorityToUILabel = labelMap;
     }
     return labelMap.get(priority) || WebInspector.UIString("Unknown");
 }
 
+/**
+ * @param {string} url
+ * @param {string=} linkText
+ * @param {string=} classes
+ * @param {boolean=} isExternal
+ * @param {string=} tooltipText
+ * @return {!Element}
+ */
+WebInspector.linkifyURLAsNode = function(url, linkText, classes, isExternal, tooltipText)
+{
+    if (!linkText)
+        linkText = url;
+
+    var a = createElementWithClass("a", classes);
+    var href = url;
+    if (url.trim().toLowerCase().startsWith("javascript:"))
+        href = null;
+    if (isExternal && WebInspector.ParsedURL.isRelativeURL(url))
+        href = null;
+    if (href !== null) {
+        a.href = href;
+        a.classList.add(isExternal ? "webkit-html-external-link" : "webkit-html-resource-link");
+    }
+    if (!tooltipText && linkText !== url)
+        a.title = url;
+    else if (tooltipText)
+        a.title = tooltipText;
+    a.textContent = linkText.trimMiddle(150);
+    if (isExternal)
+        a.setAttribute("target", "_blank");
+
+    return a;
+}
+
+/**
+ * @param {string} article
+ * @param {string} title
+ * @return {!Element}
+ */
+WebInspector.linkifyDocumentationURLAsNode = function(article, title)
+{
+    return WebInspector.linkifyURLAsNode("https://developers.google.com/web/tools/chrome-devtools/" + article, title, undefined, true);
+}
+
 /** @type {!WebInspector.ThemeSupport} */
 WebInspector.themeSupport;