Add quick unlock Settings in options page

chrome/browser/resources/settings/people_page/lock_screen.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @fileoverview
  * 'settings-lock-screen' allows the user to change how they unlock their
  * device.
  *
  * Example:
@@ skipping 19 matching lines @@
      * entered password. It's defined only when the user has already entered a
      * valid password.
      *
      * @type {Object|undefined}
      * @private
      */
     setModes_: {
       type: Object,
       observer: 'onSetModesChanged_'
     },
+
+    /**
+     * Hide enable screenlock settings if coming from options page
+     * TODO(xiaoyinh@): Remove this property once we don't support options
+     */
+    hideEnableScreenlock: {

[tommycli, 2016/08/17 21:19:59]

Instead of adding this Polymer property here for hiding, can the embedding
overlay programmatically set the element to hidden?

[xiaoyinh(OOO Sep 11-29), 2016/08/18 22:41:12]

Done.

+      type: Boolean,
+      value: false,
+      notify: true
+    },
+
   },
 
   /** selectedUnlockType is defined in LockStateBehavior. */
   observers: ['selectedUnlockTypeChanged_(selectedUnlockType)'],
 
   /** @override */
   attached: function() {
     // currentRouteChanged is not called during the initial navigation. If the
     // user navigates directly to the lockScreen page, we still want to show the
     // password prompt page.
@@ skipping 35 matching lines @@
   onSetModesChanged_: function() {
     if (settings.getCurrentRoute() == settings.Route.LOCK_SCREEN &&
         !this.setModes_) {
       this.$.setupPin.close();
       this.$.passwordPrompt.open();
     }
   },
 
   /** @private */
   onPasswordClosed_: function() {
-    if (!this.setModes_)
+    if (!this.setModes_) {
+      /**TODO(xiaoyinh@): Remove this event once we don't support options. */
+      this.fire('close-overlay');

[tommycli, 2016/08/17 21:19:59]

Likewise, can the embedding code find the inner settings-password-prompt-dialog
element and attach an event listener independently?

[xiaoyinh(OOO Sep 11-29), 2016/08/18 22:41:12]

Done.

       settings.navigateTo(settings.Route.PEOPLE);
+    }
   },
 
   /** @private */
   onPinSetupDone_: function() {
     this.$.setupPin.close();
   },
 
   /**
    * Returns true if the setup pin section should be shown.
    * @param {!string} selectedUnlockType The current unlock type. Used to let
    *     Polymer know about the dependency.
    * @private
    */
   showConfigurePinButton_: function(selectedUnlockType) {
     return selectedUnlockType === LockScreenUnlockType.PIN_PASSWORD;
   },
 
   /** @private */
   getSetupPinText_: function() {
     if (this.hasPin)
       return this.i18n('lockScreenChangePinButton');
     return this.i18n('lockScreenSetupPinButton');
   },
 
   /** @private */
   onConfigurePin_: function() {
     this.$.setupPin.open();
   },
 });