Add quick unlock Settings in options page

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

 <!-- TODO(crbug.com/603217): Use i18n instead of string literals. Figure out
                              what i18n to use for keypad, ie, does 1 ABC make
                              sense in every scenario? -->
 
 <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/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
@@ skipping 153 matching lines @@
           <paper-button class$="digit-button first-row submit-button
                                 [[getSubmitHiddenClass_(enableSubmitButton)]]"
                         on-tap="firePinSubmitEvent_">
             <div class$="icon-container [[getSubmitClass_(value)]]">
                 <iron-icon class="icon" icon="pin-keyboard:forward"><iron-icon>
             </div>
           </paper-button>
         </div>
 
         <div class="row keyboard">
+          <!-- TODO(xiaoyinh@): revert changes to i18n text

[jdufault, 2016/08/12 21:45:35]

What about a comment like this?

  Use $i18n{id} format once we don't need to support options

In a few months when reading this it might be unclear what revert means.

[xiaoyinh(OOO Sep 11-29), 2016/08/16 17:33:43]

Done.

+                                once we don't need to support options  -->
           <paper-button class="digit-button" on-tap="onNumberTap_" value="1">
-            <inner-text>$i18n{pinKeyboard1}</inner-text>
+            <inner-text>[[i18n('pinKeyboard1')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button center-button" on-tap="onNumberTap_"
                         value="2">
-            <inner-text>$i18n{pinKeyboard2}</inner-text>
+            <inner-text>[[i18n('pinKeyboard2')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="3">
-            <inner-text>$i18n{pinKeyboard3}</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>$i18n{pinKeyboard4}</inner-text>
+            <inner-text>[[i18n('pinKeyboard4')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button center-button" on-tap="onNumberTap_"
                         value="5">
-            <inner-text>$i18n{pinKeyboard5}</inner-text>
+            <inner-text>[[i18n('pinKeyboard5')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="6">
-            <inner-text>$i18n{pinKeyboard6}</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>$i18n{pinKeyboard7}</inner-text>
+            <inner-text>[[i18n('pinKeyboard7')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button center-button" on-tap="onNumberTap_"
                         value="8">
-            <inner-text>$i18n{pinKeyboard8}</inner-text>
+            <inner-text>[[i18n('pinKeyboard8')]]</inner-text>
           </paper-button>
           <paper-button class="digit-button" on-tap="onNumberTap_" value="9">
-            <inner-text>$i18n{pinKeyboard9}</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 center-button" on-tap="onNumberTap_"
                         value="0">
-            <inner-text>$i18n{pinKeyboard0}</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="cr:clear"><iron-icon>
             </div>
             <inner-text class="icon-subheading">
-              $i18n{pinKeyboardClear}
+              [[i18n('pinKeyboardClear')]]
             </inner-text>
           </paper-button>
         </div>
       </div>
     </div>
   </template>
   <script src="pin_keyboard.js"></script>
 </dom-module>