Revert 114236 - Options2: Pull the trigger.

chrome/browser/resources/options2/handler_options_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', function() {
-  const ArrayDataModel = cr.ui.ArrayDataModel;
-  const List = cr.ui.List;
-  const ListItem = cr.ui.ListItem;
-  const HandlerOptions = options.HandlerOptions;
-  const DeletableItem = options.DeletableItem;
-  const DeletableItemList = options.DeletableItemList;
-
-  const localStrings = new LocalStrings();
-
-  /**
-   * Creates a new ignored protocol / content handler list item.
-   *
-   * Accepts values in the form
-   *   ['mailto', 'http://www.thesite.com/%s', 'The title of the protocol'],
-   * @param {Object} entry A dictionary describing the handlers for a given
-   *     protocol.
-   * @constructor
-   * @extends {cr.ui.DeletableItemList}
-   */
-  function IgnoredHandlersListItem(entry) {
-    var el = cr.doc.createElement('div');
-    el.dataItem = entry;
-    el.__proto__ = IgnoredHandlersListItem.prototype;
-    el.decorate();
-    return el;
-  }
-
-  IgnoredHandlersListItem.prototype = {
-    __proto__: DeletableItem.prototype,
-
-    /** @inheritDoc */
-    decorate: function() {
-      DeletableItem.prototype.decorate.call(this);
-
-      // Protocol.
-      var protocolElement = document.createElement('div');
-      protocolElement.textContent = this.dataItem[0];
-      protocolElement.className = 'handlers-type-column';
-      this.contentElement_.appendChild(protocolElement);
-
-      // Site title.
-      var titleElement = document.createElement('div');
-      titleElement.textContent = this.dataItem[2];
-      titleElement.className = 'handlers-site-column';
-      titleElement.title = this.dataItem[1];
-      this.contentElement_.appendChild(titleElement);
-    },
-  };
-
-
-  var IgnoredHandlersList = cr.ui.define('list');
-
-  IgnoredHandlersList.prototype = {
-    __proto__: DeletableItemList.prototype,
-
-    createItem: function(entry) {
-      return new IgnoredHandlersListItem(entry);
-    },
-
-    deleteItemAtIndex: function(index) {
-      chrome.send('removeIgnoredHandler', [this.dataModel.item(index)]);
-    },
-
-    /**
-     * The length of the list.
-     */
-    get length() {
-      return this.dataModel.length;
-    },
-
-    /**
-     * Set the protocol handlers displayed by this list.  See
-     * IgnoredHandlersListItem for an example of the format the list should
-     * take.
-     *
-     * @param {Object} list A list of ignored protocol handlers.
-     */
-    setHandlers: function(list) {
-      this.dataModel = new ArrayDataModel(list);
-    },
-  };
-
-
-
-  /**
-   * Creates a new protocol / content handler list item.
-   *
-   * Accepts values in the form
-   * { protocol: 'mailto',
-   *   handlers: [
-   *     ['mailto', 'http://www.thesite.com/%s', 'The title of the protocol'],
-   *     ...,
-   *   ],
-   * }
-   * @param {Object} entry A dictionary describing the handlers for a given
-   *     protocol.
-   * @constructor
-   * @extends {cr.ui.ListItem}
-   */
-  function HandlerListItem(entry) {
-    var el = cr.doc.createElement('div');
-    el.dataItem = entry;
-    el.__proto__ = HandlerListItem.prototype;
-    el.decorate();
-    return el;
-  }
-
-  HandlerListItem.prototype = {
-    __proto__: ListItem.prototype,
-
-    buildWidget_: function(data, delegate) {
-      // Protocol.
-      var protocolElement = document.createElement('div');
-      protocolElement.textContent = data.protocol;
-      protocolElement.className = 'handlers-type-column';
-      this.appendChild(protocolElement);
-
-      // Handler selection.
-      var handlerElement = document.createElement('div');
-      var selectElement = document.createElement('select');
-      var defaultOptionElement = document.createElement('option');
-      defaultOptionElement.selected = data.default_handler == -1;
-      defaultOptionElement.textContent =
-          localStrings.getString('handlers_none_handler');
-      defaultOptionElement.value = -1;
-      selectElement.appendChild(defaultOptionElement);
-
-      for (var i = 0; i < data.handlers.length; ++i) {
-        var optionElement = document.createElement('option');
-        optionElement.selected = i == data.default_handler;
-        optionElement.textContent = data.handlers[i][2];
-        optionElement.value = i;
-        selectElement.appendChild(optionElement);
-      }
-
-      selectElement.addEventListener('change', function (e) {
-        var index = e.target.value;
-        if (index == -1) {
-          this.classList.add('none');
-          delegate.clearDefault(data.protocol);
-        } else {
-          handlerElement.classList.remove('none');
-          delegate.setDefault(data.handlers[index]);
-        }
-      });
-      handlerElement.appendChild(selectElement);
-      handlerElement.className = 'handlers-site-column';
-      if (data.default_handler == -1)
-        this.classList.add('none');
-      this.appendChild(handlerElement);
-
-      // Remove link.
-      var removeElement = document.createElement('div');
-      removeElement.textContent =
-          localStrings.getString('handlers_remove_link');
-      removeElement.addEventListener('click', function (e) {
-        var value = selectElement ? selectElement.value : 0;
-        delegate.removeHandler(value, data.handlers[value]);
-      });
-      removeElement.className = 'handlers-remove-column handlers-remove-link';
-      this.appendChild(removeElement);
-    },
-
-    /** @inheritDoc */
-    decorate: function() {
-      ListItem.prototype.decorate.call(this);
-
-      var self = this;
-      var delegate = {
-        removeHandler: function(index, handler) {
-          chrome.send('removeHandler', [handler]);
-        },
-        setDefault: function(handler) {
-          chrome.send('setDefault', [handler]);
-        },
-        clearDefault: function(protocol) {
-          chrome.send('clearDefault', [protocol]);
-        },
-      };
-
-      this.buildWidget_(this.dataItem, delegate);
-    },
-  };
-
-  /**
-   * Create a new passwords list.
-   * @constructor
-   * @extends {cr.ui.List}
-   */
-  var HandlersList = cr.ui.define('list');
-
-  HandlersList.prototype = {
-    __proto__: List.prototype,
-
-    /** @inheritDoc */
-    createItem: function(entry) {
-      return new HandlerListItem(entry);
-    },
-
-    /**
-     * The length of the list.
-     */
-    get length() {
-      return this.dataModel.length;
-    },
-
-    /**
-     * Set the protocol handlers displayed by this list.
-     * See HandlerListItem for an example of the format the list should take.
-     *
-     * @param {Object} list A list of protocols with their registered handlers.
-     */
-    setHandlers: function(list) {
-      this.dataModel = new ArrayDataModel(list);
-    },
-  };
-
-  return {
-    IgnoredHandlersListItem: IgnoredHandlersListItem,
-    IgnoredHandlersList: IgnoredHandlersList,
-    HandlerListItem: HandlerListItem,
-    HandlersList: HandlersList,
-  };
-});