src/chrome/nacl/options.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="options.js"></script>
<link rel="stylesheet" href="options.css">
<title>Japanese input settings</title>
</head>
<body>

<div id="clear_history_overlay" class="overlay">
  <div id="clear_history_page" class="overlay_page">
    <div id="clear_history_close" class="close_button"></div>
    <section>
      <h2 id="clear_history_title">Clear personalization data</h2>
      <div id="clear_history_message">Obliterate the following items:</div>
      <span class="controlled-setting-with-label clear_history_check_span">
        <input type="checkbox" id="clear_history_conversion_history">
        <span>
          <label for="clear_history_conversion_history" id="clear_history_conversion_history_label">Conversion history</label>
        </span>
      </span>
      <span class="controlled-setting-with-label clear_history_check_span">
        <input type="checkbox" id="clear_history_suggestion_history">
        <span>
          <label for="clear_history_suggestion_history" id="clear_history_suggestion_history_label">Suggestion history</label>
        </span>
      </span>
      <div id="clear_history_ok_cancel_div">
        <input type="button" id="clear_history_ok" value="Clear personalization data">
        <input type="button" id="clear_history_cancel" value="Cancel">
      </div>
    </section>
  </div>
</div>

<div id="dictionary_tool_overlay" class="overlay">
  <div id="dictionary_tool_page" class="overlay_page">
    <div id="dictionary_tool_close" class="close_button"></div>
    <div>
      <section>
        <h2 id="dictionary_tool_page_title">Dictionary tool</h2>
      </section>
    </div>
    <div id="dictionary_tool_dictionary_and_content">
      <div id="dictionary_tool_dictionary_list_area">
        <div id="dictionary_tool_dictionary_list_title">Dictionary list</div>
        <div id="dictionary_tool_dictionary_list_box">
          <div id="dictionary_tool_dictionary_list" tabindex=0>
          </div>
        </div>
      </div>
      <div id="dictionary_tool_content_area">
        <div id="dictionary_tool_entry_title">
          <div id="dictionary_tool_reading_title"></div>
          <div id="dictionary_tool_word_title"></div>
          <div id="dictionary_tool_category_title"></div>
          <div id="dictionary_tool_comment_title"></div>
        </div>
        <div id="dictionary_tool_list_area">
          <div id="dictionary_tool_current_area"></div>
          <div id="dictionary_tool_entry_new">
            <div id="dictionary_tool_reading_new">
              <input type="text" id="dictionary_tool_reading_new_input">
            </div>
            <div id="dictionary_tool_word_new">
              <input type="text" id="dictionary_tool_word_new_input">
            </div>
            <div id="dictionary_tool_category_new">
              <select id="dictionary_tool_category_new_select">
              </select>
            </div>
            <div id="dictionary_tool_comment_new">
              <input type="text" id="dictionary_tool_comment_new_input">
            </div>
          </div>
        </div>
        <div id="dictionary_tool_dictionary_menu">
          <div id="dictionary_tool_dictionary_menu_title">Dictionary management</div>
          <div id="dictionary_tool_dictionary_menu_buttons">
            <input type="button" value="Export dictionary" id="export_dictionary_button">
            <input type="button" value="Import dictionary" id="import_dictionary_button">
          </div>
        </div>
      </div>
    </div>
    <div id="user_dictionary_done_div">
      <input type="button" value="Close" id="dictionary_tool_done_button">
    </div>
  </div>
</div>

