AudioPlayer: Stop using Object.observe() and Array.observe().

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 11 matching lines @@
     time: {
       type: Number,
       observer: 'timeChanged'
     },
 
     /**
      * Whether the shuffle button is ON.
      */
     shuffle: {
       type: Boolean,
-      observer: 'shuffleChanged'
+      notify: true
     },
 
     /**
      * Whether the repeat button is ON.
      */
     repeat: {
       type: Boolean,
-      observer: 'repeatChanged'
+      notify: true
     },
 
     /**
      * The audio volume. 0 is silent, and 100 is maximum loud.
      */
     volume: {
       type: Number,
-      observer: 'volumeChanged'
+      notify: true
     },
 
     /**
      * Whether the expanded button is ON.
      */
     expanded: {
       type: Boolean,
-      observer: 'expandedChanged'
+      notify: true
     },
 
     /**
      * Track index of the current track.
      */
     currentTrackIndex: {
       type: Number,
       observer: 'currentTrackIndexChanged'
     },
 
     /**
-     * Model object of the Audio Player.
-     * @type {AudioPlayerModel}
-     */
-    model: {
-      type: Object,
-      value: null,
-      observer: 'modelChanged'
-    },
-
-    /**
      * URL of the current track. (exposed publicly for tests)
      */
     currenttrackurl: {
       type: String,
       value: '',
       reflectToAttribute: true
     },
 
     /**
      * The number of played tracks. (exposed publicly for tests)
      */
     playcount: {
       type: Number,
       value: 0,
       reflectToAttribute: true
     },
 
     ariaLabels: {
       type: Object
     }
   },
 
   /**
    * The last playing state when user starts dragging the seek bar.
    * @private {boolean}
    */
   wasPlayingOnDragStart_: false,
 
   /**
-   * Handles change event for shuffle mode.
-   * @param {boolean} shuffle
-   */
-  shuffleChanged: function(shuffle) {
-    if (this.model)
-      this.model.shuffle = shuffle;
-  },
-
-  /**
-   * Handles change event for repeat mode.
-   * @param {boolean} repeat
-   */
-  repeatChanged: function(repeat) {
-    if (this.model)
-      this.model.repeat = repeat;
-  },
-
-  /**
-   * Handles change event for audio volume.
-   * @param {number} volume
-   */
-  volumeChanged: function(volume) {
-    if (this.model)
-      this.model.volume = volume;
-  },
-
-  /**
-   * Handles change event for expanded state of track list.
-   */
-  expandedChanged: function(expanded) {
-    if (this.model)
-      this.model.expanded = expanded;
-  },
-
-  /**
    * 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 56 matching lines @@
     }
 
     // When the new status is "stopped".
     this.cancelAutoAdvance_();
     this.$.audio.pause();
     this.currenttrackurl = '';
     this.lastAudioUpdateTime_ = null;
   },
 
   /**
-   * Invoked when the model changed.
-   * @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;
-    }
-  },
-
-  /**
    * 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.
     if (this.lastAudioUpdateTime_ === newValue)
       return;
 
     if (this.$.audio.readyState !== 0)
@@ skipping 213 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;
   }
 });