| // Copyright (c) 2012 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 */ var ArrayDataModel = cr.ui.ArrayDataModel; |
| /** @const */ var List = cr.ui.List; |
| /** @const */ var ListItem = cr.ui.ListItem; |
| /** @const */ var HandlerOptions = options.HandlerOptions; |
| /** @const */ var DeletableItem = options.DeletableItem; |
| /** @const */ var DeletableItemList = options.DeletableItemList; |
| |
| /** |
| * 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, |
| |
| /** @override */ |
| 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 = |
| loadTimeData.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 = |
| loadTimeData.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); |
| }, |
| |
| /** @override */ |
| 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, |
| |
| /** @override */ |
| 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, |
| }; |
| }); |