<div id="content_base_div">
  <div id="settings_div">
    <div id="settings_title_div">
    <header>
    <h1 id="settings_title">Japanese input settings</h1>
    </header>
    </div>

    <div>
      <section>
        <h3 id="basics_title">Basics</h3>
        <div id="preedit_method_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="preedit_method_label">Input mode:</span>
            <select id="preedit_method"></select>
          </span>
        </div>
        <div id="punctuation_method_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="punctuation_method_label">Punctuation style:</span>
            <select id="punctuation_method"></select>
          </span>
        </div>
        <div id="symbol_method_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="symbol_method_label">Symbol style:</span>
            <select id="symbol_method"></select>
          </span>
        </div>
        <div id="space_character_form_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="space_character_form_label">Space input style:</span>
            <select id="space_character_form"></select>
          </span>
        </div>
        <div id="selection_shortcut_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="selection_shortcut_label">Selection shortcut:</span>
            <select id="selection_shortcut"></select>
          </span>
        </div>
        <div id="session_keymap_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="session_keymap_label">Keymap style:</span>
            <select id="session_keymap"></select>
          </span>
        </div>
      </section>
    </div>

    <div>
      <section>
        <h3 id="input_assistance_title">Input assistance</h3>
        <div id="use_auto_ime_turn_off_div">
          <span class="controlled-setting-with-label">
            <input type="checkbox" id="use_auto_ime_turn_off">
            <span>
              <label for="use_auto_ime_turn_off" id="use_auto_ime_turn_off_label">Automatically switch to halfwidth</label>
            </span>
          </span>
        </div>
        <div id="shift_key_mode_switch_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="shift_key_mode_switch_label">Shift key mode switch:</span>
            <select id="shift_key_mode_switch"></select>
          </span>
        </div>
      </section>
    </div>

    <div>
      <section>
        <h3 id="suggest_title">Suggest</h3>
        <div id="use_history_suggest_div">
          <span class="controlled-setting-with-label">
            <input type="checkbox" id="use_history_suggest">
            <span>
              <label for="use_history_suggest" id="use_history_suggest_label">Use input history</label>
            </span>
          </span>
        </div>
        <div id="use_dictionary_suggest_div">
          <span class="controlled-setting-with-label">
            <input type="checkbox" id="use_dictionary_suggest">
            <span>
              <label for="use_dictionary_suggest" id="use_dictionary_suggest_label">Use system dictionary</label>
            </span>
          </span>
        </div>
        <div id="suggestions_size_div">
          <span class="controlled-setting-with-label">
            <span class="selection-label" id="suggestions_size_label">Number of suggestions:</span>
            <select id="suggestions_size"></select>
          </span>
        </div>
      </section>
    </div>

    <div>
      <section>
        <h3 id="dictionary_tool_title">Dictionary tool</h3>
        <div>
          <span class="controlled-setting-with-label" id="dictionary_tool_description">
            Edit user dictionaries.
          </span>
        </div>
        <div>
          <span class="controlled-setting-with-label">
            <input type="button" value="Dictionary tool" id="dictionary_tool_open_button">
          </span>
        </div>
      </section>
    </div>

    <div>
      <section>
        <h3 id="privacy_title">Privacy</h3>
        <div id="clear_history_div">
          <span class="controlled-setting-with-label">
            <input type="button" id="clear_history_open" value="Clear personalization data">
          </span>
        </div>
        <div id="incognito_mode_div">
          <span class="controlled-setting-with-label">
            <input type="checkbox" id="incognito_mode">
            <span>
              <label for="incognito_mode" id="incognito_mode_label">Temporarily disable conversion personalization, history-based suggestions and user dictionary</label>
            </span>
          </span>
        </div>
        <div id="upload_usage_stats_div">
          <span class="controlled-setting-with-label">
            <input type="checkbox" id="upload_usage_stats">
            <span>
              <label for="upload_usage_stats" id="upload_usage_stats_label">Help make Google Japanese Input better by automatically sending usage statistics and crash reports to Google</label>
            </span>
          </span>
        </div>
      </section>
    </div>

    <footer>
    <div id="credits_title">Copyright c 2013 Google Inc. All Rights Reserved.</div>
    <div id="oss_credits_title">This software is made possible by <a href="credits_en.html">open source software</a>.</div>
    </footer>
  </div>
</div>
</body>
</html>