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.type]]" | |
michaelpg
2015/08/11 00:25:09
Much better!
stevenjb
2015/08/11 15:44:14
+1
| |
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 |