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="../chrome-bootstrap/chrome-bootstrap.css" />
  13     <link rel="stylesheet" type="text/css" href="../css/options.css" />
  14   </head>
  15
  16 <body class="chrome-bootstrap">
  17   <div class="frame">
  18
  19     <div class="navigation">
  20       <h1><a href="#" i18n-content="optionsHeader"></a></h1>
  21       <ul class="menu">
  22         <li class="selected">
  23           <a href="#options" i18n-content="frameOptions"></a>
  24         </li>
  25       </ul>
  26       <ul>
  27         <li>&nbsp;<img src='../images/icon128.png'/></li>
  28       </ul>
  29     </div>
  30
  31     <div class="mainview view">
  32       <div id="options" class="selected">
  33         <header>
  34           <h1 i18n-content="frameOptions"></h1>
  35         </header>
  36         <div class="content">
  37
  38 <section>
  39  <h3 i18n-content="headerTimeRange"></h3>
  40
  41  <div class="radio">
  42  <label>
  43   <input name="timeStart" type="radio" value="yes" selected/>
  44   <span i18n-content="optionsTimeStartNewer"></span>
  45  </label>
  46  </div>
  47  <div class="checkbox">
  48  <label>
  49   <input name="timeStart" type="radio" value="no"/>
  50   <span i18n-content="optionsTimeStartOlder"></span>
  51  </label>
  52  </div>
  53
  54  <br/>
  55
  56  <div class="radio">
  57  <label>   <!-- 1 hour -->
  58   <input name="time" type="radio" value="1" tabindex="1"/>
  59   <span class="opt-label" id="opt-1"></span>
  60  </label>
  61  </div>
  62  <div class="radio">
  63  <label>   <!-- 2 hours -->
  64   <input name="time" type="radio" value="2"/>
  65   <span class="opt-label" id="opt-2"></span>
  66  </label>
  67  </div>
  68  <div class="radio">
  69  <label>   <!-- 1 day -->
  70   <input name="time" type="radio" value="24"/>
  71   <span class="opt-label" id="opt-24"></span>
  72  </label>
  73  </div>
  74  <div class="radio">
  75  <label>   <!-- 7 days -->
  76   <input name="time" type="radio" value="168"/>
  77   <span class="opt-label" id="opt-168"></span>
  78  </label>
  79  </div>
  80  <div class="radio">
  81  <label>   <!-- 14 days -->
  82   <input name="time" type="radio" value="336"/>
  83   <span class="opt-label" id="opt-336"></span>
  84  </label>
  85  </div>
  86  <div class="radio">
  87  <label>   <!-- 30 days -->
  88   <input name="time" type="radio" value="720"/>
  89   <span class="opt-label" id="opt-720"></span>
  90  </label>
  91  </div>
  92  <div class="radio">
  93  <label>
  94   <input name="time" type="radio" value="-1"/>
  95   <span class="opt-label" id="opt--1"></span>
  96  </label>
  97  </div>
  98 </section>
  99
 100 <section>
 101  <h3 i18n-content='headerUserInterface'></h3>
 102
 103  <div class="checkbox">
 104  <label>
 105   <input name="prompt" type="checkbox" checked/>
 106   <span i18n-content="optionsPrompt"></span>
 107  </label>
 108  </div>
 109
 110  <div class="checkbox">
 111  <label>
 112   <input name="notify" type="checkbox"/>
 113   <span i18n-content="optionsNotify"></span>
 114  </label>
 115  </div>
 116
 117  <div class="checkbox">
 118  <label>
 119   <input name="autoclear" type="checkbox"/>
 120   <span i18n-content="optionsAutoclear"></span>
 121  </label>
 122  </div>
 123 </section>
 124
 125 <section>
 126  <h3 i18n-content='headerDataSelection'></h3>
 127
 128  <div class="checkbox">
 129  <label>
 130   <input name="cookies" type="checkbox"/>
 131   <span i18n-content="optionsCookies"></span>
 132  </label>
 133  </div>
 134
 135  <div class="checkbox">
 136  <label>
 137   <input name="downloads" type="checkbox"/>
 138   <span i18n-content="optionsDownloads"></span>
 139  </label>
 140  </div>
 141 </section>
 142
 143 <div id="optionsSaved"><b i18n-content="optionsSaved"></b></div>
 144
 145         </div>
 146       </div>
 147     </div>
 148
 149   </div>
 150
 151     <script src="../javascript/background.js"></script>
 152     <script src="../javascript/util.js"></script>
 153     <script src="../javascript/options.js"></script>
 154   </body>
 155 </html>