| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. | 3 Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
| 5 found in the LICENSE file. | 5 found in the LICENSE file. |
| 6 --> | 6 --> |
| 7 | 7 |
| 8 <link rel="import" href="/tracing/ui/base/dom_helpers.html"> | 8 <link rel="import" href="/tracing/ui/base/dom_helpers.html"> |
| 9 <link rel="import" href="/tracing/ui/base/utils.html"> | 9 <link rel="import" href="/tracing/ui/base/utils.html"> |
| 10 | 10 |
| (...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 202 </dom-module> | 202 </dom-module> |
| 203 <script> | 203 <script> |
| 204 'use strict'; | 204 'use strict'; |
| 205 (function() { | 205 (function() { |
| 206 const RIGHT_ARROW = String.fromCharCode(0x25b6); | 206 const RIGHT_ARROW = String.fromCharCode(0x25b6); |
| 207 const UNSORTED_ARROW = String.fromCharCode(0x25BF); | 207 const UNSORTED_ARROW = String.fromCharCode(0x25BF); |
| 208 const ASCENDING_ARROW = String.fromCharCode(0x25B4); | 208 const ASCENDING_ARROW = String.fromCharCode(0x25B4); |
| 209 const DESCENDING_ARROW = String.fromCharCode(0x25BE); | 209 const DESCENDING_ARROW = String.fromCharCode(0x25BE); |
| 210 | 210 |
| 211 const SelectionMode = tr.ui.b.TableFormat.SelectionMode; | 211 const SelectionMode = tr.ui.b.TableFormat.SelectionMode; |
| 212 const SelectionModeValues = new Set(Object.values(SelectionMode)); |
| 212 const HighlightStyle = tr.ui.b.TableFormat.HighlightStyle; | 213 const HighlightStyle = tr.ui.b.TableFormat.HighlightStyle; |
| 214 const HighlightStyleValues = new Set(Object.values(HighlightStyle)); |
| 213 const ColumnAlignment = tr.ui.b.TableFormat.ColumnAlignment; | 215 const ColumnAlignment = tr.ui.b.TableFormat.ColumnAlignment; |
| 216 const ColumnAlignmentValues = new Set(Object.values(ColumnAlignment)); |
| 214 | 217 |
| 215 Polymer({ | 218 Polymer({ |
| 216 is: 'tr-ui-b-table', | 219 is: 'tr-ui-b-table', |
| 217 | 220 |
| 218 created() { | 221 created() { |
| 219 this.selectionMode_ = SelectionMode.NONE; | 222 this.selectionMode_ = SelectionMode.NONE; |
| 220 this.rowHighlightStyle_ = HighlightStyle.DEFAULT; | 223 this.rowHighlightStyle_ = HighlightStyle.DEFAULT; |
| 221 this.cellHighlightStyle_ = HighlightStyle.DEFAULT; | 224 this.cellHighlightStyle_ = HighlightStyle.DEFAULT; |
| 222 this.selectedTableRowInfo_ = undefined; | 225 this.selectedTableRowInfo_ = undefined; |
| 223 this.selectedColumnIndex_ = undefined; | 226 this.selectedColumnIndex_ = undefined; |
| (...skipping 799 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1023 } | 1026 } |
| 1024 | 1027 |
| 1025 this.maybeUpdateSelectedRow_(); | 1028 this.maybeUpdateSelectedRow_(); |
| 1026 }, | 1029 }, |
| 1027 | 1030 |
| 1028 get selectionMode() { | 1031 get selectionMode() { |
| 1029 return this.selectionMode_; | 1032 return this.selectionMode_; |
| 1030 }, | 1033 }, |
| 1031 | 1034 |
| 1032 set selectionMode(selectionMode) { | 1035 set selectionMode(selectionMode) { |
| 1033 if (!tr.b.dictionaryContainsValue(SelectionMode, selectionMode)) { | 1036 if (!SelectionModeValues.has(selectionMode)) { |
| 1034 throw new Error('Invalid selection mode ' + selectionMode); | 1037 throw new Error('Invalid selection mode ' + selectionMode); |
| 1035 } | 1038 } |
| 1036 this.rebuildIfNeeded_(); | 1039 this.rebuildIfNeeded_(); |
| 1037 this.selectionMode_ = selectionMode; | 1040 this.selectionMode_ = selectionMode; |
| 1038 this.didSelectionStateChange_(); | 1041 this.didSelectionStateChange_(); |
| 1039 }, | 1042 }, |
| 1040 | 1043 |
| 1041 get rowHighlightStyle() { | 1044 get rowHighlightStyle() { |
| 1042 return this.rowHighlightStyle_; | 1045 return this.rowHighlightStyle_; |
| 1043 }, | 1046 }, |
| 1044 | 1047 |
| 1045 set rowHighlightStyle(rowHighlightStyle) { | 1048 set rowHighlightStyle(rowHighlightStyle) { |
| 1046 if (!tr.b.dictionaryContainsValue(HighlightStyle, rowHighlightStyle)) { | 1049 if (!HighlightStyleValues.has(rowHighlightStyle)) { |
| 1047 throw new Error('Invalid row highlight style ' + rowHighlightStyle); | 1050 throw new Error('Invalid row highlight style ' + rowHighlightStyle); |
| 1048 } | 1051 } |
| 1049 this.rebuildIfNeeded_(); | 1052 this.rebuildIfNeeded_(); |
| 1050 this.rowHighlightStyle_ = rowHighlightStyle; | 1053 this.rowHighlightStyle_ = rowHighlightStyle; |
| 1051 this.didSelectionStateChange_(); | 1054 this.didSelectionStateChange_(); |
| 1052 }, | 1055 }, |
| 1053 | 1056 |
| 1054 get resolvedRowHighlightStyle() { | 1057 get resolvedRowHighlightStyle() { |
| 1055 if (this.rowHighlightStyle_ !== HighlightStyle.DEFAULT) { | 1058 if (this.rowHighlightStyle_ !== HighlightStyle.DEFAULT) { |
| 1056 return this.rowHighlightStyle_; | 1059 return this.rowHighlightStyle_; |
| 1057 } | 1060 } |
| 1058 switch (this.selectionMode_) { | 1061 switch (this.selectionMode_) { |
| 1059 case SelectionMode.NONE: | 1062 case SelectionMode.NONE: |
| 1060 return HighlightStyle.NONE; | 1063 return HighlightStyle.NONE; |
| 1061 case SelectionMode.ROW: | 1064 case SelectionMode.ROW: |
| 1062 return HighlightStyle.DARK; | 1065 return HighlightStyle.DARK; |
| 1063 case SelectionMode.CELL: | 1066 case SelectionMode.CELL: |
| 1064 return HighlightStyle.LIGHT; | 1067 return HighlightStyle.LIGHT; |
| 1065 default: | 1068 default: |
| 1066 throw new Error('Invalid selection mode ' + selectionMode); | 1069 throw new Error('Invalid selection mode ' + selectionMode); |
| 1067 } | 1070 } |
| 1068 }, | 1071 }, |
| 1069 | 1072 |
| 1070 get cellHighlightStyle() { | 1073 get cellHighlightStyle() { |
| 1071 return this.cellHighlightStyle_; | 1074 return this.cellHighlightStyle_; |
| 1072 }, | 1075 }, |
| 1073 | 1076 |
| 1074 set cellHighlightStyle(cellHighlightStyle) { | 1077 set cellHighlightStyle(cellHighlightStyle) { |
| 1075 if (!tr.b.dictionaryContainsValue(HighlightStyle, cellHighlightStyle)) { | 1078 if (!HighlightStyleValues.has(cellHighlightStyle)) { |
| 1076 throw new Error('Invalid cell highlight style ' + cellHighlightStyle); | 1079 throw new Error('Invalid cell highlight style ' + cellHighlightStyle); |
| 1077 } | 1080 } |
| 1078 this.rebuildIfNeeded_(); | 1081 this.rebuildIfNeeded_(); |
| 1079 this.cellHighlightStyle_ = cellHighlightStyle; | 1082 this.cellHighlightStyle_ = cellHighlightStyle; |
| 1080 this.didSelectionStateChange_(); | 1083 this.didSelectionStateChange_(); |
| 1081 }, | 1084 }, |
| 1082 | 1085 |
| 1083 get resolvedCellHighlightStyle() { | 1086 get resolvedCellHighlightStyle() { |
| 1084 if (this.cellHighlightStyle_ !== HighlightStyle.DEFAULT) { | 1087 if (this.cellHighlightStyle_ !== HighlightStyle.DEFAULT) { |
| 1085 return this.cellHighlightStyle_; | 1088 return this.cellHighlightStyle_; |
| (...skipping 710 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1796 return this.tapCallback_; | 1799 return this.tapCallback_; |
| 1797 }, | 1800 }, |
| 1798 | 1801 |
| 1799 onTap_() { | 1802 onTap_() { |
| 1800 if (this.tapCallback_) { | 1803 if (this.tapCallback_) { |
| 1801 this.tapCallback_(); | 1804 this.tapCallback_(); |
| 1802 } | 1805 } |
| 1803 } | 1806 } |
| 1804 }); | 1807 }); |
| 1805 </script> | 1808 </script> |
| OLD | NEW |