DevTools: migrate navigator icons to UI.Icon

third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 73 matching lines @@
    * @param {!TreeElement} treeElement
    */
   static _treeElementOrder(treeElement) {
     if (treeElement._boostOrder)
       return 0;
 
     if (!Sources.NavigatorView._typeOrders) {
       var weights = {};
       var types = Sources.NavigatorView.Types;
       weights[types.Root] = 1;
-      weights[types.Category] = 1;
       weights[types.Domain] = 10;
       weights[types.FileSystemFolder] = 1;
       weights[types.NetworkFolder] = 1;
       weights[types.SourceMapFolder] = 2;
       weights[types.File] = 10;
       weights[types.Frame] = 70;
       weights[types.Worker] = 90;
       weights[types.FileSystem] = 100;
       Sources.NavigatorView._typeOrders = weights;
     }
@@ skipping 710 matching lines @@
    */
   _targetNameChanged(event) {
     var target = /** @type {!SDK.Target} */ (event.data);
     var targetNode = this._rootNode.child('target:' + target.id());
     if (targetNode)
       targetNode.setTitle(target.name());
   }
 };
 
 Sources.NavigatorView.Types = {
-  Category: 'category',
   Domain: 'domain',
   File: 'file',
   FileSystem: 'fs',
   FileSystemFolder: 'fs-folder',
   Frame: 'frame',
   NetworkFolder: 'nw-folder',
   Root: 'root',
   SourceMapFolder: 'sm-folder',
   Worker: 'worker'
 };
 
-
 /**
  * @unrestricted
  */
 Sources.NavigatorFolderTreeElement = class extends TreeElement {
   /**
    * @param {!Sources.NavigatorView} navigatorView
    * @param {string} type
    * @param {string} title
    * @param {function(boolean)=} hoverCallback
    */
   constructor(navigatorView, type, title, hoverCallback) {
     super('', true);
     this.listItemElement.classList.add('navigator-' + type + '-tree-item', 'navigator-folder-tree-item');
     this._nodeType = type;
     this.title = title;
     this.tooltip = title;
-    this.createIcon();
     this._navigatorView = navigatorView;
     this._hoverCallback = hoverCallback;
+    var iconType = 'largeicon-navigator-folder';
+    if (type === Sources.NavigatorView.Types.Domain)
+      iconType = 'largeicon-navigator-domain';
+    else if (type === Sources.NavigatorView.Types.Frame)
+      iconType = 'largeicon-navigator-frame';
+    else if (type === Sources.NavigatorView.Types.Worker)
+      iconType = 'largeicon-navigator-worker';
+    this.setLeadingIcons([UI.Icon.create(iconType, 'icon')]);
   }
 
   /**
    * @override
    */
   onpopulate() {
     this._node.populate();
   }
 
   /**
@@ skipping 63 matching lines @@
    * @param {!Sources.NavigatorUISourceCodeTreeNode} node
    */
   constructor(navigatorView, uiSourceCode, title, node) {
     super('', false);
     this._nodeType = Sources.NavigatorView.Types.File;
     this._node = node;
     this.title = title;
     this.listItemElement.classList.add(
         'navigator-' + uiSourceCode.contentType().name() + '-tree-item', 'navigator-file-tree-item');
     this.tooltip = uiSourceCode.url();
-    this.createIcon();
+    var iconType = 'largeicon-navigator-file';
+    if (uiSourceCode.contentType() === Common.resourceTypes.Snippet)
+      iconType = 'largeicon-navigator-snippet';
+    this.setLeadingIcons([UI.Icon.create(iconType, 'icon')]);
 
     this._navigatorView = navigatorView;
     this._uiSourceCode = uiSourceCode;
   }
 
   /**
    * @return {!Workspace.UISourceCode}
    */
   get uiSourceCode() {
     return this._uiSourceCode;
@@ skipping 645 matching lines @@
   /**
    * @param {string} title
    * @override
    */
   setTitle(title) {
     this._title = title;
     if (this._treeElement)
       this._treeElement.title = this._title;
   }
 };