chrome/browser/resources/chromeos/emulator/audio_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/iron-icons/av-icons.html">
   4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
   5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
   7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
   8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
   9
  10 <dom-module id="audio-settings">
  11   <link rel="import" type="css" href="audio_settings.css">
  12   <template>
  13     <paper-dialog on-iron-overlay-opened="editDialogOpened" modal
  14         id="editModal">
  15       <div class="element-label">[[currentEditableObject.deviceName]]</div>
  16       <div>
  17         <form>
  18           <div class="form-field-section">
  19             <paper-input value="{{currentEditableObject.deviceName}}"
  20                 label="Device Name"></paper-input>
  21             <paper-input value="{{currentEditableObject.name}}"
  22                 label="Tray Name"></paper-input>
  23             <paper-input value="{{currentEditableObject.id}}"
  24                 label="ID" disabled></paper-input>
  25           </div>
  26           <div class="form-field-section">
  27             <span class="toggle-button-label">Is Input</span>
  28             <paper-checkbox
  29                 checked="{{currentEditableObject.isInput}}"></paper-checkbox>
  30           </div>
  31           <div class="form-field-section">
  32             <span class="toggle-button-label">Active</span>
  33             <paper-checkbox
  34                 checked="{{currentEditableObject.active}}"></paper-checkbox>
  35           </div>
  36           <div class="form-field-section">
  37             <div class="form-label">Audio Type</div>
  38             <paper-radio-group class="device-class-group"
  39                 selected="{{currentEditableObject.type}}">
  40               <template is="dom-repeat"
  41                   items="[[nodeTypeOptions]]" as="option">
  42                 <paper-radio-button name="[[option.type]]"
  43                     >[[option.name]]</paper-radio-button>
  44               </template>
  45             </paper-radio-group>
  46           </div>
  47         </form>
  48       </div>
  49       <div class="buttons">
  50         <paper-button on-click="insertEditedAudioNode"
  51             dialog-dismiss>Done</paper-button>
  52       </div>
  53     </paper-dialog>
  54
  55     <div class="layout vertical">
  56       <div class="element-label">
  57         <paper-icon-button icon="av:volume-up"></paper-icon-button>
  58         <span>[[title]]</span>
  59       </div>
  60       <table class="devices-table">
  61         <tbody>
  62           <tr class="table-section-header">
  63             <td colspan="2">Devices</td>
  64             <td class="centered-cell-label">Is Input</td>
  65             <td class="centered-cell-label">Active</td>
  66           </tr>
  67           <template is="dom-repeat" items="[[nodes]]">
  68             <tr>
  69               <td class="alias-cell">[[item.deviceName]]</td>
  70               <td class="icon-cell">
  71                 <paper-icon-button icon="content-copy" data-predefined="false"
  72                     on-click="copyDevice"></paper-icon-button>
  73                 <paper-icon-button icon="settings" on-click="showEditModal"
  74                     ></paper-icon-button>
  75                 <paper-icon-button icon="delete" on-click="removeAudioNode"
  76                     ></paper-icon-button>
  77               </td>
  78               <td class="control-cell">
  79                 <paper-checkbox checked="{{item.isInput}}"
  80                     on-change="insertAudioNode"></paper-checkbox>
  81               </td>
  82               <td class="control-cell">
  83                 <paper-checkbox checked="{{item.active}}"
  84                     on-change="insertAudioNode"></paper-checkbox>
  85               </td>
  86             </tr>
  87           </template>
  88         </tbody>
  89       </table>
  90       <div class="add-device-container">
  91         <paper-button on-click="appendNewNode">
  92           Add Node
  93         </paper-button>
  94       </div>
  95     </div>
  96   </template>
  97   <script src="audio_settings.js"></script>
  98 </dom-module>