| <link rel="import" href="chrome://resources/html/polymer.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html"> |
| <link rel="import" href="icons.html"> |
| <link rel="import" href="shared_styles.html"> |
| |
| <dom-module id="input-device-settings"> |
| <template> |
| <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit. |
| See https://github.com/Polymer/polymer/pull/3668. --> |
| <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning"> |
| .content > *:not(:first-child) { |
| margin-top: 10px; |
| } |
| </style> |
| <div class="layout vertical"> |
| <div class="element-label"> |
| <paper-icon-button icon="device-emulator:mouse"></paper-icon-button> |
| Input Devices |
| </div> |
| <div class="content"> |
| <paper-toggle-button id="touchpad" on-change="onTouchpadChange"> |
| Touchpad |
| </paper-toggle-button> |
| <paper-toggle-button id="mouse" on-change="onMouseChange"> |
| Mouse |
| </paper-toggle-button> |
| <iron-collapse id="changeDescription"> |
| Any existing Settings windows must be reloaded to reflect these |
| changes. |
| </iron-collapse> |
| </div> |
| </div> |
| </template> |
| <script src="input_device_settings.js"></script> |
| </dom-module> |
