DOMUI: Add basic HTML for the AutoFill options page.

BUG=49094
TEST=none

Review URL: http://codereview.chromium.org/3171003

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@55957 0039d316-1c4b-4281-b951-d872f2087c98

4 files changed, 63 insertions, 0 deletions

diff --git a/chrome/browser/dom_ui/autofill_options_handler.cc b/chrome/browser/dom_ui/autofill_options_handler.cc
index f5925492..db63e8b 100644
--- a/chrome/browser/dom_ui/autofill_options_handler.cc
+++ b/chrome/browser/dom_ui/autofill_options_handler.cc
@@ -21,6 +21,22 @@ void AutoFillOptionsHandler::GetLocalizedValues(
 
   localized_strings->SetString("autoFillOptionsTitle",
       l10n_util::GetStringUTF16(IDS_AUTOFILL_OPTIONS_TITLE));
+  localized_strings->SetString(L"autoFillEnabled",
+      l10n_util::GetString(IDS_OPTIONS_AUTOFILL_ENABLE));
+  localized_strings->SetString(L"addressesHeader",
+      l10n_util::GetString(IDS_AUTOFILL_ADDRESSES_GROUP_NAME));
+  localized_strings->SetString(L"creditCardsHeader",
+      l10n_util::GetString(IDS_AUTOFILL_CREDITCARDS_GROUP_NAME));
+  localized_strings->SetString(L"addAddressButton",
+      l10n_util::GetString(IDS_AUTOFILL_ADD_ADDRESS_BUTTON));
+  localized_strings->SetString(L"addCreditCardButton",
+      l10n_util::GetString(IDS_AUTOFILL_ADD_CREDITCARD_BUTTON));
+  localized_strings->SetString(L"editButton",
+      l10n_util::GetString(IDS_AUTOFILL_EDIT_BUTTON));
+  localized_strings->SetString(L"deleteButton",
+      l10n_util::GetString(IDS_AUTOFILL_DELETE_BUTTON));
+  localized_strings->SetString(L"helpButton",
+      l10n_util::GetString(IDS_AUTOFILL_HELP_LABEL));
 }
 
 void AutoFillOptionsHandler::RegisterMessages() {
diff --git a/chrome/browser/resources/options.html b/chrome/browser/resources/options.html
index 1dfd0a0..49c659a 100644
--- a/chrome/browser/resources/options.html
+++ b/chrome/browser/resources/options.html
@@ -158,6 +158,7 @@ window.onpopstate = function(e) {
 <link rel="stylesheet" href="options/options_page.css">
 
 <link rel="stylesheet" href="options/add_startup_page_overlay.css">
+<link rel="stylesheet" href="options/autofill_options_page.css">
 <link rel="stylesheet" href="options/browser_options_page.css">
 <link rel="stylesheet" href="options/clear_browser_data_overlay.css">
 <link rel="stylesheet" href="options/content_settings_exceptions_area.css">
diff --git a/chrome/browser/resources/options/autofill_options.html b/chrome/browser/resources/options/autofill_options.html
index 0bf82c9..56fed32 100644
--- a/chrome/browser/resources/options/autofill_options.html
+++ b/chrome/browser/resources/options/autofill_options.html
@@ -4,4 +4,35 @@
     &gt;
     <span i18n-content="autoFillOptionsTitle"></span>
   </h1>
+
+  <div class="autofill-section">
+    <label><input id="autoFillEnabled" pref="autofill.enabled"type="checkbox">
+        <span i18n-content="autoFillEnabled"></span></label>
+  </div>
+
+  <div class="autofill-section" id="profileSelectContainer">
+    <div id="profileSelectLeftColumn">
+      <select id="profileList" size="10" multiple>
+        <option value="addressesHeader" disabled
+            i18n-content="addressesHeader"></option>
+        <option value="addressesBlankOption" disabled></option>
+        <option value="creditCardsHeader" disabled
+            i18n-content="creditCardsHeader"></option>
+        <option value="creditCardsBlankOption" disabled></option>
+      </select>
+    </div>
+    <div id="profileSelectRightColumn">
+      <div><button id="addAddressButton" i18n-content="addAddressButton">
+          </button></div>
+      <div><button id="addCreditCardButton" i18n-content="addCreditCardButton">
+          </button></div>
+      <div><button id="editButton" i18n-content="editButton"></button></div>
+      <div><button id="removeButton" i18n-content="deleteButton"></button></div>
+    </div>
+  </div>
+
+  <div class="autofill-section">
+    <a href="http://www.google.com/support/chrome/bin/answer.py?answer=142893"
+        target=”_blank” i18n-content="helpButton"></a>
+  </div>
 </div>
diff --git a/chrome/browser/resources/options/autofill_options_page.css b/chrome/browser/resources/options/autofill_options_page.css
new file mode 100644
index 0000000..923479b
--- /dev/null
+++ b/chrome/browser/resources/options/autofill_options_page.css
@@ -0,0 +1,15 @@
+div.autofill-section {
+  display: block;
+  padding: 1em 0 0;
+}
+
+#profileSelectContainer {
+  display: -webkit-box;
+}
+
+#profileSelectLeftColumn {
+  -webkit-box-flex: 1;
+}
+#profileSelectLeftColumn select {
+  width: 100%;
+}