[MD Settings] Add Edit/Create Address Dialog to MD Settings.

chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html

Index: chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
diff --git a/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html b/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
new file mode 100644
index 0000000000000000000000000000000000000000..0853be37363332f8b926ae355c2ef94d8e7e2cb4
--- /dev/null
+++ b/chrome/browser/resources/settings/passwords_and_forms_page/address_edit_dialog.html
@@ -0,0 +1,92 @@
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/html/cr.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-textarea.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
+<link rel="import" href="/settings_shared_css.html">
+
+<dom-module id="settings-address-edit-dialog">
+  <style include="settings-shared">
+    .address-row {
+      display: flex;
+    }
+
+    .address-column {
+      -webkit-margin-end: 16px;
+      margin-bottom: 8px;
+      width: calc((var(--paper-input-max-width) - 16px) / 2);
+    }
+
+    .long {
+      width: var(--paper-input-max-width);
+    }
+
+    #saveButton {
+      -webkit-margin-start: 8px;
+    }
+  </style>
+  <template>
+    <cr-dialog id="dialog">
+      <div class="title">[[title_]]</div>
+      <div class="body">
+        <template is="dom-repeat" items="[[addressWrapper_]]">
+          <div class="address-row">
+            <template is="dom-repeat" items="[[item]]">
+              <template is="dom-if" if="[[item.isTextArea]]">
+                <paper-textarea label="[[item.component.fieldName]]"
+                    value="{{item.value}}" on-value-changed="updateCanSave_"
+                    class$="address-column [[long_(item)]]" always-float-label>
+                </paper-textarea>
+              </template>
+              <template is="dom-if" if="[[!item.isTextArea]]">
+                <paper-input type="text" label="[[item.component.fieldName]]"
+                    always-float-label value="{{item.value}}"
+                    on-value-changed="updateCanSave_"
+                    class$="address-column [[long_(item)]]"></paper-input>
+              </template>
+            </template>
+          </div>
+        </template>
+        <div class="address-row">
+          <paper-dropdown-menu class="country-dropdown address-column long"
+              on-value-changed="updateCanSave_" label="$i18n{addressCountry}"
+              always-float-label>
+            <paper-listbox id="countryList" class="dropdown-content"
+                selected="{{countryCode_}}" attr-for-selected="code">
+              <template is="dom-repeat" items="[[countries_]]">
+                <paper-item code="[[getCode_(item)]]"
+                    disabled="[[isDivision_(item)]]">
+                  [[getName_(item)]]
+                </paper-item>
+              </template>
+            </paper-listbox>
+          </paper-dropdown-menu>
+        </div>
+        <div class="address-row">
+          <paper-input id="phoneInput" type="text" label="$i18n{addressPhone}"
+              always-float-label class="address-column"
+              on-value-changed="updateCanSave_" value="{{phoneNumber_}}">
+          </paper-input>
+          <paper-input id="emailInput" type="text" label="$i18n{addressEmail}"
+              on-value-changed="updateCanSave_" always-float-label
+              class="address-column long" value="{{email_}}">
+          </paper-input>
+        </div>
+      </div>
+      <div class="button-container">
+        <paper-button id="cancelButton" dialog-dismiss>
+          $i18n{cancel}
+        </paper-button>
+        <paper-button id="saveButton" class="action-button"
+            disabled="[[!canSave_]]" on-tap="onSaveButtonTap_">
+          $i18n{save}
+        </paper-button>
+      </div>
+    </cr-dialog>
+  </template>
+  <script src="/passwords_and_forms_page/address_edit_dialog.js"></script>
+</dom-module>