Implement the password edit UI.

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

Index: chrome/browser/resources/settings/passwords_and_forms_page/password_edit_dialog.html
diff --git a/chrome/browser/resources/settings/passwords_and_forms_page/password_edit_dialog.html b/chrome/browser/resources/settings/passwords_and_forms_page/password_edit_dialog.html
new file mode 100644
index 0000000000000000000000000000000000000000..53f9608aa2e12b76a433db56cca2551fd711c1bd
--- /dev/null
+++ b/chrome/browser/resources/settings/passwords_and_forms_page/password_edit_dialog.html
@@ -0,0 +1,51 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
+<link rel="import" href="chrome://md-settings/settings_dialog.html">
+<link rel="import" href="chrome://md-settings/settings_shared_css.html">
+
+<dom-module id="password-edit-dialog">
+  <template>
+    <style include="settings-shared"></style>
+    <style>
+      #passwordGroup {
+        align-items: center;
+        display: flex;
+      }
+
+      paper-input {
+        width: var(--paper-input-max-width);
+      }
+
+      paper-icon-button {
+        --iron-icon-fill-color: var(--paper-grey-800);
+      }
+    </style>
+    <settings-dialog id="dialog">
+      <div class="title" i18n-content="editPasswordTitle"></div>
+      <div class="body">
+        <paper-input i18n-values="label:editPasswordWebsiteLabel"
+            value="[[item.loginPair.originUrl]]">
+        </paper-input>
+        <paper-input i18n-values="label:editPasswordUsernameLabel"
+            value="[[item.loginPair.username]]">
+        </paper-input>
+        <div id="passwordGroup">
+          <paper-input i18n-values="label:editPasswordPasswordLabel"
+              type="password"
+              value="[[getEmptyPassword_(item.numCharactersInPassword)]]">
+          </paper-input>
+          <!-- TODO(hcarmona): add on-tap -->
+          <paper-icon-button icon="icons:visibility"></paper-icon-button>
+        </div>
+      </div>
+      <div class="button-container">
+        <!-- TODO(hcarmona): add on-tap for both buttons -->
+        <paper-button i18n-content="cancel"></paper-button>
+        <paper-button class="action-button" i18n-content="save"></paper-button>
+      </div>
+    </settings-dialog>
+  </template>
+  <script src="chrome://md-settings/passwords_and_forms_page/password_edit_dialog.js"></script>
+</dom-module>