chrome/browser/resources/chromeos/emulator/bluetooth_settings.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
   3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
   4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
   5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
   6
   7 <dom-module id="bluetooth-settings">
   8   <link rel="import" type="css" href="bluetooth_settings.css">
   9   <template>
  10     <div class="layout vertical">
  11       <div class="element-label">{{title}}</div>
  12       <form id="bluetooth-settings-form">
  13         <div class="layout vertical">
  14           <span class="form-label">Devices</span>
  15           <template is="dom-repeat" items="[[devices]]">
  16             <div class="device-container">
  17               <div class="bluetooth-device">
  18                 <div class="element-label">[[item.alias]]</div>
  19                 <paper-input value="{{item.alias}}"
  20                     label="Alias"></paper-input>
  21                 <paper-input value="{{item.path}}"
  22                     label="Path"></paper-input>
  23                 <paper-input value="{{item.address}}"
  24                     label="Address"></paper-input>
  25                 <paper-input value="{{item.name}}"
  26                     label="name"></paper-input>
  27                 <span class="toggle-button-label">Trusted</span>
  28                 <paper-toggle-button
  29                     checked="{{item.isTrusted}}"></paper-toggle-button>
  30                 <div class="device-field">
  31                   <label>
  32                     <span class="form-label">Class/Type</span>
  33                     <paper-radio-group selected="{{item.class}}">
  34                       <template is="dom-repeat"
  35                           items="[[deviceClassOptions]]" as="option"
  36                           index-as="option_index">
  37                         <paper-radio-button name="[[option.text]]"
  38                             >[[option.text]]</paper-radio-button>
  39                       </template>
  40                     </paper-radio-group>
  41                   </label>
  42                 </div>
  43                 <div class="device-field">
  44                   <label>
  45                     <span class="form-label">Pair Authentication Type</span>
  46                     <paper-radio-group selected="{{item.pairingMethod}}">
  47                       <template is="dom-repeat"
  48                           items="[[deviceAuthenticationMethods]]" as="method"
  49                           index-as="method_index">
  50                         <paper-radio-button name="[[method]]"
  51                             >[[method]]</paper-radio-button>
  52                       </template>
  53                     </paper-radio-group>
  54                   </label>
  55                 </div>
  56                 <template is="dom-if"
  57                     if="[[showAuthToken(item.pairingMethod)]]">
  58                   <div class="device-field">
  59                     <paper-input value="{{item.pairingAuthToken}}"
  60                         label="Code"></paper-input>
  61                   </div>
  62                 </template>
  63                 <paper-button raised class="colored" on-click="pairDevice"
  64                     data-index="[[index]]">
  65                   Pair
  66                 </paper-button>
  67                 <paper-button raised class="colored"
  68                     on-click="discoverDevice" data-index="[[index]]">
  69                   Make Discoverable
  70                 </paper-button>
  71               </div>
  72             </div>
  73           </template>
  74           <paper-button on-click="appendNewDevice">
  75             [+] New Device
  76           </paper-button>
  77         </div>
  78       </form>
  79     </div>
  80   </template>
  81   <script src="bluetooth_settings.js"></script>
  82 </dom-module>