Added strings of i18n and made the pin-keyboard work for rtl lang.

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

Index: chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
diff --git a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
index 3e11127c88f77cb4ae9ebe5bcc67f79b487a93c4..3609c3c9c1c4da78856fc4d1a60b942d226e6539 100644
--- a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
+++ b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
@@ -11,6 +11,7 @@
   <template>
     <style>
       #root {
+        direction: ltr;
         display: flex;
       }
 
@@ -103,8 +104,9 @@
     <div id="root">
       <div id="container-constrained-width">
         <div class="row horizontal-center">
-          <input id="pin-input" type="number" placeholder="Enter PIN"
+          <input id="pin-input" type="number"
                  value="{{value::input}}"
+                 placeholder="$i18n{pinPlaceholder}"

[jdufault, 2016/06/28 18:38:47]

Move this up or down a line so that the value/on-keydown bindings stay together.

[sammiequon, 2016/06/28 20:59:31]

Done.

                  on-keydown="onInputKeyDown_"></input>
           <div class="digit-button first-row">
             <paper-button class="digit-button submit-button"
@@ -118,47 +120,47 @@
 
         <div class="row keyboard">
           <paper-button class="digit-button" on-tap="onNumberTap_" value="1">
-            <inner-text>1</inner-text>
+            <inner-text>$i18n{pinKeyboard1}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="2">
-            <inner-text>2</inner-text>
+            <inner-text>$i18n{pinKeyboard2}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="3">
-            <inner-text>3</inner-text>
+            <inner-text>$i18n{pinKeyboard3}</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
           <paper-button class="digit-button" on-tap="onNumberTap_" value="4">
-            <inner-text>4</inner-text>
+            <inner-text>$i18n{pinKeyboard4}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="5">
-            <inner-text>5</inner-text>
+            <inner-text>$i18n{pinKeyboard5}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="6">
-            <inner-text>6</inner-text>
+            <inner-text>$i18n{pinKeyboard6}</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
           <paper-button class="digit-button" on-tap="onNumberTap_" value="7">
-            <inner-text>7</inner-text>
+            <inner-text>$i18n{pinKeyboard7}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="8">
-            <inner-text>8</inner-text>
+            <inner-text>$i18n{pinKeyboard8}</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="9">
-            <inner-text>9</inner-text>
+            <inner-text>$i18n{pinKeyboard9}</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
           <div class="digit-button"></div>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="0">
-            <inner-text>0</inner-text>
+            <inner-text>$i18n{pinKeyboard0}</inner-text>
           </paper-button>
           <paper-button class="digit-button clear-button" on-tap="onPinClear_">
             <div class="icon-container">
               <iron-icon class="icon" icon="icons:clear"><iron-icon>
             </div>
-            <inner-text class="icon-subheading">Clear</inner-text>
+            <inner-text class="icon-subheading">$i18n{pinClear}</inner-text>
           </paper-button>
         </div>
       </div>