MD Settings: Move easy unlock from people to lock screen.

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

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/action_link_css.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
+<link rel="import" href="easy_unlock_browser_proxy.html">
+<link rel="import" href="easy_unlock_turn_off_dialog.html">
 <link rel="import" href="fingerprint_browser_proxy.html">
 <link rel="import" href="lock_screen_constants.html">
 <link rel="import" href="lock_state_behavior.html">
 <link rel="import" href="password_prompt_dialog.html">
 <link rel="import" href="setup_pin_dialog.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../prefs/prefs_behavior.html">
 <link rel="import" href="../prefs/prefs.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 action-link">
+      #easy-unlock .start {

[jdufault, 2017/04/06 21:04:45]

nit: use easyUnlock for id name since that's what everything else in the file
uses.

[sammiequon, 2017/04/06 22:23:50]

Done.

+        /* Use padding to ensure taller content looks correct. */
+        padding: 11px 0;
+      }
+
       .radio-indent {
         -webkit-margin-start: 36px;
       }
     </style>
 
     <div>
       <div class="list-frame">
         <paper-radio-group selected="{{selectedUnlockType}}">
           <paper-radio-button name="password">
             $i18n{lockScreenPasswordOnly}
@@ skipping 36 matching lines @@
                 </div>
               </div>
               <button class="subpage-arrow" is="paper-icon-button-light"
                   aria-label="$i18n{lockScreenEditFingerprints}"
                   aria-describedby="lockScreenEditFingerprintsSecondary"></button>
             </div>
           </iron-collapse>
         </div>
       </template>
 
+      <template is="dom-if" if="[[easyUnlockAllowed_]]">
+        <div id="easy-unlock" class="settings-box two-line">
+          <div class="start">
+            <div>$i18n{easyUnlockSectionTitle}</div>
+            <div class="secondary">
+              <template is="dom-if" if="[[!easyUnlockEnabled_]]">
+                $i18n{easyUnlockSetupIntro}
+              </template>
+              <template is="dom-if" if="[[easyUnlockEnabled_]]">
+                $i18n{easyUnlockDescription}
+              </template>
+              <a target="_blank" href="$i18n{easyUnlockLearnMoreURL}">
+                $i18n{learnMore}
+              </a>
+              <!-- TODO(dbeam): this should be 1 dom-if with a method instead
+                   of 2 nested dom-ifs. -->
+              <template is="dom-if" if="[[easyUnlockEnabled_]]">
+                <template is="dom-if"
+                    if="[[easyUnlockProximityDetectionAllowed_]]">
+                  <settings-toggle-button
+                      pref="{{prefs.easy_unlock.proximity_required}}"
+                      label="$i18n{easyUnlockRequireProximityLabel}">
+                  </settings-toggle-button>
+                </template>
+              </template>
+            </div>
+          </div>
+          <div class="secondary-action">
+            <template is="dom-if" if="[[!easyUnlockEnabled_]]">
+              <paper-button id="easyUnlockSetup" class="secondary-button"
+                  on-tap="onEasyUnlockSetupTap_">
+                $i18n{easyUnlockSetupButton}
+              </paper-button>
+            </template>
+            <template is="dom-if" if="[[easyUnlockEnabled_]]">
+              <paper-button id="easyUnlockTurnOff" class="secondary-button"
+                  on-tap="onEasyUnlockTurnOffTap_">
+                $i18n{easyUnlockTurnOffButton}
+              </paper-button>
+            </template>
+          </div>
+        </div>
+      </template>
+
       <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>
+
+      <template is="dom-if" if="[[showEasyUnlockTurnOffDialog_]]">
+        <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog"
+            on-close="onEasyUnlockTurnOffDialogClose_">
+        </easy-unlock-turn-off-dialog>
+      </template>
     </div>
   </template>
 
   <script src="lock_screen.js"></script>
 </dom-module>