1
- // @ts -nocheck
2
1
/* Copyright (c) 2019 The Brave Authors. All rights reserved.
3
2
* This Source Code Form is subject to the terms of the Mozilla Public
4
3
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
5
- * you can obtain one at https://mozilla.org/MPL/2.0/. */
4
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
6
5
6
+ import './brave_clear_browsing_data_on_exit_page.js'
7
7
8
- import "./brave_clear_browsing_data_on_exit_page.js"
8
+ import { CrButtonElement } from 'chrome://resources/cr_elements/cr_button/cr_button.js'
9
+ import {
10
+ SettingsBraveClearBrowsingDataOnExitPageElement
11
+ } from './brave_clear_browsing_data_on_exit_page.js'
9
12
10
- import { loadTimeData } from "../i18n_setup.js"
11
- import { WebUiListenerMixin } from 'chrome://resources/cr_elements/web_ui_listener_mixin.js' ;
12
- import { SettingsClearBrowsingDataDialogElement } from '../clear_browsing_data_dialog/clear_browsing_data_dialog.js'
13
- import type { SettingsClearBrowsingDataDialogElement as BraveSettingsClearBrowsingDataDialogElement }
14
- from '../clear_browsing_data_dialog/clear_browsing_data_dialog.js'
15
- import { BraveClearBrowsingDataDialogBrowserProxy , BraveClearBrowsingDataDialogBrowserProxyImpl }
16
- from './brave_clear_browsing_data_dialog_proxy.js'
13
+ import { loadTimeData } from '../i18n_setup.js'
17
14
18
- const BaseElement = WebUiListenerMixin ( SettingsClearBrowsingDataDialogElement )
19
- export class BraveSettingsClearBrowsingDataDialogElement extends BaseElement {
20
- braveRewardsEnabled_ : Boolean = false ;
21
- onClearBraveAdsDataClickHandler_ : ( ( ) => void ) = ( ) => { } ;
15
+ import {
16
+ SettingsClearBrowsingDataDialogElement
17
+ } from '../clear_browsing_data_dialog/clear_browsing_data_dialog.js'
22
18
23
- private clearDataBrowserProxy_ =
24
- BraveClearBrowsingDataDialogBrowserProxyImpl . getInstance ( ) ;
25
- private onSelectedPageChangedCallback_ : ( ( ) => void ) | null = null ;
26
- private updateSaveButtonStateCallback_ : ( ( ) => void ) | null = null ;
27
- private saveOnExitSettingsCallback_ : ( ( ) => void ) | null = null ;
19
+ import {
20
+ BraveClearBrowsingDataDialogBrowserProxy ,
21
+ BraveClearBrowsingDataDialogBrowserProxyImpl
22
+ } from './brave_clear_browsing_data_dialog_proxy.js'
23
+
24
+ export class BraveSettingsClearBrowsingDataDialogElement
25
+ extends SettingsClearBrowsingDataDialogElement {
26
+ braveRewardsEnabled_ : Boolean = false
27
+ onClearBraveAdsDataClickHandler_ : ( ( e : Event ) => void ) = ( ) => { }
28
+
29
+ private clearDataBrowserProxy_ : BraveClearBrowsingDataDialogBrowserProxy =
30
+ BraveClearBrowsingDataDialogBrowserProxyImpl . getInstance ( )
31
+
32
+ private onSelectedPageChangedCallback_ : ( ( ) => void ) | null = null
33
+
34
+ private updateSaveButtonStateCallback_ : ( ( ) => void ) | null = null
35
+
36
+ private saveOnExitSettingsCallback_ : ( ( ) => void ) | null = null
28
37
29
38
override ready ( ) {
30
- super . ready ( ) ;
39
+ super . ready ( )
31
40
32
41
// Append On exit tab to tab selector.
33
- this . tabsNames_ . push ( loadTimeData . getString ( 'onExitPageTitle' ) ) ;
42
+ ; ( this as any ) . tabsNames_ . push ( loadTimeData . getString ( 'onExitPageTitle' ) )
34
43
35
44
this . addWebUiListener (
36
- 'update-counter-text' , this . updateOnExitCountersText . bind ( this ) )
45
+ 'update-counter-text' , this . updateOnExitCountersText_ . bind ( this ) )
37
46
38
47
this . addWebUiListener (
39
48
'brave-rewards-enabled-changed' , ( enabled : boolean ) => {
@@ -56,9 +65,9 @@ export class BraveSettingsClearBrowsingDataDialogElement extends BaseElement {
56
65
this . shadowRoot ! . querySelector ( '#on-exit-tab' ) ! . addEventListener (
57
66
'clear-data-on-exit-page-change' , this . updateSaveButtonStateCallback_ )
58
67
59
- this . saveOnExitSettingsCallback_ = this . saveOnExitSettings_ . bind ( this ) ;
60
- this . shadowRoot . querySelector ( '#saveOnExitSettingsConfirm' ) . addEventListener (
61
- 'click' , this . saveOnExitSettingsCallback_ ) ;
68
+ this . saveOnExitSettingsCallback_ = this . saveOnExitSettings_ . bind ( this )
69
+ this . shadowRoot ! . querySelector ( '#saveOnExitSettingsConfirm' ) !
70
+ . addEventListener ( 'click' , this . saveOnExitSettingsCallback_ )
62
71
63
72
this . onClearBraveAdsDataClickHandler_ = this . clearBraveAdsData_ . bind ( this )
64
73
}
@@ -72,16 +81,17 @@ export class BraveSettingsClearBrowsingDataDialogElement extends BaseElement {
72
81
this . onSelectedPageChangedCallback_ = null
73
82
}
74
83
75
- if ( this . saveOnExitSettingsCallback_ ) {
76
- this . shadowRoot . querySelector ( '#on-exit-tab' ) . removeEventListener (
77
- 'clear-data-on-exit-page-change' , this . updateSaveButtonStateCallback_ ) ;
78
- this . updateSaveButtonStateCallback_ = null ;
84
+ if ( this . updateSaveButtonStateCallback_ ) {
85
+ this . shadowRoot ! . querySelector ( '#on-exit-tab' ) ! . removeEventListener (
86
+ 'clear-data-on-exit-page-change' , this . updateSaveButtonStateCallback_ )
87
+ this . updateSaveButtonStateCallback_ = null
79
88
}
80
89
81
90
if ( this . saveOnExitSettingsCallback_ ) {
82
- this . shadowRoot . querySelector ( '#saveOnExitSettingsConfirm' ) . removeEventListener (
83
- 'click' , this . saveOnExitSettingsCallback_ ) ;
84
- this . saveOnExitSettingsCallback_ = null ;
91
+ this . shadowRoot ! .
92
+ querySelector ( '#saveOnExitSettingsConfirm' ) ! .
93
+ removeEventListener ( 'click' , this . saveOnExitSettingsCallback_ )
94
+ this . saveOnExitSettingsCallback_ = null
85
95
}
86
96
87
97
this . onClearBraveAdsDataClickHandler_ = ( ) => { }
@@ -92,60 +102,67 @@ export class BraveSettingsClearBrowsingDataDialogElement extends BaseElement {
92
102
* preference.
93
103
* @param {string } prefName Browsing data type deletion preference.
94
104
* @param {string } text The text with which to update the counter
95
- * @private
96
105
*/
97
- updateOnExitCountersText ( prefName , text ) {
106
+ private updateOnExitCountersText_ ( prefName : string , text : string ) {
98
107
// Data type deletion preferences are named "browser.clear_data.<datatype>".
99
108
// Strip the common prefix, i.e. use only "<datatype>".
100
- const matches = prefName . match ( / ^ b r o w s e r \. c l e a r _ d a t a \. ( \w + ) $ / ) ;
101
- this . shadowRoot . querySelector ( '#on-exit-tab' ) . setCounter ( matches [ 1 ] , text ) ;
109
+ const matches = prefName . match ( / ^ b r o w s e r \. c l e a r _ d a t a \. ( \w + ) $ / )
110
+ if ( matches ) {
111
+ this . shadowRoot ! .
112
+ querySelector < SettingsBraveClearBrowsingDataOnExitPageElement > (
113
+ '#on-exit-tab' ) ! . setCounter ( matches [ 1 ] , text )
114
+ }
102
115
}
103
116
104
117
/**
105
118
* Updates Clear and Save buttons visibility based on the selected tab.
106
- * @private
107
119
*/
108
- onSelectedPageChanged_ ( ) {
109
- const page = this . $ . pages . selectedItem ;
120
+ private onSelectedPageChanged_ ( ) {
121
+ const page = this . $ . pages . selectedItem
110
122
if ( ! page ) {
111
123
return
112
124
}
113
- const isOnExitPage = ( page . id === 'on-exit-tab' ) ;
114
- this . $ . clearButton . hidden = isOnExitPage ;
115
- this . shadowRoot . querySelector ( '#saveOnExitSettingsConfirm' ) . hidden = ! isOnExitPage ;
125
+ const isOnExitPage = page . id === 'on-exit-tab'
126
+ this . $ . clearButton . hidden = isOnExitPage
127
+ this . shadowRoot ! . querySelector < CrButtonElement > (
128
+ '#saveOnExitSettingsConfirm' ) ! . hidden = ! isOnExitPage
116
129
}
117
130
118
131
/**
119
132
* Updates Save button enabled state based on on-exit-tab's changed state.
120
- * @private
121
133
*/
122
- updateSaveButtonState_ ( ) {
123
- this . shadowRoot . querySelector ( '#saveOnExitSettingsConfirm' ) . disabled =
124
- ! this . shadowRoot . querySelector ( '#on-exit-tab' ) . isModified ;
134
+ private updateSaveButtonState_ ( ) {
135
+ const saveButton = this . shadowRoot ! .
136
+ querySelector < CrButtonElement > ( '#saveOnExitSettingsConfirm' )
137
+ if ( saveButton ) {
138
+ saveButton . disabled = ! this . shadowRoot ! .
139
+ querySelector < SettingsBraveClearBrowsingDataOnExitPageElement > (
140
+ '#on-exit-tab' ) ! . isModified_
141
+ }
125
142
}
126
143
127
144
/**
128
145
* Saves on exit settings selections.
129
- * @private
130
146
*/
131
- saveOnExitSettings_ ( ) {
132
- const changed = this . shadowRoot . querySelector ( '#on-exit-tab' ) . getChangedSettings ( ) ;
147
+ private saveOnExitSettings_ ( ) {
148
+ const changed = this . shadowRoot ! .
149
+ querySelector < SettingsBraveClearBrowsingDataOnExitPageElement > (
150
+ '#on-exit-tab' ) ! . getChangedSettings ( )
133
151
changed . forEach ( ( change ) => {
134
152
this . set ( 'prefs.' + change . key + '.value' , change . value )
135
153
} )
136
154
this . updateSaveButtonState_ ( )
137
- if ( ! this . clearingInProgress_ ) {
155
+ if ( ! ( this as any ) . clearingInProgress_ ) {
138
156
this . $ . clearBrowsingDataDialog . close ( )
139
157
}
140
158
}
141
159
142
160
/**
143
161
* Clears Brave Ads data.
144
- * @private
145
162
*/
146
- clearBraveAdsData_ ( e : any ) {
147
- e . preventDefault ( ) ;
148
- this . clearDataBrowserProxy_ . clearBraveAdsData ( ) ;
149
- this . $ . clearBrowsingDataDialog . close ( ) ;
163
+ private clearBraveAdsData_ ( e : Event ) {
164
+ e . preventDefault ( )
165
+ this . clearDataBrowserProxy_ . clearBraveAdsData ( )
166
+ this . $ . clearBrowsingDataDialog . close ( )
150
167
}
151
168
}
0 commit comments