src/chrome/test/data/extensions/api_test/notifications/galore/app/window.html

   1 <!DOCTYPE HTML>
   2 <!-- Copyright (c) 2012 The Chromium Authors. All rights reserved.
   3   -- Use of this source code is governed by a BSD-style license that can be
   4   -- found in the LICENSE file. -->
   5 <html>
   6   <head>
   7     <title>Notifications Galore!</title>
   8     <link rel="stylesheet" type="text/css" href="style.css" />
   9   </head>
  10   <body data-active="">
  11     <div id="templates">
  12       <div class="section"><h1><span/></h1></div>
  13       <div class="event"></div>
  14       <div class="error"></div>
  15       <div class="spacer"></div>
  16       <button class="notification borderless">
  17         <img src="images/white-40x40.png">
  18       </button>
  19       <div class="progress-control">
  20         <input class="progress-oneshot borderless" type="radio" name="progress-type">
  21         One shot, progress (0-100):
  22         <input class="progress borderless" type="range" min="0" max="100">
  23         <br>
  24         <input class="progress-recurring borderless" type="radio" name="progress-type">
  25         Recurring, every (1-60)
  26         <input class="progress-sec borderless" type="number" min="1" max="60">
  27         seconds, step (1-100):
  28         <input class="progress-step borderless" type="range" min="1" max="100">
  29         <br><br>
  30       </div>
  31     </div>
  32     <div id="priority" class="section">
  33       <h1><span>Priority</span></h1>
  34       <button class="priority borderless" data-priority="-2">-2</button>
  35       <button class="priority borderless" data-priority="-1">-1</button>
  36       <button class="priority borderless" data-priority="0">0</button>
  37       <button class="priority borderless" data-priority="1">1</button>
  38       <button class="priority borderless" data-priority="2">2</button>
  39     </div>
  40     <div id="other-controls" xclass="section">
  41       <h1><span>Controls</span></h1>
  42       <div class="subsection">
  43         <button id="clear-events">Clear Events</button>
  44       </div>
  45       <div class="subsection">
  46         <button id="record" class="control borderless"><img src="images/record.png"></img></button>
  47         <button id="pause"  class="control borderless"><img src="images/pause.png"></img></button>
  48         <button id="stop"   class="control borderless"><img src="images/stop.png"></img></button>
  49         <button id="play"   class="control borderless"><img src="images/play.png"></img></button>
  50         <sup id="recording-status">Stopped</sup>
  51         <div id="recording-stats"> </div>
  52       </div>
  53     </div>
  54     <div id="notifications"></div>
  55     <h1><span>Events</span></h1>
  56     <div id="events" class="section"></div>
  57   </body>
  58 </html>