md settings: Update lock screen to match new mocks.

chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js

Index: chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js
diff --git a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js
index 0c82fd2e3e8b33f13a90cf620987cef466a820a6..7581d5651b51c334f5a77e711bb244b596ee2f4e 100644
--- a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js
+++ b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.js
@@ -62,7 +62,7 @@ Polymer({
      */
     enablePassword: {
       type: Boolean,
-      value: false
+      value: false,
     },
 
     /**
@@ -73,8 +73,10 @@ Polymer({
      */
     passwordElement: {
       type: Object,
-      value: function() { return this.$$('#pin-input'); },
-      observer: 'onPasswordElementAttached_'
+      value: function() {
+        return this.$.pinInput.inputElement;
+      },
+      observer: 'onPasswordElementAttached_',
     },
 
     /**
@@ -85,7 +87,7 @@ Polymer({
       type: String,
       notify: true,
       value: '',
-      observer: 'onPinValueChange_'
+      observer: 'onPinValueChange_',
     },
 
     /**
@@ -94,7 +96,7 @@ Polymer({
      */
     repeatBackspaceIntervalId_: {
       type: Number,
-      value: 0
+      value: 0,

[jdufault, 2017/04/27 18:47:17]

Are these commas all automatically inserted by tooling?

[sammiequon, 2017/04/27 19:26:44]

The formatting will squash them on onto one line ie
repeatBlah_ : { type: Number, value: 0 },

adding the comma keeps the number of lines the same.

     },
 
     /**
@@ -103,7 +105,7 @@ Polymer({
      */
     startAutoBackspaceId_: {
       type: Number,
-      value: 0
+      value: 0,
     }
   },
 
@@ -113,8 +115,11 @@ Polymer({
    * @private
    */
   onPasswordElementAttached_: function(inputElement) {
-    if (inputElement != this.$$('#pin-input'))
-      this.$$('#pin-input').hidden = true;
+    if (inputElement != this.$.pinInput.inputElement)
+      this.$.pinInput.hidden = true;
+    else
+      this.$$('hr').hidden = true;

[jdufault, 2017/04/27 18:47:17]

Provide an id/class?

[sammiequon, 2017/04/27 19:26:44]

Done.

+
     inputElement.addEventListener('input',
         this.handleInputChanged_.bind(this));
   },