DevTools: introduce sync checkmarks icons in StylesSidebarPane.

third_party/WebKit/Source/devtools/front_end/persistence/Persistence.js

 // Copyright 2016 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.
 /**
  * @unrestricted
  */
 WebInspector.Persistence = class extends WebInspector.Object {
   /**
    * @param {!WebInspector.Workspace} workspace
    * @param {!WebInspector.BreakpointManager} breakpointManager
    * @param {!WebInspector.FileSystemMapping} fileSystemMapping
    */
   constructor(workspace, breakpointManager, fileSystemMapping) {
     super();
     this._workspace = workspace;
     this._breakpointManager = breakpointManager;
     /** @type {!Map<string, number>} */
     this._filePathPrefixesToBindingCount = new Map();
 
-    if (Runtime.experiments.isEnabled('persistence2'))
+    if (Runtime.experiments.isEnabled('persistence2')) {
+      var iconProvider = new WebInspector.Persistence.LinkifierIconProvider(this);
+      WebInspector.Linkifier.registerIconProvider(iconProvider);
       this._mapping =
           new WebInspector.Automapping(workspace, this._onBindingCreated.bind(this), this._onBindingRemoved.bind(this));
-    else
+    } else {
       this._mapping = new WebInspector.DefaultMapping(
           workspace, fileSystemMapping, this._onBindingCreated.bind(this), this._onBindingRemoved.bind(this));
+    }
   }
 
   /**
    * @param {!WebInspector.PersistenceBinding} binding
    */
   _onBindingCreated(binding) {
     if (binding.network.isDirty()) {
       WebInspector.console.log(WebInspector.UIString(
           '%s can not be persisted to file system due to unsaved changes.', binding.network.name()));
       return;
@@ skipping 211 matching lines @@
    * @param {!WebInspector.UISourceCode} fileSystem
    * @param {boolean} exactMatch
    */
   constructor(network, fileSystem, exactMatch) {
     this.network = network;
     this.fileSystem = fileSystem;
     this.exactMatch = exactMatch;
   }
 };
 
+/**
+ * @extends {WebInspector.Object}
+ * @implements {WebInspector.LinkifierIconProvider}
+ */
+WebInspector.Persistence.LinkifierIconProvider = class extends WebInspector.Object {
+  constructor(persistence) {
+    super();
+    persistence.addEventListener(WebInspector.Persistence.Events.BindingCreated, this._bindingChanged, this);
+    persistence.addEventListener(WebInspector.Persistence.Events.BindingRemoved, this._bindingChanged, this);
+  }
+
+  /**
+   * @param {!WebInspector.Event} event
+   */
+  _bindingChanged(event) {
+    var binding = /** @type {!WebInspector.PersistenceBinding} */(event.data);
+    this.dispatchEventToListeners(WebInspector.LinkifierIconProvider.Events.IconChanged, binding.network);
+  }
+
+  /**
+   * @override
+   * @param {!WebInspector.UISourceCode} uiSourceCode
+   */
+  iconType(uiSourceCode) {
+    var binding = WebInspector.persistence.binding(uiSourceCode);
+    return binding ? 'smallicon-checkmark' : '';
+  }
+};
+
 /** @type {!WebInspector.Persistence} */
 WebInspector.persistence;