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
3// found in the LICENSE file.
4
5function dumpDevices(devices) {
6    $('#deviceinfos').empty();
7    $('#deviceinfos').append(outputDevicesToList(devices));
8}
9
10function outputDevicesToList(devices) {
11    var table = $('<table border="1">');
12    table.append($("<tr>" +
13                   "<th>" + "Name" + "</th>" +
14                   "<th>" + "OS" + "</th>" +
15                   "<th>" + "Id" + "</th>" +
16                   "<th>" + "Type" + "</th>" +
17                   "<th>" + "Chrome Version" + "</th>" +
18                   "</tr>"));
19    for (i = 0; i < devices.length; i++) {
20        table.append($("<tr>" +
21                       "<td>" + devices[i].name + "</td>" +
22                       "<td>" + devices[i].os + "</td>" +
23                       "<td>" + devices[i].id + "</td>" +
24                       "<td>" + devices[i].type + "</td>" +
25                       "<td>" + devices[i].chromeVersion + "</td>" +
26                       "</tr>"));
27    }
28    return table;
29}
30
31// Add an event listener to listen for changes to device info. The
32// callback would redisplay the list of devices.
33chrome.signedInDevices.onDeviceInfoChange.addListener(dumpDevices);
34
35function populateDevices() {
36  // Get the list of devices and display it.
37  chrome.signedInDevices.get(false, dumpDevices);
38}
39
40document.addEventListener('DOMContentLoaded', function () {
41    populateDevices();
42});
43