1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
// Copyright (c) 2010 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() {
var OptionsPage = options.OptionsPage;
/**
* ClearBrowserData class
* Encapsulated handling of the 'Clear Browser Data' overlay page.
* @class
*/
function ClearBrowserDataOverlay() {
OptionsPage.call(this, 'clearBrowserDataOverlay',
templateData.clearBrowserDataTitle,
'clearBrowserDataOverlay');
}
ClearBrowserDataOverlay.throbIntervalId = 0;
cr.addSingletonGetter(ClearBrowserDataOverlay);
ClearBrowserDataOverlay.prototype = {
// Inherit ClearBrowserDataOverlay from OptionsPage.
__proto__: OptionsPage.prototype,
/**
* Initialize the page.
*/
initializePage: function() {
// Call base class implementation to starts preference initialization.
OptionsPage.prototype.initializePage.call(this);
// Setup option values for the time period select control.
$('clearBrowsingDataTimePeriod').initializeValues(
templateData.clearBrowsingDataTimeList);
var f = this.updateCommitButtonState_.bind(this);
var types = ['browser.clear_data.browsing_history',
'browser.clear_data.download_history',
'browser.clear_data.cache',
'browser.clear_data.cookies',
'browser.clear_data.passwords',
'browser.clear_data.form_data'];
types.forEach(function(type) {
Preferences.getInstance().addEventListener(type, f);
});
var checkboxes = document.querySelectorAll(
'#checkboxListData input[type=checkbox]');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].onclick = f;
}
this.updateCommitButtonState_();
// Setup click handler for the clear(Ok) button.
$('clearBrowsingDataCommit').onclick = function(event) {
chrome.send('performClearBrowserData');
};
},
// Set the enabled state of the commit button.
updateCommitButtonState_: function() {
var checkboxes = document.querySelectorAll(
'#checkboxListData input[type=checkbox]');
var isChecked = false;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
isChecked = true;
break;
}
}
$('clearBrowsingDataCommit').disabled = !isChecked;
},
};
//
// Chrome callbacks
//
ClearBrowserDataOverlay.setClearingState = function(state) {
$('deleteBrowsingHistoryCheckbox').disabled = state;
$('deleteDownloadHistoryCheckbox').disabled = state;
$('deleteCacheCheckbox').disabled = state;
$('deleteCookiesCheckbox').disabled = state;
$('deletePasswordsCheckbox').disabled = state;
$('deleteFormDataCheckbox').disabled = state;
$('clearBrowsingDataTimePeriod').disabled = state;
$('clearBrowsingDataDismiss').disabled = state;
$('cbdThrobber').style.visibility = state ? 'visible' : 'hidden';
if (state)
$('clearBrowsingDataCommit').disabled = true;
else
ClearBrowserDataOverlay.getInstance().updateCommitButtonState_();
function advanceThrobber() {
var throbber = $('cbdThrobber');
// TODO(csilv): make this smoother using time-based animation?
throbber.style.backgroundPositionX =
((parseInt(getComputedStyle(throbber).backgroundPositionX, 10) - 16) %
576) + 'px';
}
if (state) {
ClearBrowserDataOverlay.throbIntervalId =
setInterval(advanceThrobber, 30);
} else {
clearInterval(ClearBrowserDataOverlay.throbIntervalId);
}
}
ClearBrowserDataOverlay.dismiss = function() {
OptionsPage.clearOverlays();
this.setClearingState(false);
}
// Export
return {
ClearBrowserDataOverlay: ClearBrowserDataOverlay
};
});
|
