Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(168)

Side by Side Diff: chrome/browser/resources/chromeos/emulator/device_emulator_pages.html

Issue 2006083002: Use fake Input Device Settings with chrome://device-emulator (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@DevicePageTestsFixes
Patch Set: make dependent on a11y fix Created 4 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <link rel="import" href="chrome://resources/html/cr.html"> 1 <link rel="import" href="chrome://resources/html/cr.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout-classes.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout-classes.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-in-animation.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-in-animation.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-out-animation.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio ns/fade-out-animation.html">
8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-drawer-panel/pape r-drawer-panel.html"> 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-drawer-panel/pape r-drawer-panel.html">
9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape r-header-panel.html"> 9 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape r-header-panel.html">
10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 10 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
11 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-i tem.html"> 11 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-icon-i tem.html">
12 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis tbox.html"> 12 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis tbox.html">
13 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l"> 13 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm l">
14 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too lbar.html"> 14 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too lbar.html">
15 <link rel="import" href="audio_settings.html"> 15 <link rel="import" href="audio_settings.html">
16 <link rel="import" href="battery_settings.html"> 16 <link rel="import" href="battery_settings.html">
17 <link rel="import" href="bluetooth_settings.html"> 17 <link rel="import" href="bluetooth_settings.html">
18 <link rel="import" href="icons.html"> 18 <link rel="import" href="icons.html">
19 <link rel="import" href="input_device_settings.html">
19 <link rel="import" href="shared_styles.html"> 20 <link rel="import" href="shared_styles.html">
20 21
21 <dom-module id="device-emulator-pages"> 22 <dom-module id="device-emulator-pages">
22 <template> 23 <template>
23 <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit. 24 <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.
24 See https://github.com/Polymer/polymer/pull/3668. --> 25 See https://github.com/Polymer/polymer/pull/3668. -->
25 <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning"> 26 <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">
26 :host { 27 :host {
27 display: flex; 28 display: flex;
28 flex-direction: column; 29 flex-direction: column;
29 } 30 }
30 31
31 paper-drawer-panel { 32 paper-drawer-panel {
32 --paper-drawer-panel-main-container: { 33 --paper-drawer-panel-main-container: {
33 background-color: #ddd; 34 background-color: #ddd;
34 }; 35 };
35 } 36 }
36 37
37 paper-drawer-panel header { 38 paper-drawer-panel header {
38 font-weight: bolder; 39 font-weight: bolder;
39 } 40 }
40 41
41 paper-drawer-panel:not([narrow]) > [main] header { 42 paper-drawer-panel:not([narrow]) > [main] header {
42 display: none; 43 display: none;
43 } 44 }
44 45
45 paper-drawer-panel paper-listbox paper-icon-item { 46 paper-drawer-panel paper-listbox paper-icon-item {
47 -webkit-margin-start: 20px;
46 padding: 10px 5px; 48 padding: 10px 5px;
47 -webkit-margin-start: 20px;
48 } 49 }
49 50
50 neon-animated-pages > * { 51 neon-animated-pages > * {
51 @apply(--shadow-elevation-2dp); 52 @apply(--shadow-elevation-2dp);
52 background-color: white; 53 background-color: white;
53 display: block; 54 display: block;
54 margin: 20px; 55 margin: 20px;
56 padding: 0 20px 20px 20px;
55 position: relative !important; 57 position: relative !important;
56 padding: 0 20px 20px 20px;
57 } 58 }
58 </style> 59 </style>
59 <paper-drawer-panel> 60 <paper-drawer-panel>
60 <paper-header-panel drawer> 61 <paper-header-panel drawer>
61 <paper-toolbar> 62 <paper-toolbar>
62 <header>Chrome OS Device Emulator</header> 63 <header>Chrome OS Device Emulator</header>
63 </paper-toolbar> 64 </paper-toolbar>
64 <paper-listbox class="layout vertical" selected="{{selectedPage}}"> 65 <paper-listbox class="layout vertical" selected="{{selectedPage}}">
65 <paper-icon-item> 66 <paper-icon-item>
66 <iron-icon icon="device-emulator:volume-up" item-icon></iron-icon> 67 <iron-icon icon="device-emulator:volume-up" item-icon></iron-icon>
67 Audio 68 Audio
68 </paper-icon-item> 69 </paper-icon-item>
69 <paper-icon-item> 70 <paper-icon-item>
70 <iron-icon icon="device-emulator:battery-charging-full" item-icon> 71 <iron-icon icon="device-emulator:battery-charging-full" item-icon>
71 </iron-icon> 72 </iron-icon>
72 Battery/Power 73 Battery/Power
73 </paper-icon-item> 74 </paper-icon-item>
74 <paper-icon-item> 75 <paper-icon-item>
75 <iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon> 76 <iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon>
76 Bluetooth 77 Bluetooth
77 </paper-icon-item> 78 </paper-icon-item>
79 <paper-icon-item>
80 <iron-icon icon="device-emulator:mouse" item-icon></iron-icon>
81 Input Devices
82 </paper-icon-item>
78 </paper-listbox> 83 </paper-listbox>
79 </paper-header-panel> 84 </paper-header-panel>
80 <paper-header-panel main class="flex layout vertical"> 85 <paper-header-panel main class="flex layout vertical">
81 <paper-toolbar> 86 <paper-toolbar>
82 <paper-icon-button icon="device-emulator:menu" paper-drawer-toggle> 87 <paper-icon-button icon="device-emulator:menu" paper-drawer-toggle>
83 </paper-icon-button> 88 </paper-icon-button>
84 <header>Chrome OS Device Emulator</header> 89 <header>Chrome OS Device Emulator</header>
85 </paper-toolbar> 90 </paper-toolbar>
86 <neon-animated-pages class="fit" selected="[[selectedPage]]" 91 <neon-animated-pages class="fit" selected="[[selectedPage]]"
87 entry-animation="fade-in-animation" 92 entry-animation="fade-in-animation"
88 exit-animation="fade-out-animation"> 93 exit-animation="fade-out-animation">
89 <audio-settings id="audioSettings"></audio-settings> 94 <audio-settings id="audioSettings"></audio-settings>
90 <battery-settings id="batterySettings"></battery-settings> 95 <battery-settings id="batterySettings"></battery-settings>
91 <bluetooth-settings id="bluetoothSettings"></bluetooth-settings> 96 <bluetooth-settings id="bluetoothSettings"></bluetooth-settings>
97 <input-device-settings id="inputDeviceSettings">
98 </input-device-settings>
92 </neon-animated-pages> 99 </neon-animated-pages>
93 </paper-header-panel> 100 </paper-header-panel>
94 </paper-drawer-panel> 101 </paper-drawer-panel>
95 </template> 102 </template>
96 <script src="device_emulator_pages.js"></script> 103 <script src="device_emulator_pages.js"></script>
97 </dom-module> 104 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698