Add a very basic PIN UI implementation that is shared between lock and settings.

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

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index 7565ad770469f089982a1dc0f421a0aa39c476ad..37b4b3f57c496e2f695d623a2c47b57dd59f9884 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -15,6 +15,7 @@
 
 <if expr="chromeos">
 <link rel="import" href="chrome://md-settings/people_page/change_picture.html">
+<link rel="import" href="chrome://md-settings/people_page/pin.html">
 <link rel="import" href="chrome://md-settings/people_page/easy_unlock_browser_proxy.html">
 <link rel="import" href="chrome://md-settings/people_page/easy_unlock_turn_off_dialog.html">
 <link rel="import" href="chrome://md-settings/people_page/users_page.html">
@@ -101,6 +102,16 @@
         </template>
 
 <if expr="chromeos">
+        <!-- TODO(jdufault): Confirm if this goes above or below easy unlock
+             settings. -->
+        <template is="dom-if" if=[[pinUnlockAllowed_]]>
+          <div class="settings-box">
+            <!-- TODO(jdufault): i18n -->
+            <p>Quick Unlock PIN</p>
+            <pin-keyboard></pin-keyboard>
+          </div>
+        </template>
+
         <div class="settings-box">
           <settings-checkbox pref="{{prefs.settings.enable_screen_lock}}"
               i18n-values="label:enableScreenlock">