chrome/browser/resources/chromeos/emulator/device_emulator.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>Device Emulator</title>
   6   <script src="chrome://resources/js/polymer_config.js"></script>
   7   <script src="chrome://resources/js/cr.js"></script>
   8   <script src="chrome://resources/js/load_time_data.js"></script>
   9   <script src="chrome://resources/js/util.js"></script>
  10   <script src="strings.js"></script>
  11   <link rel="stylesheet" href="chrome://resources/css/roboto.css">
  12   <link rel="stylesheet" href="device_emulator.css">
  13   <link rel="import" href="battery_settings.html">
  14   <link rel="import" href="bluetooth_settings.html">
  15   <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
  16   <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
  17   <link rel="import" href="chrome://resources/polymer/v1_0/paper-drawer-panel/paper-drawer-panel.html">
  18   <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/paper-header-panel.html">
  19   <link rel="import" href="chrome://resources/polymer/v1_0/paper-toolbar/paper-toolbar.html">
  20   <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
  21   <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
  22   <style is="custom-style">
  23     paper-drawer-panel {
  24       --paper-drawer-panel-main-container: {
  25         background-color: #ddd;
  26       };
  27     }
  28
  29     paper-drawer-panel .bold { font-weight: bolder; }
  30     paper-drawer-panel .menu-item span { padding-right: 15px; }
  31
  32     paper-drawer-panel .cards-container {
  33       overflow: scroll;
  34     }
  35
  36     paper-drawer-panel .card {
  37       display: block;
  38       margin: 20px 20px 60px 20px;
  39       width: 95%;
  40       background-color: #fff;
  41       box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  42       border-radius: 2px;
  43     }
  44
  45     paper-drawer-panel .card .card-body {
  46       margin: 0 20px;
  47       padding-bottom: 20px;
  48     }
  49
  50     paper-header-panel div paper-item:first {
  51       margin-top: 20px;
  52     }
  53   </style>
  54 </head>
  55 <body unresolved fullbleed layout vertical>
  56   <paper-drawer-panel>
  57     <paper-header-panel drawer>
  58       <paper-toolbar>
  59         <div><span class="bold">Chrome OS Device Emulator</span></div>
  60       </paper-toolbar>
  61       <div>
  62         <paper-item>
  63           <div class="menu-item">
  64             <span>Battery/Power Settings</span>
  65             <paper-checkbox checked
  66                 data-content-id="battery-settings-card"
  67                 class="menu-item-toggle"></paper-checkbox>
  68           </div>
  69         </paper-item>
  70         <paper-item>
  71           <div class="menu-item">
  72             <span>Bluetooth Settings</span>
  73             <paper-checkbox checked
  74                 class="menu-item-toggle"
  75                 data-content-id="bluetooth-settings-card"></paper-checkbox>
  76           </div>
  77         </paper-item>
  78       </div>
  79     </paper-header-panel>
  80     <paper-header-panel main>
  81       <paper-toolbar>
  82       </paper-toolbar>
  83       <div>
  84         <div id="cards-container">
  85           <div class="card" id="battery-settings-card">
  86             <div class="card-body">
  87               <battery-settings id="battery-settings">
  88               </battery-settings>
  89             </div>
  90           </div>
  91           <div class="card" id="bluetooth-settings-card">
  92             <div class="card-body">
  93               <bluetooth-settings id="bluetooth-settings"></bluetooth-settings>
  94             </div>
  95           </div>
  96         </div>
  97       </div>
  98     </paper-header-panel>
  99   </paper-drawer-panel>
 100   <script src="chrome://resources/js/i18n_template.js"></script>
 101   <script src="device_emulator.js"></script>
 102 </body>
 103 </html>