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
|
/**
* @license
* Copyright (C) 2016 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
(function() {
'use strict';
Polymer({
is: 'gr-change-table-editor',
properties: {
displayedColumns: {
type: Array,
notify: true,
},
showNumber: {
type: Boolean,
notify: true,
},
},
behaviors: [
Gerrit.ChangeTableBehavior,
],
/**
* Get the list of enabled column names from whichever checkboxes are
* checked (excluding the number checkbox).
* @return {!Array<string>}
*/
_getDisplayedColumns() {
return Polymer.dom(this.root)
.querySelectorAll('.checkboxContainer input:not([name=number])')
.filter(checkbox => checkbox.checked)
.map(checkbox => checkbox.name);
},
/**
* Handle a tap on a checkbox container and relay the tap to the checkbox it
* contains.
*/
_handleCheckboxContainerTap(e) {
const checkbox = Polymer.dom(e.target).querySelector('input');
if (!checkbox) { return; }
checkbox.click();
},
/**
* Handle a tap on the number checkbox and update the showNumber property
* accordingly.
*/
_handleNumberCheckboxTap(e) {
this.showNumber = Polymer.dom(e).rootTarget.checked;
},
/**
* Handle a tap on a displayed column checkboxes (excluding number) and
* update the displayedColumns property accordingly.
*/
_handleTargetTap(e) {
this.set('displayedColumns', this._getDisplayedColumns());
},
});
})();
|