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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
|
// Copyright 2018 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.
Polymer({
is: 'start-setup-page',
properties: {
/** Overridden from UiPageContainerBehavior. */
forwardButtonTextId: {
type: String,
value: 'accept',
},
/** Overridden from UiPageContainerBehavior. */
cancelButtonTextId: {
type: String,
computed: 'getCancelButtonTextId_(delegate)',
},
/**
* Array of objects representing all potential MultiDevice hosts.
*
* @type {!Array<!chromeos.multidevice.mojom.RemoteDevice>}
*/
devices: {
type: Array,
value: () => [],
observer: 'devicesChanged_',
},
/**
* Unique identifier for the currently selected host device.
*
* Undefined if the no list of potential hosts has been received from mojo
* service.
*
* @type {string|undefined}
*/
selectedDeviceId: {
type: String,
notify: true,
},
/**
* Delegate object which performs differently in OOBE vs. non-OOBE mode.
* @type {!multidevice_setup.MultiDeviceSetupDelegate}
*/
delegate: Object,
},
behaviors: [
UiPageContainerBehavior,
WebUIListenerBehavior,
],
/** @override */
attached: function() {
this.addWebUIListener(
'multidevice_setup.initializeSetupFlow',
this.initializeSetupFlow_.bind(this));
},
/** @private */
initializeSetupFlow_: function() {
// The "Learn More" links are inside a grdp string, so we cannot actually
// add an onclick handler directly to the html. Instead, grab the two and
// manaully add onclick handlers.
const helpArticleLinks = [
this.$$('#multidevice-summary-message a'),
this.$$('#awm-summary-message a')
];
for (let i = 0; i < helpArticleLinks.length; i++) {
helpArticleLinks[i].onclick = this.fire.bind(
this, 'open-learn-more-webview-requested', helpArticleLinks[i].href);
}
},
/**
* @param {!multidevice_setup.MultiDeviceSetupDelegate} delegate
* @return {string} The cancel button text ID, dependent on OOBE vs. non-OOBE.
* @private
*/
getCancelButtonTextId_: function(delegate) {
return this.delegate.getStartSetupCancelButtonTextId();
},
/**
* @param {!Array<!chromeos.multidevice.mojom.RemoteDevice>} devices
* @return {string} Label for devices selection content.
* @private
*/
getDeviceSelectionHeader_(devices) {
switch (devices.length) {
case 0:
return '';
case 1:
return this.i18n('startSetupPageSingleDeviceHeader');
default:
return this.i18n('startSetupPageMultipleDeviceHeader');
}
},
/**
* @param {!Array<!chromeos.multidevice.mojom.RemoteDevice>} devices
* @return {boolean} True if there are more than one potential host devices.
* @private
*/
doesDeviceListHaveMultipleElements_: function(devices) {
return devices.length > 1;
},
/**
* @param {!Array<!chromeos.multidevice.mojom.RemoteDevice>} devices
* @return {boolean} True if there is exactly one potential host device.
* @private
*/
doesDeviceListHaveOneElement_: function(devices) {
return devices.length == 1;
},
/**
* @param {!Array<!chromeos.multidevice.mojom.RemoteDevice>} devices
* @return {string} Name of the first device in device list if there are any.
* Returns an empty string otherwise.
* @private
*/
getFirstDeviceNameInList_: function(devices) {
return devices[0] ? this.devices[0].deviceName : '';
},
/** @private */
devicesChanged_: function() {
if (this.devices.length > 0) {
this.selectedDeviceId = this.devices[0].deviceId;
}
},
/** @private */
onDeviceDropdownSelectionChanged_: function() {
this.selectedDeviceId = this.$.deviceDropdown.value;
},
/**
* Wrapper for i18nAdvanced for binding to location updates in OOBE.
* @param {string} locale The language code (e.g. en, es) for the current
* display language for CrOS. As with I18nBehavior.i18nDynamic(), the
* parameter is not used directly but is provided to allow HTML binding
* without passing an unexpected argument to I18nBehavior.i18nAdvanced().
* @param {string} textId The loadTimeData ID of the string to be translated.
* @private
*/
i18nAdvancedDynamic_: function(locale, textId) {
return this.i18nAdvanced(textId);
},
});
|
