| <!-- |
| @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. |
| --> |
| |
| <link rel="import" href="/bower_components/polymer/polymer.html"> |
| <link rel="import" href="../../../behaviors/fire-behavior/fire-behavior.html"> |
| <link rel="import" href="../../../behaviors/keyboard-shortcut-behavior/keyboard-shortcut-behavior.html"> |
| <link rel="import" href="../../shared/gr-button/gr-button.html"> |
| <link rel="import" href="../gr-key-binding-display/gr-key-binding-display.html"> |
| <link rel="import" href="../../../styles/shared-styles.html"> |
| |
| <dom-module id="gr-keyboard-shortcuts-dialog"> |
| <template> |
| <style include="shared-styles"> |
| :host { |
| display: block; |
| max-height: 100vh; |
| overflow-y: auto; |
| } |
| header{ |
| padding: var(--spacing-l); |
| } |
| main { |
| display: flex; |
| padding: 0 var(--spacing-xxl) var(--spacing-xxl); |
| } |
| header { |
| align-items: center; |
| border-bottom: 1px solid var(--border-color); |
| display: flex; |
| justify-content: space-between; |
| } |
| table:last-of-type { |
| margin-left: var(--spacing-xxl); |
| } |
| td { |
| padding: var(--spacing-xs) 0; |
| } |
| td:first-child { |
| padding-right: var(--spacing-m); |
| text-align: right; |
| } |
| .header { |
| font-weight: var(--font-weight-bold); |
| padding-top: var(--spacing-l); |
| } |
| .modifier { |
| font-weight: normal; |
| } |
| </style> |
| <header> |
| <h3>Keyboard shortcuts</h3> |
| <gr-button link on-click="_handleCloseTap">Close</gr-button> |
| </header> |
| <main> |
| <table> |
| <tbody> |
| <template is="dom-repeat" items="[[_left]]"> |
| <tr> |
| <td></td><td class="header">[[item.section]]</td> |
| </tr> |
| <template is="dom-repeat" items="[[item.shortcuts]]" as="shortcut"> |
| <tr> |
| <td> |
| <gr-key-binding-display binding="[[shortcut.binding]]"> |
| </gr-key-binding-display> |
| </td> |
| <td>[[shortcut.text]]</td> |
| </tr> |
| </template> |
| </template> |
| </tbody> |
| </table> |
| <template is="dom-if" if="[[_right]]"> |
| <table> |
| <tbody> |
| <template is="dom-repeat" items="[[_right]]"> |
| <tr> |
| <td></td><td class="header">[[item.section]]</td> |
| </tr> |
| <template is="dom-repeat" items="[[item.shortcuts]]" as="shortcut"> |
| <tr> |
| <td> |
| <gr-key-binding-display binding="[[shortcut.binding]]"> |
| </gr-key-binding-display> |
| </td> |
| <td>[[shortcut.text]]</td> |
| </tr> |
| </template> |
| </template> |
| </tbody> |
| </table> |
| </template> |
| </main> |
| <footer></footer> |
| </template> |
| <script src="gr-keyboard-shortcuts-dialog.js"></script> |
| </dom-module> |