chrome/browser/resources/chromeos/emulator/device_emulator_pages.html - Issue 1999593002: Update chrome://device-emulator with newer Polymer guidelines

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

Issue 1999593002: Update chrome://device-emulator with newer Polymer guidelines (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: narrow mode drawer + webui safety Created 4 years, 7 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

« no previous file with comments | « chrome/browser/resources/chromeos/emulator/device_emulator.js ('k') | chrome/browser/resources/chromeos/emulator/device_emulator_pages.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <link rel="import" href="chrome://resources/html/cr.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">

	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">

	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">

	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">

	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">

	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">

	14 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-too lbar.html">

	15 <link rel="import" href="audio_settings.html">

	16 <link rel="import" href="battery_settings.html">

	17 <link rel="import" href="bluetooth_settings.html">

	18 <link rel="import" href="icons.html">

	19 <link rel="import" href="shared_styles.html">

	20

	21 <dom-module id="device-emulator-pages">

	22 <template>

	23 <!-- TODO(michaelpg): Wrap the line below to fit within the 80-char limit.

	24 See https://github.com/Polymer/polymer/pull/3668. -->

	25 <style include="device-emulator-shared-styles iron-flex iron-flex-alignment iron-positioning">

	26 :host {

	27 display: flex;

	28 flex-direction: column;

	29 }

	30

	31 paper-drawer-panel {

	32 --paper-drawer-panel-main-container: {

	33 background-color: #ddd;

	34 };

	35 }

	36

	37 paper-drawer-panel header {

	38 font-weight: bolder;

	39 }

	40

	41 paper-drawer-panel:not([narrow]) > [main] header {

	42 display: none;

	43 }

	44

	45 paper-drawer-panel paper-listbox paper-icon-item {

	46 padding: 10px 5px;

	47 -webkit-margin-start: 20px;

	48 }

	49

	50 neon-animated-pages > * {

	51 @apply(--shadow-elevation-2dp);

	52 background-color: white;

	53 display: block;

	54 margin: 20px;

	55 position: relative !important;

	56 padding: 0 20px 20px 20px;

	57 }

	58 </style>

	59 <paper-drawer-panel>

	60 <paper-header-panel drawer>

	61 <paper-toolbar>

	62 <header>Chrome OS Device Emulator</header>

	63 </paper-toolbar>

	64 <paper-listbox class="layout vertical" selected="{{selectedPage}}">

	65 <paper-icon-item>

	66 <iron-icon icon="device-emulator:volume-up" item-icon></iron-icon>

	67 Audio

	68 </paper-icon-item>

	69 <paper-icon-item>

	70 <iron-icon icon="device-emulator:battery-charging-full" item-icon>

	71 </iron-icon>

	72 Battery/Power

	73 </paper-icon-item>

	74 <paper-icon-item>

	75 <iron-icon icon="device-emulator:bluetooth" item-icon></iron-icon>

	76 Bluetooth

	77 </paper-icon-item>

	78 </paper-listbox>

	79 </paper-header-panel>

	80 <paper-header-panel main class="flex layout vertical">

	81 <paper-toolbar>

	82 <paper-icon-button icon="device-emulator:menu" paper-drawer-toggle>

	83 </paper-icon-button>

	84 <header>Chrome OS Device Emulator</header>

	85 </paper-toolbar>

	86 <neon-animated-pages class="fit" selected="[[selectedPage]]"

	87 entry-animation="fade-in-animation"

	88 exit-animation="fade-out-animation">

	89 <audio-settings id="audioSettings"></audio-settings>

	90 <battery-settings id="batterySettings"></battery-settings>

	91 <bluetooth-settings id="bluetoothSettings"></bluetooth-settings>

	92 </neon-animated-pages>

	93 </paper-header-panel>

	94 </paper-drawer-panel>

	95 </template>

	96 <script src="device_emulator_pages.js"></script>

	97 </dom-module>

OLD	NEW