AudioPlayer: Update volume controls.

ui/file_manager/audio_player/elements/audio_player.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.
 
 Polymer({
   is: 'audio-player',
 
   properties: {
     /**
      * Flag whether the audio is playing or paused. True if playing, or false
@@ skipping 39 matching lines @@
 
     /**
      * Whether the expanded button is ON.
      */
     expanded: {
       type: Boolean,
       observer: 'expandedChanged'
     },
 
     /**
+     * Whether the volume slider is shown.
+     */
+    volumeSliderShown: {
+      type: Boolean,
+      observer: 'volumeSliderShownChanged'
+    },
+
+    /**
      * Track index of the current track.
      */
     currentTrackIndex: {
       type: Number,
       observer: 'currentTrackIndexChanged'
     },
 
     /**
      * Model object of the Audio Player.
      * @type {AudioPlayerModel}
@@ skipping 58 matching lines @@
 
   /**
    * Handles change event for expanded state of track list.
    */
   expandedChanged: function(expanded) {
     if (this.model)
       this.model.expanded = expanded;
   },
 
   /**
+   * Handles change event for volumeSliderShown state.
+   */
+  volumeSliderShownChanged: function(volumeSliderShown) {
+    if (this.model)
+      this.model.volumeSliderShown = volumeSliderShown;
+  },
+
+  /**
    * Initializes an element. This method is called automatically when the
    * element is ready.
    */
   ready: function() {
     this.addEventListener('keydown', this.onKeyDown_.bind(this));
 
     this.$.audioController.addEventListener('dragging-changed',
         this.onDraggingChanged_.bind(this));
 
     this.$.audio.volume = 0;  // Temporary initial volume.
@@ skipping 67 matching lines @@
    * @param {AudioPlayerModel} newModel New model.
    * @param {AudioPlayerModel} oldModel Old model.
    */
   modelChanged: function(newModel, oldModel) {
     // Setting up the UI
     if (newModel !== oldModel && newModel) {
       this.shuffle = newModel.shuffle;
       this.repeat = newModel.repeat;
       this.volume = newModel.volume;
       this.expanded = newModel.expanded;
+      this.volumeSliderShown = newModel.volumeSliderShown;
     }
   },
 
   /**
    * Invoked when time is changed.
    * @param {number} newValue new time (in ms).
    * @param {number} oldValue old time (in ms).
    */
   timeChanged: function(newValue, oldValue) {
     // Ignores updates from the audio element.
@@ skipping 226 matching lines @@
 
   /**
    * Computes volume value for audio element. (should be in [0.0, 1.0])
    * @param {number} volume Volume which is set in the UI. ([0, 100])
    * @return {number}
    */
   computeAudioVolume_: function(volume) {
     return volume / 100;
   }
 });