md-settings: Added settings for fingerprint unlock.

chrome/browser/resources/settings/people_page/fingerprint_list.html

Index: chrome/browser/resources/settings/people_page/fingerprint_list.html
diff --git a/chrome/browser/resources/settings/people_page/fingerprint_list.html b/chrome/browser/resources/settings/people_page/fingerprint_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..2a536e0a81cff1c17da2612b508984826b686d5c
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/fingerprint_list.html
@@ -0,0 +1,69 @@
+<link rel="import" href="chrome://resources/cr_elements/icons.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/iron-iconset-svg/iron-iconset-svg.html">

[jdufault, 2016/12/02 23:02:11]

Drop import after addressing comment below

[sammiequon, 2016/12/03 21:40:51]

Done.

+<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="/settings_shared_css.html">
+
+<iron-iconset-svg name="fingerprint" size="24">
+  <svg>
+    <defs>
+      <!--
+      Inlined from Polymer's iron-icons to avoid importing everything.
+      See http://goo.gl/Y1OdAq for instructions on adding additional icons.
+      -->
+      <g id="delete">
+        <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z">

[jdufault, 2016/12/02 23:02:11]

Reuse existing icon in [1] instead of redefining it (as described in the goo.gl
link).

1:
https://cs.chromium.org/chromium/src/ui/webui/resources/cr_elements/icons.htm...

[sammiequon, 2016/12/03 21:40:51]

Done.

+      </g>
+    </defs>
+  </svg>
+</iron-iconset-svg>
+
+<dom-module id="settings-fingerprint-list">
+  <template>
+    <style include="settings-shared"></style>
+    <style>
+      .list-item {
+        border-bottom: 1px solid black;
+        display: flex;
+      }
+
+      .list-item[index='0'] {
+        border-top: 1px solid black;
+      }
+
+      .warning-text {
+        font-style: italic;
+      }
+    </style>
+
+    <div>
+      <div>$i18n{lockScreenRegisteredFingerprints}</div>
+      <div>
+        <template is="dom-repeat" items="{{items}}">
+          <div class="list-item" index$="[[index]]">
+            <paper-input value="{{item.name}}"></paper-input>
+            <paper-icon-button icon="fingerprint:delete" on-tap="onItemDelete_">
+            </paper-icon-button>
+          </div>
+        </template>
+        <div class="settings-box continuation radio-indent">
+          <paper-button is="action-link" on-tap="onAddFingerprint_"
+                        disabled="[[!canAddNewFingerprint_(items.length)]]">
+            <div hidden="[[!canAddNewFingerprint_(items.length)]]">
+              $i18n{lockScreenAddFingerprint}
+            </div>
+            <div hidden="[[canAddNewFingerprint_(items.length)]]">
+              [[getFingerprintButtonCannotAddText_()]]
+            </div>
+          </paper-button>
+        </div>
+      </div>
+      <div class="warning-text">
+        $i18n{lockScreenFingerprintWarning}
+      </div>
+    </div>
+  </template>
+  <script src="fingerprint_list.js"></script>
+</dom-module>