DevTools: eliminate ToolbarButton.setState method; cleanup toolbar.css

third_party/WebKit/Source/devtools/front_end/animation/AnimationTimeline.js

 // Copyright (c) 2015 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.
 /**
  * @implements {WebInspector.TargetManager.Observer}
  * @unrestricted
  */
 WebInspector.AnimationTimeline = class extends WebInspector.VBox {
   constructor() {
     super(true);
@@ skipping 99 matching lines @@
   }
 
   _createHeader() {
     var toolbarContainer = this.contentElement.createChild('div', 'animation-timeline-toolbar-container');
     var topToolbar = new WebInspector.Toolbar('animation-timeline-toolbar', toolbarContainer);
     var clearButton = new WebInspector.ToolbarButton(WebInspector.UIString('Clear all'), 'clear-toolbar-item');
     clearButton.addEventListener('click', this._reset.bind(this));
     topToolbar.appendToolbarItem(clearButton);
     topToolbar.appendSeparator();
 
-    this._pauseButton = new WebInspector.ToolbarToggle(WebInspector.UIString('Pause all'), 'pause-toolbar-item');
+    this._pauseButton = new WebInspector.ToolbarToggle(WebInspector.UIString('Pause all'), 'pause-toolbar-item', 'resume-toolbar-item');
     this._pauseButton.addEventListener('click', this._togglePauseAll.bind(this));
     topToolbar.appendToolbarItem(this._pauseButton);
 
     var playbackRateControl = toolbarContainer.createChild('div', 'animation-playback-rate-control');
     this._playbackRateButtons = [];
     for (var playbackRate of WebInspector.AnimationTimeline.GlobalPlaybackRates) {
       var button = playbackRateControl.createChild('div', 'animation-playback-rate-button');
       button.textContent =
           playbackRate ? WebInspector.UIString(playbackRate * 100 + '%') : WebInspector.UIString('Pause');
       button.playbackRate = playbackRate;
       button.addEventListener('click', this._setPlaybackRate.bind(this, playbackRate));
       button.title = WebInspector.UIString('Set speed to ') + button.textContent;
       this._playbackRateButtons.push(button);
     }
     this._updatePlaybackControls();
 
     this._previewContainer = this.contentElement.createChild('div', 'animation-timeline-buffer');
     this._popoverHelper = new WebInspector.PopoverHelper(this._previewContainer, true);
     this._popoverHelper.initializeCallbacks(
         this._getPopoverAnchor.bind(this), this._showPopover.bind(this), this._onHidePopover.bind(this));
     this._popoverHelper.setTimeout(0);
     var emptyBufferHint = this.contentElement.createChild('div', 'animation-timeline-buffer-hint');
     emptyBufferHint.textContent = WebInspector.UIString('Listening for animations...');
     var container = this.contentElement.createChild('div', 'animation-timeline-header');
     var controls = container.createChild('div', 'animation-controls');
     this._currentTime = controls.createChild('div', 'animation-timeline-current-time monospace');
 
     var toolbar = new WebInspector.Toolbar('animation-controls-toolbar', controls);
     this._controlButton =
-        new WebInspector.ToolbarButton(WebInspector.UIString('Replay timeline'), 'animation-control-toolbar-item');
-    this._controlButton.setState(WebInspector.AnimationTimeline._ControlState.Replay);
+        new WebInspector.ToolbarToggle(WebInspector.UIString('Replay timeline'), 'animation-control-toolbar-item');
+    this._controlState = WebInspector.AnimationTimeline._ControlState.Replay;
+    this._controlButton.setToggled(true);
     this._controlButton.addEventListener('click', this._controlButtonToggle.bind(this));
     toolbar.appendToolbarItem(this._controlButton);
 
     var gridHeader = container.createChild('div', 'animation-grid-header');
     WebInspector.installDragHandle(
         gridHeader, this._repositionScrubber.bind(this), this._scrubberDragMove.bind(this),
         this._scrubberDragEnd.bind(this), 'text');
     container.appendChild(this._createScrubber());
     WebInspector.installDragHandle(
         this._timelineScrubberLine, this._scrubberDragStart.bind(this), this._scrubberDragMove.bind(this),
@@ skipping 70 matching lines @@
   }
 
   _updatePlaybackControls() {
     for (var button of this._playbackRateButtons) {
       var selected = this._playbackRate === button.playbackRate;
       button.classList.toggle('selected', selected);
     }
   }
 
   _controlButtonToggle() {
-    if (this._controlButton.state() === WebInspector.AnimationTimeline._ControlState.Play)
+    if (this._controlState === WebInspector.AnimationTimeline._ControlState.Play)
       this._togglePause(false);
-    else if (this._controlButton.state() === WebInspector.AnimationTimeline._ControlState.Replay)
+    else if (this._controlState === WebInspector.AnimationTimeline._ControlState.Replay)
       this._replay();
     else
       this._togglePause(true);
   }
 
   _updateControlButton() {
     this._controlButton.setEnabled(!!this._selectedGroup);
     if (this._selectedGroup && this._selectedGroup.paused()) {
-      this._controlButton.setState(WebInspector.AnimationTimeline._ControlState.Play);
+      this._controlState = WebInspector.AnimationTimeline._ControlState.Play;
+      this._controlButton.setToggled(true);
       this._controlButton.setTitle(WebInspector.UIString('Play timeline'));
+      this._controlButton.setGlyph('animation-play-item');
     } else if (!this._scrubberPlayer || this._scrubberPlayer.currentTime >= this.duration()) {
-      this._controlButton.setState(WebInspector.AnimationTimeline._ControlState.Replay);
+      this._controlState = WebInspector.AnimationTimeline._ControlState.Replay;
+      this._controlButton.setToggled(true);
       this._controlButton.setTitle(WebInspector.UIString('Replay timeline'));
+      this._controlButton.setGlyph('animation-replay-item');
     } else {
-      this._controlButton.setState(WebInspector.AnimationTimeline._ControlState.Pause);
+      this._controlState = WebInspector.AnimationTimeline._ControlState.Pause;
+      this._controlButton.setToggled(false);
       this._controlButton.setTitle(WebInspector.UIString('Pause timeline'));
+      this._controlButton.setGlyph('animation-pause-item');
     }
   }
 
   /**
    * @return {number}
    */
   _effectivePlaybackRate() {
     return (this._allPaused || (this._selectedGroup && this._selectedGroup.paused())) ? 0 : this._playbackRate;
   }
 
@@ skipping 461 matching lines @@
   static parse(text) {
     var match = text.match(/^steps\((\d+), (start|middle)\)$/);
     if (match)
       return new WebInspector.AnimationTimeline.StepTimingFunction(parseInt(match[1], 10), match[2]);
     match = text.match(/^steps\((\d+)\)$/);
     if (match)
       return new WebInspector.AnimationTimeline.StepTimingFunction(parseInt(match[1], 10), 'end');
     return null;
   }
 };