ui/accessibility/extensions/colorenhancer/src/popup.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <!-- TODO(wnwen): Investigate using widgets from ui/webui/resources -->
   5 <link rel="stylesheet" type="text/css" href="../res/cvd.css">
   6 <link rel="stylesheet" type="text/css" href="../res/setup.css">
   7 <style type="text/css">
   8 * {
   9   font-family: Arial, Helvetica, sans-serif;
  10   font-size: 10pt;
  11 }
  12 </style>
  13 <script type="text/javascript" src="common.js"></script>
  14 <script type="text/javascript" src="storage.js"></script>
  15 <script type="text/javascript" src="cvd.js"></script>
  16 <script type="text/javascript" src="popup.js"></script>
  17 </head>
  18 <body>
  19   <h2><span i18n-content="color_enhancer_appname"><span></h2>
  20
  21   <table>
  22     <tr>
  23       <th><span i18n-content="color_enhancer_enable"></span></th>
  24       <th>
  25         <span i18n-content="color_enhancer_adjustment_factor">
  26         </span>
  27       </th>
  28     </tr>
  29     <tr>
  30       <td><input id="enable" type="checkbox"></td>
  31       <td>
  32         <input id="delta" type="range" min=0 max=1.0 step=0.1
  33           defaultValue="0.5">
  34       </td>
  35       <td>
  36         <button id="setup" i18n-content="color_enhancer_setup_button"></button>
  37       </td>
  38     </tr>
  39   </table>
  40   </div>
  41
  42   <div id="setup-panel" class="collapsed">
  43     <h3><span i18n-content="color_enhancer_setup_heading"></span></h3>
  44     <section id="step-1">
  45       <div>
  46         <span i18n-content="color_enhancer_type_choice">
  47         </span>
  48       </div>
  49       <div class="template swatch">
  50         <span>&#x22c6</span>
  51       </div>
  52       <div id="swatches">
  53         <div id="row-highlight" hidden></div>
  54         <!-- Auto populated by initialize() -->
  55       </div>
  56     </section>
  57     <section id="step-2">
  58       <div>
  59         <span i18n-content="color_enhancer_severity">
  60         </span>
  61         <input id="severity" type="range" min=0 max=1.0 step=0.1 value="0">
  62       </div>
  63     </section>
  64     <div id="setup-button-strip" class="row">
  65       <button id="reset" i18n-content="color_enhancer_reset"></button>
  66       <button id="ok" i18n-content="color_enhancer_ok"></button>
  67       <button id="cancel" i18n-content="color_enhancer_cancel"></button>
  68     </div>
  69   </div>
  70 </body>
  71 </html>