blob: 485a061243c2d9f60950ecff8caa77a2ef56b3ca [file] [log] [blame]
<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-input/paper-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
<dom-module id="viewer-password-screen">
<template>
<style include="cr-shared-style">
#password {
--paper-input-container-focus-color: var(--google-blue-500);
--paper-input-container-input: {
font-size: inherit;
};
}
</style>
<dialog is="cr-dialog" id="dialog" no-cancel>
<div slot="title">[[strings.passwordDialogTitle]]</div>
<div slot="body">
<div id="message">[[strings.passwordPrompt]]</div>
<paper-input id="password"
type="password"
error-message="[[strings.passwordInvalid]]"
invalid="[[invalid]]"
no-label-float
autofocus>
</paper-input>
</div>
<div slot="button-container">
<paper-button id="submit" class="action-button" on-click="submit">
[[strings.passwordSubmit]]
</paper-button>
</div>
</dialog>
</template>
<script src="viewer-password-screen.js"></script>
</dom-module>