i18n address editing in chrome://settings/autofillEditAddress.

chrome/browser/resources/options/autofill_edit_address_overlay.html

Index: chrome/browser/resources/options/autofill_edit_address_overlay.html
diff --git a/chrome/browser/resources/options/autofill_edit_address_overlay.html b/chrome/browser/resources/options/autofill_edit_address_overlay.html
index a54bc858a49d1336d7a820ecebe4ac8ee5386e59..61db2b3f2bd8daf6ef14714ec621db14a94309d6 100644
--- a/chrome/browser/resources/options/autofill_edit_address_overlay.html
+++ b/chrome/browser/resources/options/autofill_edit_address_overlay.html
@@ -2,67 +2,51 @@
   <div class="close-button"></div>
   <h1 id="autofill-address-title"></h1>
   <div class="content-area">
-    <div>
-      <div id="autofill-name-labels">
-        <span i18n-content="autofillFirstNameLabel"></span>
-        <span i18n-content="autofillMiddleNameLabel"></span>
-        <span i18n-content="autofillLastNameLabel"></span>
+    <div class="input-group settings-row" jsselect="$this">
+
+      <div jsdisplay="field == 'fullName'" jsselect="$this">

[Evan Stade, 2014/04/24 21:05:51]

jst is not what I was talking about.

    <label id="address-field-template" hidden>	
        <div></div>	
        <input type="text">	
    </label>

then in js

  var field = $('addres-field-template').cloneNode();
  node.querySelector('div').textContent = foo;
  row.appendChild(node);

etc.

[please use gerrit instead, 2014/04/25 18:54:25]

Done.

+        <div>
+          <div class="autofill-name-labels">
+            <span i18n-content="autofillFirstNameLabel"></span>
+            <span i18n-content="autofillMiddleNameLabel"></span>
+            <span i18n-content="autofillLastNameLabel"></span>
+          </div>
+        </div>
+        <list class="full-name-list" field="fullName"></list>
       </div>
-    </div>
-    <div>
-      <list id="full-name-list"></list>
-    </div>
-
-    <label class="settings-row">
-      <div i18n-content="autofillCompanyNameLabel"></div>
-      <input id="company-name" type="text">
-    </label>
 
-    <label class="settings-row">
-      <div i18n-content="autofillAddrLine1Label"></div>
-      <input id="addr-line-1" type="text">
-    </label>
-
-    <label class="settings-row">
-      <div i18n-content="autofillAddrLine2Label"></div>
-      <input id="addr-line-2" type="text">
-    </label>
-
-    <div class="input-group settings-row">
-      <label>
-        <div i18n-content="autofillCityLabel"></div>
-        <input id="city" type="text">
-      </label>
+      <div jsdisplay="field == 'addrLines'" jsselect="$this">
+        <div jscontent="label"></div>
+        <list class="addr-lines" field="addrLines"
+              i18n-values="placeholder:addStreetAddressLinePlaceholder"></list>
+      </div>
 
-      <label>
-        <div id="state-label"></div>
-        <input id="state" type="text">
+      <label jsdisplay="field != 'fullName' && field != 'addrLines'"
+             jsselect="$this">
+        <div jscontent="label"></div>
+        <input jsvalues="class:length;field:field" type="text">
       </label>
 
-      <label>
-        <div id="postal-code-label"></div>
-        <input id="postal-code" type="text">
-      </label>
     </div>
 
     <div class="settings-row">
       <label>
         <div i18n-content="autofillCountryLabel"></div>
-        <select id="country"></select>
+        <select class="country" field="country"></select>
       </label>
     </div>
 
     <div class="input-group settings-row">
       <div>
         <div i18n-content="autofillPhoneLabel"></div>
-        <list id="phone-list"
-            i18n-values="placeholder:autofillAddPhonePlaceholder"></list>
+        <list class="phone-list" field="phone"
+              i18n-values="placeholder:autofillAddPhonePlaceholder"></list>
       </div>
 
       <div>
         <div i18n-content="autofillEmailLabel"></div>
-        <list id="email-list"
-            i18n-values="placeholder:autofillAddEmailPlaceholder"></list>
+        <list class="email-list" field="email"
+              i18n-values="placeholder:autofillAddEmailPlaceholder"></list>
       </div>
     </div>
 
@@ -75,3 +59,4 @@
         class="default-button" i18n-content="ok" disabled></button>
   </div>
 </div>
+<script src="chrome://resources/js/jstemplate_compiled.js"></script>