[MD settings][cros accounts] Updates the accounts page according to the specs

chrome/browser/resources/settings/people_page/user_list.js

 // Copyright 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.
 
 /**
  * @fileoverview
  * 'settings-user-list' shows a list of users whitelisted on this Chrome OS
  * device.
  *
  * Example:
  *
  *    <settings-user-list prefs="{{prefs}}">
  *    </settings-user-list>
  */
 Polymer({
   is: 'settings-user-list',
 
+  behaviors: [
+    settings.RouteObserverBehavior,
+  ],
+
   properties: {
     /**
      * Current list of whitelisted users.
-     * @type {!Array<!chrome.usersPrivate.User>}
+     * @private {!Array<!chrome.usersPrivate.User>}
      */
-    users: {
+    users_: {
       type: Array,
       value: function() { return []; },
       notify: true
     },
 
     /**
      * Whether the user list is disabled, i.e. that no modifications can be
      * made.
      * @type {boolean}
      */
     disabled: {
       type: Boolean,
       value: false
     }
   },
 
   /** @override */
   ready: function() {
     chrome.settingsPrivate.onPrefsChanged.addListener(function(prefs) {
       prefs.forEach(function(pref) {
         if (pref.key == 'cros.accounts.users') {
           chrome.usersPrivate.getWhitelistedUsers(function(users) {
-            this.users = users;
+            this.setUsers_(users);
           }.bind(this));
         }
       }, this);
     }.bind(this));
+  },
 
-    chrome.usersPrivate.getWhitelistedUsers(function(users) {
-      this.users = users;
-    }.bind(this));
+  /** @protected */
+  currentRouteChanged: function() {
+    if (settings.getCurrentRoute() == settings.Route.ACCOUNTS) {
+      chrome.usersPrivate.getWhitelistedUsers(function(users) {
+        this.setUsers_(users);
+      }.bind(this));
+    }
   },
 
   /**
+   * Helper function that sorts and sets the given list of whitelisted users.
+   * @param {!Array<!chrome.usersPrivate.User>} users List of whitelisted users.
+   */
+  setUsers_: function(users) {
+    this.users_ = users;
+    this.users_.sort(function(a, b) {
+      if (a.isOwner != b.isOwner)
+        return b.isOwner ? 1 : -1;
+      else
+        return -1;
+    });
+  },
+
+  /**
    * @private
    * @param {!{model: !{item: !chrome.usersPrivate.User}}} e
    */
   removeUser_: function(e) {
     chrome.usersPrivate.removeWhitelistedUser(
         e.model.item.email, /* callback */ function() {});
   },
 
   /** @private */
   shouldHideCloseButton_: function(disabled, isUserOwner) {
     return disabled || isUserOwner;
+  },
+
+  /** @private */
+  getProfilePictureUrl_: function(username) {
+    return 'chrome://userimage/' + username + '?id=' + Date.now();
   }
 });