chrome/browser/resources/settings/controls/password_prompt_dialog.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-password-prompt-dialog">
  <template>
    <style include="settings-shared">
      #passwordInput {
        display: inline-block;
      }

      .settings-box {
        padding: 0;
      }
    </style>

    <cr-dialog id="dialog" close-text="$i18n{close}">
      <div slot="title">$i18n{passwordPromptTitle}</div>
      <div slot="body">
        <div class="settings-box first">
          [[passwordPromptText]]
        </div>
        <cr-input id="passwordInput" type="password"
            placeholder="$i18n{passwordPromptPasswordLabel}"
            invalid="[[passwordInvalid_]]"
            error-message="$i18n{passwordPromptInvalidPassword}"
            value="{{inputValue_}}"
            aria-disabled="false">
        </cr-input>
      </div>
      <div slot="button-container">
        <paper-button class="cancel-button" on-click="onCancelTap_">
          $i18n{cancel}
        </paper-button>

        <paper-button id="confirmButton" class="action-button"
            disabled$="[[!isConfirmEnabled_(inputValue_, passwordInvalid_)]]"
            on-click="submitPassword_">
          $i18n{confirm}
        </paper-button>
      </div>
    </cr-dialog>
  </template>
  <script src="password_prompt_dialog.js"></script>
</dom-module>