Implement debugging local unlock keys in chrome://proximity-auth.

components/proximity_auth/webui/resources/device-list.html

 <link href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/iron-icons/device-icons.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/iron-icons/hardware-icons.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/iron-icons/notification-icons.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/paper-material/paper-material.html" rel="import">
 <link href="chrome://resources/polymer/v1_0/polymer/polymer.html" rel="import">
 
@@ skipping 77 matching lines @@
             <div class="layout horizontal center">
               <span class="name">[[item.friendlyDeviceName]]</span>
               <core-tooltip position="top" hidden$="[[!item.remoteState]]">
                 <iron-icon icon="[[getIconForRemoteState_(item.remoteState)]]"
                            class="phone-lock flex"></iron-icon>
                 <!--TODO(tengs): Reimplement the tooltip after it is ported to
                                  Polymer 1.0-->
                 <div hidden>
                   <div>
                     User Present:
-                    <span>[[item.remoteState.userPresent]]</span>
+                    <span>
+                      [[getUserPresenceText_(item.remoteState.userPresent)]]
+                    </span>
                   </div>
                   <div>
                     Secure Screen Lock:
-                    <span>[[item.remoteState.secureScreenLock]]</span>
+                    <span>
+                      [[getScreenLockText_(item.remoteState.secureScreenLock)]]
+                    </span>
                   </div>
                   <div>
                     Trust Agent:
-                    <span>[[item.remoteState.trustAgent]]</span>
+                    <span>
+                      [[getTrustAgentText_(item.remoteState.trustAgent)]]
+                    </span>
                   </div>
                 </div>
               </core-tooltip>
             </div>
             <div class="public-key">[[item.publicKey]]</div>
           </div>
 
           <div class="flex"></div>
           <div class="ineligibility-icons"
               hidden$="[[!item.ineligibilityReasons]]">
             <template is="dom-repeat" items="[[item.ineligibilityReasons]]">
               <core-tooltip label="[[prettifyReason_(item)]]" position="top">
                 <iron-icon icon="[[getIconForIneligibilityReason_(item)]]")
                     class="ineligibility-icon">
                 </iron-icon>
               </core-tooltip>
             </template>
           </div>
           <paper-icon-button class="end-icon"
+              bluetooth-address="[[item.bluetoothAddress]]"
+              on-click="toggleConnection_"
               icon="[[getIconForConnection_(item.connectionStatus)]]"
               hidden$="{{!item.unlockKey}}">
           </paper-icon-button>
         </div>
       </template>
     </paper-material>
   </template>
   <script src="device-list.js"></script>
 </dom-module>