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..187f7a075fd0104c8e43645b51ce5ff7ee8480c8
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/fingerprint_list.html
@@ -0,0 +1,65 @@
+<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">
+<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">

[jdufault, 2016/12/01 17:11:19]

There's a standard comment when the svg is defined locally explaining why.
Please add it here.

[sammiequon, 2016/12/01 20:52:29]

Done.

+  <svg>
+    <defs>
+      <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">
+      </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;

[jdufault, 2016/12/01 17:11:19]

I'm going to assume most of the CSS here will change when you have finalized
mocks.

[sammiequon, 2016/12/01 20:52:29]

Yes.

+      }
+
+      .list-item[index='0'] {
+        border-top: 1px solid black;
+      }
+
+      .warning-text {
+        font-style: italic;
+      }
+    </style>
+
+    <div id="root">
+      <div>$i18n{lockScreenRegisteredFingerprints}</div>
+      <div id="list-area">

[jdufault, 2016/12/01 17:11:19]

Do you need all of these ids, "root", "list-area"?

[sammiequon, 2016/12/01 20:52:29]

Nope. This were expected to be needed for the final mocks. Removed.

+        <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>