Multi-profile WebUI settings

chrome/browser/resources/options/personal_options_profile_list.js

+// Copyright (c) 2011 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.
+
+cr.define('options.personal_options', function() {
+  const DeletableItem = options.DeletableItem;
+  const DeletableItemList = options.DeletableItemList;
+  const ListSingleSelectionModel = cr.ui.ListSingleSelectionModel;
+
+  var localStrings = new LocalStrings();
+
+  /**
+   * Creates a new profile list item.
+   * @param {Object} profileInfo The profile this item respresents.
+   * @constructor
+   * @extends {cr.ui.DeletableItem}
+   */
+  function ProfileListItem(profileInfo) {
+    var el = cr.doc.createElement('div');
+    el.profileInfo_ = profileInfo;
+    ProfileListItem.decorate(el);
+    return el;
+  }
+
+  /**
+   * Decorates an element as a profile list item.
+   * @param {!HTMLElement} el The element to decorate.
+   */
+  ProfileListItem.decorate = function(el) {
+    el.__proto__ = ProfileListItem.prototype;
+    el.decorate();
+  };
+
+  ProfileListItem.prototype = {
+    __proto__: DeletableItem.prototype,
+
+    /**
+      * Get the filepath for this profile list item.
+      * @return the file path of this item.
+      */
+    get profilePath() {
+      return this.profileInfo_.filePath;
+    },
+
+    /** @inheritDoc */
+    decorate: function() {
+      DeletableItem.prototype.decorate.call(this);
+
+      var profileInfo = this.profileInfo_;
+
+      var nameEl = this.contentElement;
+      nameEl.className = 'profile-item';
+      if (profileInfo.isCurrentProfile)
+        nameEl.classList.add('profile-item-current');
+
+      var displayName = profileInfo.name;
+      if (profileInfo.isCurrentProfile)
+        displayName = localStrings.getStringF(
+            'profilesListItemCurrent',
+            profileInfo.name)
+      nameEl.textContent = displayName;
+
+      this.addEventListener('dblclick', this.onDblClick_);
+    },
+
+    /**
+      */
+    onDblClick_: function(e) {
+    },
+
+  };
+
+  var ProfileList = cr.ui.define('list');
+
+  ProfileList.prototype = {
+    __proto__: DeletableItemList.prototype,
+
+    /** @inheritDoc */
+    decorate: function() {
+      DeletableItemList.prototype.decorate.call(this);
+      this.selectionModel = new ListSingleSelectionModel();
+    },
+
+    /** @inheritDoc */
+    createItem: function(pageInfo) {
+      var item = new ProfileListItem(pageInfo);
+      return item;
+    },
+
+    /** @inheritDoc */
+    deleteItemAtIndex: function(index) {
+      ProfilesManageOverlay.showDeleteDialog(this.dataModel.item(index));
+    },
+  };
+
+  return {
+    ProfileList: ProfileList
+  };
+});
+