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
124
125
126
|
// Copyright 2016 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.
/**
* @fileoverview 'settings-search-engine-dialog' is a component for adding
* or editing a search engine entry.
*/
Polymer({
is: 'settings-search-engine-dialog',
properties: {
/**
* The search engine to be edited. If not populated a new search engine
* should be added.
* @type {?SearchEngine}
*/
model: Object,
/** @private {string} */
searchEngine_: String,
/** @private {string} */
keyword_: String,
/** @private {string} */
queryUrl_: String,
/** @private {string} */
dialogTitle_: String,
/** @private {string} */
actionButtonText_: String,
},
/** @private {settings.SearchEnginesBrowserProxy} */
browserProxy_: null,
/**
* The |modelIndex| to use when a new search engine is added. Must match with
* kNewSearchEngineIndex constant specified at
* chrome/browser/ui/webui/settings/search_engines_handler.cc
* @type {number}
*/
DEFAULT_MODEL_INDEX: -1,
/** @override */
created: function() {
this.browserProxy_ = settings.SearchEnginesBrowserProxyImpl.getInstance();
},
/** @override */
ready: function() {
if (this.model) {
this.dialogTitle_ =
loadTimeData.getString('searchEnginesEditSearchEngine');
this.actionButtonText_ = loadTimeData.getString('save');
// If editing an existing search engine, pre-populate the input fields.
this.searchEngine_ = this.model.name;
this.keyword_ = this.model.keyword;
this.queryUrl_ = this.model.url;
} else {
this.dialogTitle_ =
loadTimeData.getString('searchEnginesAddSearchEngine');
this.actionButtonText_ = loadTimeData.getString('add');
}
this.addEventListener('cancel', () => {
this.browserProxy_.searchEngineEditCancelled();
});
},
/** @override */
attached: function() {
this.updateActionButtonState_();
this.browserProxy_.searchEngineEditStarted(
this.model ? this.model.modelIndex : this.DEFAULT_MODEL_INDEX);
this.$.dialog.showModal();
},
/** @private */
cancel_: function() {
this.$.dialog.cancel();
},
/** @private */
onActionButtonTap_: function() {
this.browserProxy_.searchEngineEditCompleted(
this.searchEngine_, this.keyword_, this.queryUrl_);
this.$.dialog.close();
},
/**
* @param {!Event} event
* @private
*/
validate_: function(event) {
const inputElement = Polymer.dom(event).localTarget;
// If element is empty, disable the action button, but don't show the red
// invalid message.
if (inputElement.value == '') {
inputElement.invalid = false;
this.updateActionButtonState_();
return;
}
this.browserProxy_
.validateSearchEngineInput(inputElement.id, inputElement.value)
.then(isValid => {
inputElement.invalid = !isValid;
this.updateActionButtonState_();
});
},
/** @private */
updateActionButtonState_: function() {
const allValid = [
this.$.searchEngine, this.$.keyword, this.$.queryUrl
].every(function(inputElement) {
return !inputElement.invalid && inputElement.value.length > 0;
});
this.$.actionButton.disabled = !allValid;
},
});
|
