src/chrome/common/extensions/docs/examples/extensions/news/views/options.html

   1 <!DOCTYPE html>
   2 <!--
   3  * Copyright (c) 2010 The Chromium Authors. All rights reserved.  Use of this
   4  * source code is governed by a BSD-style license that can be found in the
   5  * LICENSE file.
   6 -->
   7
   8 <!--
   9 @fileoverview This file serves as the option page of the extension for
  10 customizing the settings such as setting country, topics and number of
  11 news stories to be shown.
  12 @author navneetg@google.com (Navneet Goel).
  13 -->
  14
  15 <html>
  16   <head>
  17     <script src = "/javascript/util.js"></script>
  18     <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
  19     <link rel = "stylesheet" href = "/css/options.css"/>
  20     <script src = "/javascript/options.js"></script>
  21   </head>
  22   <body onload = "initialize();">
  23     <div id = "all_content">
  24       <div id = "logo">
  25         <img id = "title_image" src = "/images/news.gif"/>
  26         <br/>
  27       </div>
  28       <br/><br/>
  29
  30       <table class = "contentTable" style = "margin-left: 55px;" width = "96%">
  31         <tr class = "all_rows">
  32           <td class = "col1"><b id = "select_country"></b></td>
  33           <td class = "col2">
  34             <select id = "countryList" onchange = "enableSaveButton();">
  35               <option value = "noCountry">-Select-</option>
  36               <option value = "es_ar">Argentina</option>
  37               <option value = "au">Australia</option>
  38               <option value = "nl_be">België</option>
  39               <option value = "fr_be">Belgique</option>
  40               <option value = "en_bw">Botswana</option>
  41               <option value = "pt-BR_br">Brasil</option>
  42               <option value = "ca">Canada English</option>
  43               <option value = "fr_ca">Canada Français</option>
  44               <option value = "cs_cz">Česká republika</option>
  45               <option value = "es_cl">Chile</option>
  46               <option value = "es_co">Colombia</option>
  47               <option value = "es_cu">Cuba</option>
  48               <option value = "de">Deutschland</option>
  49               <option value = "es">España</option>
  50               <option value = "es_us">Estados Unidos</option>
  51               <option value = "en_et">Ethiopia</option>
  52               <option value = "fr">France</option>
  53               <option value = "en_gh">Ghana</option>
  54               <option value = "in">India</option>
  55               <option value = "en_ie">Ireland</option>
  56               <option value = "en_il">Israel English</option>
  57               <option value = "it">Italia</option>
  58               <option value = "en_ke">Kenya</option>
  59               <option value = "hu_hu">Magyarország</option>
  60               <option value = "en_my">Malaysia</option>
  61               <option value = "es_mx">México</option>
  62               <option value = "en_na">Namibia</option>
  63               <option value = "nl_nl">Nederland</option>
  64               <option value = "nz">New Zealand</option>
  65               <option value = "en_ng">Nigeria</option>
  66               <option value = "no_no">Norge</option>
  67               <option value = "de_at">Österreich</option>
  68               <option value = "en_pk">Pakistan</option>
  69               <option value = "es_pe">Perú</option>
  70               <option value = "en_ph">Philippines</option>
  71               <option value = "pl_pl">Polska</option>
  72               <option value = "pt-PT_pt">Portugal</option>
  73               <option value = "de_ch">Schweiz</option>
  74               <option value = "fr_sn">Sénégal</option>
  75               <option value = "en_sg">Singapore</option>
  76               <option value = "en_za">South Africa</option>
  77               <option value = "fr_ch">Suisse</option>
  78               <option value = "sv_se">Sverige</option>
  79               <option value = "en_tz">Tanzania</option>
  80               <option value = "tr_tr">Türkiye</option>
  81               <option value = "uk">U.K.</option>
  82               <option value = "us">U.S.</option>
  83               <option value = "en_ug">Uganda</option>
  84               <option value = "es_ve">Venezuela</option>
  85               <option value = "vi_vn">Việt Nam (Vietnam)</option>
  86               <option value = "en_zw">Zimbabwe</option>
  87               <option value = "el_gr">Ελλάδα (Greece)</option>
  88               <option value = "ru_ru">Россия (Russia)</option>
  89               <option value = "ru_ua">Украина / русский (Ukraine)</option>
  90               <option value = "uk_ua">Україна / українська (Ukraine)</option>
  91               <option value = "iw_il">ישראל (Israel)</option>
  92               <option value = "ar_ae">الإمارات (UAE)</option>
  93               <option value = "ar_sa">السعودية (KSA)</option>
  94               <option value = "ar_me">العالم العربي (Arabic)</option>
  95               <option value = "ar_lb">لبنان (Lebanon)</option>
  96               <option value = "ar_eg">مصر (Egypt)</option>
  97               <option value = "hi_in">हिन्दी (India)</option>
  98               <option value = "ta_in">தமிழ்(India)</option>
  99               <option value = "te_in">తెలుగు (India)</option>
 100               <option value = "ml_in">മലയാളം (India)</option>
 101               <option value = "kr">한국 (Korea)</option>
 102               <option value = "cn">中国版 (China)</option>
 103               <option value = "tw">台灣版 (Taiwan)</option>
 104               <option value = "jp">日本 (Japan)</option>
 105               <option value = "hk">香港版 (Hong Kong)</option>
 106             </select>
 107           </td>
 108         </tr>
 109         <tr class = "all_rows">
 110           <td class = "col1"><b id = "story_count"></b></td>
 111           <td class = "col2">
 112             <select id = "storyCount" style = "padding-left: 3px;" onchange = "enableSaveButton();">
 113               <option value = "1">1</option>
 114               <option value = "2">2</option>
 115               <option value = "3">3</option>
 116               <option value = "4">4</option>
 117               <option value = "5" selected = "selected">5</option>
 118               <option value = "6">6</option>
 119               <option value = "7">7</option>
 120               <option value = "8">8</option>
 121               <option value = "9">9</option>
 122               <option value = "10">10</option>
 123             </select>
 124           </td>
 125         </tr>
 126         <tr class = "all_rows">
 127           <td class = "col1">
 128             <div id = "topic" style = "font-weight: bold;"></div>
 129           </td>
 130           <td class = "col2">
 131             <div>
 132               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = " " id = "check11" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "top"></div><br/></div>
 133               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "n" id = "check13" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "nation"></div><br/></div>
 134               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "w" id = "check14" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "world"></div><br/></div>
 135               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "b" id = "check15" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "business"></div><br/></div>
 136               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "t" id = "check16" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "science"></div><br/></div>
 137               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "e" id = "check17" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "entertainment"></div><br/></div>
 138               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "s" id = "check18" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "sports"></div><br/></div>
 139               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "m" id = "check19" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "health"></div><br/></div>
 140               <div class = "boxAndTopic"><input class = "checkBox" type = "checkbox" value = "po" id = "check20" onchange = "manageCheckCount(this.id)"/><div class = "checkBoxTopic" id = "most"></div><br/></div>
 141             </div>
 142           </td>
 143         </tr>
 144         <tr class = "all_rows">
 145           <td class = "col1">
 146             <div id = "custom_text" style = "font-weight: bold;"></div>
 147           </td>
 148           <td class = "col2">
 149             <input id = "newKeyword" type = "text" maxlength = "20" style = "width: 205px;">
 150             <input id = "submit_button" type = "submit" onclick = "addCusTopic()" style = "width: 45px;">
 151             <span id = "invalid_status"></span>
 152             <table>
 153               <tbody id = "custom_topics"></tbody>
 154             </table>
 155           </td>
 156         </tr>
 157       </table>
 158       <br/>
 159       <div id = "save_div">
 160         <button id = "save_button" type = "button" disabled = "disabled" onclick = "saveTopicsCountry()" style = "width: 80px;">
 161         </button>
 162         <span id = "save_status"></span>
 163       </div>
 164     </div>
 165   </body>
 166 </html>