Add quick unlock Settings in options page

chrome/browser/resources/settings/people_page/lock_screen.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="/people_page/lock_state_behavior.html">
 <link rel="import" href="/people_page/password_prompt_dialog.html">
 <link rel="import" href="/people_page/setup_pin_dialog.html">
 <link rel="import" href="/prefs/prefs_behavior.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-lock-screen">
   <template>
     <style include="settings-shared"></style>
     <style>
       .radio-indent {
         margin-left: 28px;
       }
 
       paper-button {
         text-transform: none;
       }
     </style>
 
     <div>
       <div class="list-frame">
         <paper-radio-group selected="{{selectedUnlockType}}">
           <paper-radio-button name="password">
-            $i18n{lockScreenPasswordOnly}
+            [[i18n('lockScreenPasswordOnly')]]

[jdufault, 2016/08/11 18:34:10]

Please add a TODO to revert these changes once we don't need to support options.

[xiaoyinh(OOO Sep 11-29), 2016/08/11 23:59:51]

Done.

           </paper-radio-button>
           <paper-radio-button name="pin+password">
-            $i18n{lockScreenPinOrPassword}
+            [[i18n('lockScreenPinOrPassword')]]
           </paper-radio-button>
           <div class="settings-box continuation radio-indent"
                hidden$="[[!showConfigurePinButton_(selectedUnlockType)]]">
             <paper-button is="action-link" on-tap="onConfigurePin_">
               [[getSetupPinText_(hasPin)]]
             </paper-button>
           </div>
         </paper-radio-group>
       </div>
 
       <div class="settings-box single-column">

[jdufault, 2016/08/11 18:34:10]

Should the hidden$ be on this div instead?

[xiaoyinh(OOO Sep 11-29), 2016/08/11 23:59:51]

Thanks Jacob. I could move it here. One thing is it will also hide the spacing
that comes with settings-checkbox which we might not care about.

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

Okay, feel free to leave it wherever it visually looks best.

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

Done.

         <settings-checkbox pref="{{prefs.settings.enable_screen_lock}}"
-                           label="$i18n{enableScreenlock}">
+                           label="$i18n{enableScreenlock}" hidden$="[[hideEnableSettings_()]]">

[jdufault, 2016/08/11 18:34:10]

You can use the property directly instead of creating a helper function.

  hidden$="[[hideEnableScreenlock]]"

[jdufault, 2016/08/11 18:34:10]

nit: newline instead of wrapping

[xiaoyinh(OOO Sep 11-29), 2016/08/11 23:59:50]

Done.

[xiaoyinh(OOO Sep 11-29), 2016/08/11 23:59:51]

Done.

         </settings-checkbox>
       </div>
 
       <settings-password-prompt-dialog id="passwordPrompt"
                                        on-close="onPasswordClosed_"
                                        set-modes="{{setModes_}}">
       </settings-password-prompt-dialog>
       <settings-setup-pin-dialog id="setupPin" on-done="onPinSetupDone_"
                                  set-modes="[[setModes_]]">
       </settings-setup-pin-dialog>
     </div>
   </template>
 
   <script src="lock_screen.js"></script>
 </dom-module>