OLD | NEW |
1 // Copyright 2013 The Chromium Authors. All rights reserved. | 1 // Copyright 2013 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 var ClientRenderer = (function() { | 5 var ClientRenderer = (function() { |
6 var ClientRenderer = function() { | 6 var ClientRenderer = function() { |
7 this.playerListElement = document.getElementById('player-list'); | 7 this.playerListElement = document.getElementById('player-list'); |
8 this.propertiesTable = | 8 this.propertiesTable = |
9 document.getElementById('property-table').querySelector('tbody'); | 9 document.getElementById('property-table').querySelector('tbody'); |
10 this.logTable = document.getElementById('log').querySelector('tbody'); | 10 this.logTable = document.getElementById('log').querySelector('tbody'); |
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
115 if (player === this.selectedPlayer) { | 115 if (player === this.selectedPlayer) { |
116 this.drawProperties_(player.properties); | 116 this.drawProperties_(player.properties); |
117 this.drawLog_(); | 117 this.drawLog_(); |
118 this.drawGraphs_(); | 118 this.drawGraphs_(); |
119 } | 119 } |
120 if (key === 'name' || key === 'url') { | 120 if (key === 'name' || key === 'url') { |
121 this.redrawPlayerList_(players); | 121 this.redrawPlayerList_(players); |
122 } | 122 } |
123 }, | 123 }, |
124 | 124 |
| 125 redrawVideoCaptureCapabilities: function(videoCaptureCapabilities, keys) { |
| 126 var copyButtonElement = |
| 127 document.getElementById('video-capture-capabilities-copy-button'); |
| 128 copyButtonElement.onclick = function() { |
| 129 window.prompt('Copy to clipboard: Ctrl+C, Enter', |
| 130 JSON.stringify(videoCaptureCapabilities)) |
| 131 } |
| 132 |
| 133 var videoTableBodyElement = |
| 134 document.getElementById('video-capture-capabilities-tbody'); |
| 135 removeChildren(videoTableBodyElement); |
| 136 |
| 137 for (var component in videoCaptureCapabilities) { |
| 138 var tableRow = document.createElement('tr'); |
| 139 var device = videoCaptureCapabilities[ component ]; |
| 140 for (var i in keys) { |
| 141 var value = device[keys[i]]; |
| 142 var tableCell = document.createElement('td'); |
| 143 var cellElement; |
| 144 if ((typeof value) == (typeof [])) { |
| 145 cellElement = document.createElement('ul'); |
| 146 for (var i in value) { |
| 147 var format = value[i]; |
| 148 var li = document.createElement('li'); |
| 149 li.appendChild(document.createTextNode(format)) |
| 150 cellElement.appendChild(li) |
| 151 } |
| 152 } else { |
| 153 cellElement = document.createTextNode( |
| 154 ((typeof value) == 'undefined') ? 'n/a' : value); |
| 155 } |
| 156 tableCell.appendChild(cellElement) |
| 157 tableRow.appendChild(tableCell); |
| 158 } |
| 159 videoTableBodyElement.appendChild(tableRow); |
| 160 } |
| 161 }, |
| 162 |
125 redrawAudioComponentList_: function(componentType, components) { | 163 redrawAudioComponentList_: function(componentType, components) { |
126 function redrawList(renderer, baseName, element) { | 164 function redrawList(renderer, baseName, element) { |
127 var fragment = document.createDocumentFragment(); | 165 var fragment = document.createDocumentFragment(); |
128 for (id in components) { | 166 for (id in components) { |
129 var li = document.createElement('li'); | 167 var li = document.createElement('li'); |
130 var friendlyName = baseName + ' ' + id; | 168 var friendlyName = baseName + ' ' + id; |
131 li.appendChild(createButton( | 169 li.appendChild(createButton( |
132 friendlyName, renderer.selectAudioComponent_.bind( | 170 friendlyName, renderer.selectAudioComponent_.bind( |
133 renderer, componentType, id, components[id], friendlyName))); | 171 renderer, componentType, id, components[id], friendlyName))); |
134 fragment.appendChild(li); | 172 fragment.appendChild(li); |
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
357 if (this.selectedPlayer) { | 395 if (this.selectedPlayer) { |
358 removeChildren(this.logTable); | 396 removeChildren(this.logTable); |
359 this.selectedPlayerLogIndex = 0; | 397 this.selectedPlayerLogIndex = 0; |
360 this.drawLog_(); | 398 this.drawLog_(); |
361 } | 399 } |
362 }, | 400 }, |
363 }; | 401 }; |
364 | 402 |
365 return ClientRenderer; | 403 return ClientRenderer; |
366 })(); | 404 })(); |
OLD | NEW |