OLD | NEW |
1 <!-- | 1 <!-- |
2 -- Copyright 2013 The Chromium Authors. All rights reserved. | 2 -- Copyright 2013 The Chromium Authors. All rights reserved. |
3 -- Use of this source code is governed by a BSD-style license that can be | 3 -- Use of this source code is governed by a BSD-style license that can be |
4 -- found in the LICENSE file. | 4 -- found in the LICENSE file. |
5 --> | 5 --> |
6 | 6 |
7 <polymer-element name="kb-keyset" attributes="nextKeyset isDefault" | 7 <polymer-element name="kb-keyset" attributes="nextKeyset isDefault" |
8 on-key-up="keyUp" on-key-longpress="keyLongpress"> | 8 on-key-up="keyUp" on-key-longpress="keyLongpress"> |
9 <template> | 9 <template> |
10 <style> | 10 <style> |
11 @host { | 11 @host { |
12 * { | 12 * { |
13 -webkit-box-orient: vertical; | 13 -webkit-box-orient: vertical; |
14 -webkit-box-flex: 1; | 14 -webkit-box-flex: 1; |
15 display: -webkit-box; | 15 display: -webkit-box; |
16 } | 16 } |
17 } | 17 } |
18 </style> | 18 </style> |
19 <content select="kb-row"></content> | 19 <content select="kb-row"></content> |
20 <content select="kb-altkey-container" id="altkeyContainer" | 20 <content select="kb-altkey-container" id="altkeyContainer" |
21 touch-action="none"></content> | 21 touch-action="none"></content> |
22 <kb-altkey-data id="altkeyMetadata"></kb-altkey-data> | 22 <kb-altkey-data id="altkeyMetadata"></kb-altkey-data> |
23 </template> | 23 </template> |
24 <script> | 24 <script> |
25 Polymer('kb-keyset', { | 25 Polymer('kb-keyset', { |
26 isDefault: false, | 26 isDefault: false, |
27 nextKeyset: undefined, | 27 nextKeyset: undefined, |
28 // TODO(bshe): support select keyset on down, long and dbl events. | 28 // TODO(bshe): support select keyset on down, long and dbl events. |
29 keyUp: function(event, detail) { | 29 keyUp: function(event, detail) { |
| 30 switch (detail.char) { |
| 31 case 'Shift': |
| 32 case 'Alt': |
| 33 case 'Ctrl': |
| 34 return; |
| 35 default: |
| 36 break; |
| 37 } |
30 if (!detail.toKeyset) | 38 if (!detail.toKeyset) |
31 detail.toKeyset = this.nextKeyset; | 39 detail.toKeyset = this.nextKeyset; |
32 }, | 40 }, |
33 keyLongpress: function(event, detail) { | 41 keyLongpress: function(event, detail) { |
34 if (!detail.char) | 42 if (!detail.char) |
35 return; | 43 return; |
36 | 44 |
37 var altkeyContainer = this.$.altkeyContainer.getDistributedNodes()[0]; | 45 var altkeyContainer = this.$.altkeyContainer.getDistributedNodes()[0]; |
38 if (!altkeyContainer) | 46 if (!altkeyContainer) |
39 return; | 47 return; |
(...skipping 28 matching lines...) Expand all Loading... |
68 var leftOffset = activeAltKeySet.offset * event.target.clientWidth; | 76 var leftOffset = activeAltKeySet.offset * event.target.clientWidth; |
69 activeAltKeySet.style.left = event.target.offsetLeft - leftOffset + | 77 activeAltKeySet.style.left = event.target.offsetLeft - leftOffset + |
70 'px'; | 78 'px'; |
71 var nodes = activeAltKeySet.childNodes; | 79 var nodes = activeAltKeySet.childNodes; |
72 nodes[activeAltKeySet.offset].classList.add('active'); | 80 nodes[activeAltKeySet.offset].classList.add('active'); |
73 altkeyContainer.hidden = false; | 81 altkeyContainer.hidden = false; |
74 } | 82 } |
75 }); | 83 }); |
76 </script> | 84 </script> |
77 </polymer-element> | 85 </polymer-element> |
OLD | NEW |