Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(3911)

Unified Diff: chrome/browser/resources/settings/people_page/quick_unlock_authenticate.html

Issue 2091143002: Add the authenticate screen for the quick unlock settings. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@pin-unlock-settings-keyboard-fixes
Patch Set: Address comments Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/settings/people_page/quick_unlock_authenticate.html
diff --git a/chrome/browser/resources/settings/people_page/quick_unlock_authenticate.html b/chrome/browser/resources/settings/people_page/quick_unlock_authenticate.html
new file mode 100644
index 0000000000000000000000000000000000000000..74d903613b9a39ed645b3b9131efda738ca761fd
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/quick_unlock_authenticate.html
@@ -0,0 +1,54 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
+<link rel="import" href="/people_page/quick_unlock_routing_behavior.html">
+<link rel="import" href="/settings_page/settings_section.html">
+<link rel="import" href="/settings_shared_css.html">
+
+<dom-module id="settings-quick-unlock-authenticate">
+ <template>
+ <style include="settings-shared"></style>
+ <style>
+ #profile-name {
+ margin-right: 16px;
+ }
+
+ #password-input {
+ display: inline-block;
+ }
+
+ .secondary-action {
+ /* Increase the length of the vertical line, since it has no actual
+ content to be sized to. */
+ padding: 10px 0 10px 0;
+ }
+ </style>
+
+ <div>
+ <div class="settings-box">$i18n{quickUnlockConfirmLogin}</div>
+
+ <div class="settings-box block first">
+ <span id="profile-name">
+ [[profileName]]
+ </span>
+
+ <!-- The secondary-action would normally be on the paper-input element,
+ but that makes the secondary-action have a long top-section because
+ the paper-input has an floating text element appear above it which is
+ invisible when there is no content inside the input. -->
+ <span class="secondary-action"></span>
+
+ <paper-input id="password-input" type="password"
+ label="$i18n{quickUnlockPasswordLabel}"
+ value="{{password_}}"
+ invalid$="[[passwordInvalid_]]"
+ on-change="checkPasswordNow_"
+ on-input="startDelayedPasswordCheck_"
+ error-message="$i18n{quickUnlockInvalidPassword}"
+ aria-disabled="false">
+ </paper-input>
+ </div>
+ </div>
+ </template>
+
+ <script src="quick_unlock_authenticate.js"></script>
+</dom-module>

Powered by Google App Engine
This is Rietveld 408576698