bluetooth: Add control for reading/writing of characteristics to internals page.

chrome/browser/resources/bluetooth_internals/characteristic_list.js

 // Copyright 2017 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.
 
 /**
  * Javascript for CharacteristicList and CharacteristicListItem, served from
  *     chrome://bluetooth-internals/.
  */
 
 cr.define('characteristic_list', function() {
@@ skipping 93 matching lines @@
         writable_auxiliaries: (this.info.properties &
             Property.WRITABLE_AUXILIARIES) > 0,
         read_encrypted: (this.info.properties & Property.READ_ENCRYPTED)  > 0,
         write_encrypted: (this.info.properties & Property.WRITE_ENCRYPTED)  > 0,
         read_encrypted_authenticated: (this.info.properties &
             Property.READ_ENCRYPTED_AUTHENTICATED) > 0,
         write_encrypted_authenticated: (this.info.properties &
             Property.WRITE_ENCRYPTED_AUTHENTICATED) > 0,
       });
 
+      /** @private {!value_control.ValueControl} */
+      this.valueControl_ = new value_control.ValueControl();
+      this.valueControl_.load(this.deviceAddress_, this.serviceId_, this.info);
+      this.valueControl_.setValue(this.info.last_known_value);
+
       /** @private {!descriptor_list.DescriptorList} */
       this.descriptorList_ = new descriptor_list.DescriptorList();
 
       // Create content for display in brief content container.
       var characteristicHeaderText = document.createElement('div');
       characteristicHeaderText.textContent = 'Characteristic:';
 
       var characteristicHeaderValue = document.createElement('div');
       characteristicHeaderValue.textContent = this.info.uuid.uuid;
 
@@ skipping 15 matching lines @@
 
       var propertiesDiv = document.createElement('div');
       propertiesDiv.classList.add('flex');
       propertiesDiv.appendChild(this.propertiesFieldSet_);
 
       var descriptorsHeader = document.createElement('h4');
       descriptorsHeader.textContent = 'Descriptors';
 
       var infoDiv = document.createElement('div');
       infoDiv.classList.add('info-container');
+
+      var valueHeader = document.createElement('h4');
+      valueHeader.textContent = 'Value';
+
       infoDiv.appendChild(characteristicInfoHeader);
       infoDiv.appendChild(characteristicDiv);
       infoDiv.appendChild(propertiesHeader);
       infoDiv.appendChild(propertiesDiv);
+      infoDiv.appendChild(valueHeader);
+      infoDiv.appendChild(this.valueControl_);
       infoDiv.appendChild(descriptorsHeader);
       infoDiv.appendChild(this.descriptorList_);
 
       this.expandedContent_.appendChild(infoDiv);
     },
 
     /** @override */
     onExpandInternal: function(expanded) {
       this.descriptorList_.load(
           this.deviceAddress_, this.serviceId_, this.info.id);
     },
   };
 
   /**
    * A list that displays CharacteristicListItems.
    * @constructor
    */
   var CharacteristicList = cr.ui.define('list');
 
   CharacteristicList.prototype = {
     __proto__: ExpandableList.prototype,
 
     /** @override */
     decorate: function() {
       ExpandableList.prototype.decorate.call(this);
 
+      /** @private {?string} */
+      this.deviceAddress_ = null;
+      /** @private {?string} */
+      this.serviceId_ = null;
       /** @private {boolean} */
       this.characteristicsRequested_ = false;
 
       this.classList.add('characteristic-list');
       this.setEmptyMessage('No Characteristics Found');
     },
 
     /** @override */
     createItem: function(data) {
       return new CharacteristicListItem(
@@ skipping 30 matching lines @@
             }.bind(this));
       }.bind(this));
     },
   };
 
   return {
     CharacteristicList: CharacteristicList,
     CharacteristicListItem: CharacteristicListItem,
   };
 });