OLD | NEW |
(Empty) | |
| 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-f
lex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
tml"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
.html"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap
er-toggle-button.html"> |
| 8 |
| 9 <dom-module id="audio-settings"> |
| 10 <link rel="import" type="css" href="audio_settings.css"> |
| 11 <template> |
| 12 <div class="layout vertical"> |
| 13 <div class="element-label">[[title]]</div> |
| 14 <form id="audio-settings-form"> |
| 15 <div class="layout vertical"> |
| 16 <span class="form-label">Nodes</span> |
| 17 <template is="dom-repeat" items="[[nodes]]"> |
| 18 <div class="device-container"> |
| 19 <div class="audio-node"> |
| 20 <div class="element-label">[[item.deviceName]]</div> |
| 21 <paper-input value="{{item.deviceName}}" label="Name"> |
| 22 </paper-input> |
| 23 <paper-input value="{{item.id}}" label="ID" pattern="^\d{5}" |
| 24 error-message="Invalid ID: Must be 5 digits"> |
| 25 </paper-input> |
| 26 <span class="toggle-button-label">Is Input</span> |
| 27 <paper-toggle-button checked="{{item.isInput}}"> |
| 28 </paper-toggle-button> |
| 29 <span class="toggle-button-label">Active</span> |
| 30 <paper-toggle-button checked="{{item.active}}"> |
| 31 </paper-toggle-button> |
| 32 <div class="device-field"> |
| 33 <label> |
| 34 <span class="form-label">Audio Node Type</span> |
| 35 <paper-radio-group selected="{{item.type}}"> |
| 36 <template is="dom-repeat" |
| 37 items="[[nodeTypeOptions]]" as="option"> |
| 38 <paper-radio-button name="[[option.name]]" |
| 39 >[[option.name]]</paper-radio-button> |
| 40 </template> |
| 41 </paper-radio-group> |
| 42 </label> |
| 43 </div> |
| 44 <paper-button raised class="colored" on-click="insertAudioNode" |
| 45 event.model.index="[[index]]">Add Node</paper-button> |
| 46 <paper-button raised class="colored" on-click="removeAudioNode" |
| 47 event.model.index="[[index]]">Remove Node</paper-button> |
| 48 </div> |
| 49 </div> |
| 50 </template> |
| 51 <paper-button on-click="appendNewNode"> |
| 52 <paper-icon-button icon="add"></paper-icon-button> |
| 53 <span>New Node</span> |
| 54 </paper-button> |
| 55 </div> |
| 56 </form> |
| 57 </div> |
| 58 </template> |
| 59 <script src="audio_settings.js"></script> |
| 60 </dom-module> |
OLD | NEW |