<!DOCTYPE html> <html id="builder-picker"> <head> <title>Rebaseline Queue: Builders</title> <script src="http://test-results.appspot.com/dashboards/builders.js"></script> <link rel="stylesheet" href="/static/styles.css" type="text/css"> </head> <body> <div id="builder-picker-controls"> <label for="builder-group">Group:</label> <select id="builder-group"> <option disabled></option> </select> <label for="builder">Builder:</label> <select id="builder"> <option disabled></option> </select> </div> <iframe src="/static/builder-frame-empty.html" id="builder-frame"></iframe> <script> function init() { var builderGroupMenu = document.getElementById('builder-group'); builderGroupMenu.addEventListener( 'change', handleBuilderGroupSelected, false); var builderMenu = document.getElementById('builder'); builderMenu.addEventListener( 'change', handleBuilderSelected, false); for (var builderGroupName in LAYOUT_TESTS_BUILDER_GROUPS) { var builderGroupOption = document.createElement('option'); builderGroupOption.textContent = builderGroupOption.value = builderGroupName; builderGroupMenu.appendChild(builderGroupOption); } } function handleBuilderGroupSelected() { var builderGroupMenu = document.getElementById('builder-group'); var builderGroupName = builderGroupMenu.options[builderGroupMenu.selectedIndex].value; var builderGroup = LAYOUT_TESTS_BUILDER_GROUPS[builderGroupName]; var builderMenu = document.getElementById('builder'); while (builderMenu.options[1]) { builderMenu.removeChild(builderMenu.options[1]); } for (var builderName in builderGroup.builders) { var builderOption = document.createElement('option'); builderOption.textContent = builderOption.value = builderName; builderMenu.appendChild(builderOption); } } function handleBuilderSelected() { var builderMenu = document.getElementById('builder'); var builderName = builderMenu.options[builderMenu.selectedIndex].value; document.getElementById('builder-frame').src = '/builder/' + builderName + '/queue/edit'; } init(); </script> </body> </html>