views/options.html

   1 <!DOCTYPE html>
   2 <!-- Copyright 2011 Google Inc. All Rights Reserved. -->
   3
   4 <!--
   5  * @fileoverview The main options page for the extension to customize the time
   6  * for cleaning the history and if prompt needs to be displayed
   7  * @author arunjit@google.com (Arunjit Singh)
   8 -->
   9 <html>
  10   <head>
  11     <title id="optionsTitle"></title>
  12     <link rel="stylesheet" type="text/css" href="../css/options.css">
  13   </head>
  14   <body>
  15     <div id="content">
  16       <header>
  17         <h1>
  18           <img alt="Clear History logo" src="../images/icon32.png">
  19           <span id="optionsHeader"></span>
  20         </h1>
  21       </header>
  22       <hr>
  23       <div id="opt-form">
  24         <div id="opt-time">
  25           <div class="opt-name">
  26             <b id="optionsTimeFor"></b>
  27           </div>
  28           <div class="opt-value">
  29             <div class="opt-option">
  30               <input name="time" class="opt-chk" type="radio" value="1"
  31                 tabindex="1" checked>
  32               <div class="opt-label" id="opt-1"></div>
  33             </div>
  34             <!-- <br> -->
  35             <div class="opt-option">
  36               <input name="time" class="opt-chk" type="radio" value="2">
  37               <div class="opt-label" id="opt-2"></div>
  38             </div>
  39             <!-- <br> -->
  40             <div class="opt-option">
  41               <input name="time" class="opt-chk" type="radio" value="24">
  42               <div class="opt-label" id="opt-24"></div>
  43             </div>
  44             <!-- <br> -->
  45             <div class="opt-option">
  46               <input name="time" class="opt-chk" type="radio" value="168">
  47               <div class="opt-label" id="opt-168"></div>
  48             </div>
  49             <!-- <br> -->
  50             <div class="opt-option">
  51               <input name="time" class="opt-chk" type="radio" value="-1">
  52               <div class="opt-label" id="opt--1"></div>
  53             </div>
  54           </div>
  55         </div>
  56         <hr>
  57         <div id="opt-prompt">
  58           <div class="opt-name">
  59             <b>&nbsp;</b>
  60           </div>
  61           <div class="opt-value">
  62             <div class="opt-option">
  63               <input name="prompt" class="opt-chk" type="checkbox" checked>
  64               <div class="opt-label" id="optionsPrompt"></div>
  65             </div>
  66           </div>
  67         </div>
  68         <hr>
  69         <div id="opt-cookies">
  70           <div class="opt-name">
  71             <b>&nbsp;</b>
  72           </div>
  73           <div class="opt-value">
  74             <div class="opt-option">
  75               <input name="cookies" class="opt-chk" type="checkbox">
  76               <div class="opt-label" id="optionsCookies"></div>
  77             </div>
  78           </div>
  79         </div>
  80         <hr>
  81         <div id="optionsSaved">
  82           <b></b>
  83         </div>
  84       </div>
  85     </div>
  86     <script src="../javascript/background.js"></script>
  87     <script src="../javascript/util.js"></script>
  88     <script src="../javascript/options.js"></script>
  89   </body>
  90 </html>