Home | History | Annotate | Download | only in views
      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 (a] 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 Franais</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">Espaa</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">Magyarorszg</option>
     60               <option value = "en_my">Malaysia</option>
     61               <option value = "es_mx">Mxico</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">Sngal</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">Trkiye</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">Vit 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>
    167