| OLD | NEW |
| 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 cr.define('options', function() { | 5 cr.define('options', function() { |
| 6 | 6 |
| 7 var OptionsPage = options.OptionsPage; | 7 var Page = cr.ui.pageManager.Page; |
| 8 var PageManager = cr.ui.pageManager.PageManager; |
| 8 | 9 |
| 9 ///////////////////////////////////////////////////////////////////////////// | 10 ///////////////////////////////////////////////////////////////////////////// |
| 10 // CookiesView class: | 11 // CookiesView class: |
| 11 | 12 |
| 12 /** | 13 /** |
| 13 * Encapsulated handling of the cookies and other site data page. | 14 * Encapsulated handling of the cookies and other site data page. |
| 14 * @constructor | 15 * @constructor |
| 15 */ | 16 */ |
| 16 function CookiesView(model) { | 17 function CookiesView(model) { |
| 17 OptionsPage.call(this, 'cookies', | 18 Page.call(this, 'cookies', |
| 18 loadTimeData.getString('cookiesViewPageTabTitle'), | 19 loadTimeData.getString('cookiesViewPageTabTitle'), |
| 19 'cookies-view-page'); | 20 'cookies-view-page'); |
| 20 } | 21 } |
| 21 | 22 |
| 22 cr.addSingletonGetter(CookiesView); | 23 cr.addSingletonGetter(CookiesView); |
| 23 | 24 |
| 24 CookiesView.prototype = { | 25 CookiesView.prototype = { |
| 25 __proto__: OptionsPage.prototype, | 26 __proto__: Page.prototype, |
| 26 | 27 |
| 27 /** | 28 /** |
| 28 * The timer id of the timer set on search query change events. | 29 * The timer id of the timer set on search query change events. |
| 29 * @type {number} | 30 * @type {number} |
| 30 * @private | 31 * @private |
| 31 */ | 32 */ |
| 32 queryDelayTimerId_: 0, | 33 queryDelayTimerId_: 0, |
| 33 | 34 |
| 34 /** | 35 /** |
| 35 * The most recent search query, empty string if the query is empty. | 36 * The most recent search query, empty string if the query is empty. |
| 36 * @type {string} | 37 * @type {string} |
| 37 * @private | 38 * @private |
| 38 */ | 39 */ |
| 39 lastQuery_: '', | 40 lastQuery_: '', |
| 40 | 41 |
| 41 initializePage: function() { | 42 initializePage: function() { |
| 42 OptionsPage.prototype.initializePage.call(this); | 43 Page.prototype.initializePage.call(this); |
| 43 | 44 |
| 44 var searchBox = this.pageDiv.querySelector('.cookies-search-box'); | 45 var searchBox = this.pageDiv.querySelector('.cookies-search-box'); |
| 45 searchBox.addEventListener( | 46 searchBox.addEventListener( |
| 46 'search', this.handleSearchQueryChange_.bind(this)); | 47 'search', this.handleSearchQueryChange_.bind(this)); |
| 47 searchBox.onkeydown = function(e) { | 48 searchBox.onkeydown = function(e) { |
| 48 // Prevent the overlay from handling this event. | 49 // Prevent the overlay from handling this event. |
| 49 if (e.keyIdentifier == 'Enter') | 50 if (e.keyIdentifier == 'Enter') |
| 50 e.stopPropagation(); | 51 e.stopPropagation(); |
| 51 }; | 52 }; |
| 52 | 53 |
| 53 this.pageDiv.querySelector('.remove-all-cookies-button').onclick = | 54 this.pageDiv.querySelector('.remove-all-cookies-button').onclick = |
| 54 function(e) { | 55 function(e) { |
| 55 chrome.send('removeAllCookies'); | 56 chrome.send('removeAllCookies'); |
| 56 }; | 57 }; |
| 57 | 58 |
| 58 var cookiesList = this.pageDiv.querySelector('.cookies-list'); | 59 var cookiesList = this.pageDiv.querySelector('.cookies-list'); |
| 59 options.CookiesList.decorate(cookiesList); | 60 options.CookiesList.decorate(cookiesList); |
| 60 | 61 |
| 61 this.addEventListener('visibleChange', this.handleVisibleChange_); | 62 this.addEventListener('visibleChange', this.handleVisibleChange_); |
| 62 | 63 |
| 63 this.pageDiv.querySelector('.cookies-view-overlay-confirm').onclick = | 64 this.pageDiv.querySelector('.cookies-view-overlay-confirm').onclick = |
| 64 OptionsPage.closeOverlay.bind(OptionsPage); | 65 PageManager.closeOverlay.bind(PageManager); |
| 65 }, | 66 }, |
| 66 | 67 |
| 67 /** @override */ | 68 /** @override */ |
| 68 didShowPage: function() { | 69 didShowPage: function() { |
| 69 this.pageDiv.querySelector('.cookies-search-box').value = ''; | 70 this.pageDiv.querySelector('.cookies-search-box').value = ''; |
| 70 this.lastQuery_ = ''; | 71 this.lastQuery_ = ''; |
| 71 }, | 72 }, |
| 72 | 73 |
| 73 /** | 74 /** |
| 74 * Search cookie using text in |cookies-search-box|. | 75 * Search cookie using text in |cookies-search-box|. |
| (...skipping 20 matching lines...) Expand all Loading... |
| 95 if (this.queryDelayTimerId_) | 96 if (this.queryDelayTimerId_) |
| 96 window.clearTimeout(this.queryDelayTimerId_); | 97 window.clearTimeout(this.queryDelayTimerId_); |
| 97 | 98 |
| 98 this.queryDelayTimerId_ = window.setTimeout( | 99 this.queryDelayTimerId_ = window.setTimeout( |
| 99 this.searchCookie.bind(this), 500); | 100 this.searchCookie.bind(this), 500); |
| 100 }, | 101 }, |
| 101 | 102 |
| 102 initialized_: false, | 103 initialized_: false, |
| 103 | 104 |
| 104 /** | 105 /** |
| 105 * Handler for OptionsPage's visible property change event. | 106 * Handler for Page's visible property change event. |
| 106 * @param {Event} e Property change event. | 107 * @param {Event} e Property change event. |
| 107 * @private | 108 * @private |
| 108 */ | 109 */ |
| 109 handleVisibleChange_: function(e) { | 110 handleVisibleChange_: function(e) { |
| 110 if (!this.visible) | 111 if (!this.visible) |
| 111 return; | 112 return; |
| 112 | 113 |
| 113 chrome.send('reloadCookies'); | 114 chrome.send('reloadCookies'); |
| 114 | 115 |
| 115 if (!this.initialized_) { | 116 if (!this.initialized_) { |
| (...skipping 19 matching lines...) Expand all Loading... |
| 135 CookiesView.loadChildren = function(args) { | 136 CookiesView.loadChildren = function(args) { |
| 136 $('cookies-list').loadChildren(args[0], args[1]); | 137 $('cookies-list').loadChildren(args[0], args[1]); |
| 137 }; | 138 }; |
| 138 | 139 |
| 139 // Export | 140 // Export |
| 140 return { | 141 return { |
| 141 CookiesView: CookiesView | 142 CookiesView: CookiesView |
| 142 }; | 143 }; |
| 143 | 144 |
| 144 }); | 145 }); |
| OLD | NEW |