Converting tables in flow and troubleshoot to use datagrid.
[controller.git] / opendaylight / web / troubleshoot / src / main / resources / js / page.js
index 87e07f5..3f0dc9e 100644 (file)
@@ -1,4 +1,3 @@
-
 /* 
  * Copyright (c) 2013 Cisco Systems, Inc. and others.  All rights reserved. 
  * 
@@ -18,12 +17,12 @@ one.f.dashlet = {
         name : 'Existing Nodes'
     },
     uptime: {
-       id: 'uptime',
-       name: 'Uptime'
+        id: 'uptime',
+        name: 'Uptime'
     },
     flowsOrPorts: {
-       id: "flowsOrPorts",
-       name: "Statistics"
+        id: "flowsOrPorts",
+        name: "Statistics"
     }
 };
 
@@ -63,234 +62,484 @@ $(one.f.menu.right.bottom).each(function(index, value) {
 
 /**Troubleshoot modules*/
 one.f.troubleshooting = {
-       rootUrl: "/controller/web/troubleshoot",
-       rightBottomDashlet: { 
-               get: function() {
-                       var $rightBottomDashlet = $("#right-bottom").find(".dashlet");
-                       return $rightBottomDashlet;
-               },
-               setDashletHeader: function(label) {
-                       $("#right-bottom li a")[0].innerHTML = label; 
-               }
-       },
-       createTable: function(columnNames, body) {
-               var tableAttributes = ["table-striped", "table-bordered", "table-condensed"];
-               var $table = one.lib.dashlet.table.table(tableAttributes);
-               var tableHeaders = columnNames;
-               var $thead = one.lib.dashlet.table.header(tableHeaders);
-               var $tbody = one.lib.dashlet.table.body(body, tableHeaders);
-               $table.append($thead)
-                       .append($tbody);
-               return $table;
-       }
+    rootUrl: "/controller/web/troubleshoot",
+    rightBottomDashlet: { 
+        get: function() {
+            var $rightBottomDashlet = $("#right-bottom").find(".dashlet");
+            return $rightBottomDashlet;
+        },
+        setDashletHeader: function(label) {
+            $("#right-bottom li a")[0].innerHTML = label; 
+        }
+    },
+    createTable: function(columnNames, body) {
+        var tableAttributes = ["table-striped", "table-bordered", "table-condensed"];
+        var $table = one.lib.dashlet.table.table(tableAttributes);
+        var tableHeaders = columnNames;
+        var $thead = one.lib.dashlet.table.header(tableHeaders);
+        var $tbody = one.lib.dashlet.table.body(body, tableHeaders);
+        $table.append($thead)
+            .append($tbody);
+        return $table;
+    }
 };
 
 one.f.troubleshooting.existingNodes = {
-               id: {
-                       popout: "one_f_troubleshooting_existingNodes_id_popout",
-                       modal: "one_f_troubleshooting_existingNodes_id_modal"
-               },
-               // TODO: Make these values configurable.
-               autoRefreshInterval: {
-                       flows: 10000,
-                       ports: 10000,
-                       refreshRateInterval: 5000
-               },
-               load: {
-                       main: function($dashlet) {
-                               one.lib.dashlet.empty($dashlet);
-                               $dashlet.append(one.lib.dashlet.header(one.f.dashlet.existingNodes.name));
-                               
-                               // TODO(l): Add a generic auto expand function to one.lib and replace custom height setting.
-                               //$('#left-top').height('100%');
-                               one.f.troubleshooting.existingNodes.ajax(one.f.troubleshooting.rootUrl + "/existingNodes" , function(content) {
-                                       var body = one.f.troubleshooting.existingNodes.data.existingNodes(content);
-                                       var $table = one.f.troubleshooting.createTable(content.columnNames, body);
-                                       $dashlet.append($table);
-                               });
-                       },
-                       flows: function(nodeId) {
-                               try {
-                                       clearTimeout(one.f.troubleshooting.existingNodes.registry.refreshTimer);
-                                       $.getJSON(one.main.constants.address.prefix + "/troubleshoot/flowStats?nodeId=" + nodeId, function(content) {
-                                               var body = one.f.troubleshooting.existingNodes.data.flows(content);
-                                               var $table = one.f.troubleshooting.createTable(content.columnNames, body);
-                                               $rightBottomDashlet = one.f.troubleshooting.rightBottomDashlet.get();
-                                               one.f.troubleshooting.rightBottomDashlet.setDashletHeader("Flows");
-                                               one.lib.dashlet.empty($rightBottomDashlet);
-                                               $rightBottomDashlet.append(one.lib.dashlet.header("Flow Details"));
-                                               $rightBottomDashlet.append($table);
-                                               var numberOfFlows = content.nodeData.length;
-                                               var refreshRate = one.f.troubleshooting.existingNodes.autoRefreshInterval.flows;
-                                               if (numberOfFlows > 0) {
-                                                       refreshRate += Math.floor(numberOfFlows / 500) *
-                                                               one.f.troubleshooting.existingNodes.autoRefreshInterval.refreshRateInterval;
-                                               }
-                                               one.f.troubleshooting.existingNodes.registry.refreshTimer = setTimeout(
-                                                               one.f.troubleshooting.existingNodes.load.flows,
-                                                               refreshRate, nodeId);
-                                       });
-                               } catch(e) {}
-                       },
-                       ports: function(nodeId) {
-                               try {
-                                       clearTimeout(one.f.troubleshooting.existingNodes.registry.refreshTimer);
-                                       $.getJSON(one.main.constants.address.prefix + "/troubleshoot/portStats?nodeId=" + nodeId, function(content) {
-                                               var body = one.f.troubleshooting.existingNodes.data.ports(content);
-                                               var $table = one.f.troubleshooting.createTable(content.columnNames, body);
-                                               $rightBottomDashlet = one.f.troubleshooting.rightBottomDashlet.get();
-                                               one.f.troubleshooting.rightBottomDashlet.setDashletHeader("Ports");
-                                               one.lib.dashlet.empty($rightBottomDashlet);
-                                               $rightBottomDashlet.append(one.lib.dashlet.header("Port Details"));
-                                               $rightBottomDashlet.append($table);
-                                               var numberOfPorts = content.nodeData.length;
-                                               var refreshRate = one.f.troubleshooting.existingNodes.autoRefreshInterval.ports;
-                                               if (numberOfPorts > 0) {
-                                                       refreshRate += Math.floor(numberOfPorts / 500) *
-                                                               one.f.troubleshooting.existingNodes.autoRefreshInterval.refreshRateInterval;
-                                               }
-                                               one.f.troubleshooting.existingNodes.registry.refreshTimer = setTimeout(
-                                                               one.f.troubleshooting.existingNodes.load.ports,
-                                                               refreshRate, nodeId);
-                                       });
-                               } catch(e) {}
-                       } 
-               },
-               ajax : function(url, callback) {
-                       $.getJSON(url, function(data) {
-                               callback(data);
-                       });
-               },
-               registry: {},
-               modal : {
-               },
-               data : {
-                       existingNodes : function(data) {
-                               var result = [];
-                               $.each(data.nodeData, function(key, value) {
-                                       var tr = {};
-                                       var entry = [];
-                                       entry.push(value["nodeName"]);
-                                       entry.push(value["nodeId"]);
-                                       var nodeIdvalue = value["nodeId"];
-                                       entry.push("<a href=\"javascript:one.f.troubleshooting.existingNodes.load.flows('" + value["nodeId"] + "');\">Flows</a>" + 
-                                                       " <a href=\"javascript:one.f.troubleshooting.existingNodes.load.ports('" + value["nodeId"] + "');\">Ports</a>");
-                                       tr.entry = entry;
-                                       result.push(tr);
-                               });
-                               return result;
-                       },
-                       ports: function(data) {
-                               var result = [];
-                               $.each(data.nodeData, function(key, value) {
-                                       var tr = {};
-                                       var entry = [];
-                                       entry.push(value["nodeConnector"]);
-                                       entry.push(value["rxPkts"]);
-                                       entry.push(value["txPkts"]);
-                                       entry.push(value["rxBytes"]);
-                                       entry.push(value["txBytes"]);
-                                       entry.push(value["rxDrops"]);
-                                       entry.push(value["txDrops"]);
-                                       entry.push(value["rxErrors"]);
-                                       entry.push(value["txErrors"]);
-                                       entry.push(value["rxFrameErrors"]);
-                                       entry.push(value["rxOverRunErrors"]);
-                                       entry.push(value["rxCRCErrors"]);
-                                       entry.push(value["collisions"]);
-                                       tr.entry = entry;
-                                       result.push(tr);
-                               });
-                               return result;
-                       },
-                       flows: function(data) {
-                               var result = [];
-                               $.each(data.nodeData, function(key, value) {
-                                       var tr = {};
-                                       var entry = [];
-                                       entry.push(value["nodeName"]);
-                                       entry.push(value["inPort"]);
-                                       entry.push(value["dlSrc"]);
-                                       entry.push(value["dlDst"]);
-                                       entry.push(value["dlType"]);
-                                       entry.push(value["dlVlan"]);
-                                       entry.push(value["nwSrc"]);
-                                       entry.push(value["nwDst"]);
-                                       entry.push(value["nwProto"]);
-                                       entry.push(value["tpSrc"]);
-                                       entry.push(value["tpDst"]);
-                                       entry.push(value["actions"]);
-                                       entry.push(value["byteCount"]);
-                                       entry.push(value["packetCount"]);
-                                       entry.push(value["durationSeconds"]);
-                                       entry.push(value["idleTimeout"]);
-                                       entry.push(value["outPorts"]);
-                                       entry.push(value["outVlanId"]);
-                                       entry.push(value["priority"]);
-                                       tr.entry = entry;
-                                       result.push(tr);
-                               });
-                               return result;
-                       }
-               }
+        id: {
+            popout: "one_f_troubleshooting_existingNodes_id_popout",
+            modal: "one_f_troubleshooting_existingNodes_id_modal",
+            existingNodesDataGrid: "one_f_troubleshooting_existingNodes_id_datagrid",
+            portsDataGrid: "one_f_troubleshooting_existingNodes_id_portsDataGrid",
+            flowsDataGrid: "one_f_troubleshooting_existingNodes_id_flowsDataGrid"
+        },
+        // TODO: Make these values configurable.
+        autoRefreshInterval: {
+            flows: 10000,
+            ports: 10000,
+            refreshRateInterval: 5000
+        },
+        load: {
+            main: function($dashlet) {
+                one.lib.dashlet.empty($dashlet);
+                $dashlet.append(one.lib.dashlet.header(one.f.dashlet.existingNodes.name));
+                // TODO(l): Add a generic auto expand function to one.lib and replace custom height setting.
+                //$('#left-top').height('100%');
+                one.f.troubleshooting.existingNodes.ajax(one.f.troubleshooting.rootUrl + "/existingNodes" , function(content) {
+                    var $gridHTML = one.lib.dashlet.datagrid.init(one.f.troubleshooting.existingNodes.id.existingNodesDataGrid, {
+                        searchable: true,
+                        filterable: false,
+                        pagination: true,
+                        flexibleRowsPerPage: true
+                        }, "table-striped table-condensed");
+                    $dashlet.append($gridHTML);
+                    var dataSource = one.f.troubleshooting.existingNodes.data.existingNodesGrid(content);
+                    $("#" + one.f.troubleshooting.existingNodes.id.existingNodesDataGrid).datagrid({dataSource: dataSource});
+
+                });
+            },
+            flows: function(nodeId) {
+                try {
+                    clearTimeout(one.f.troubleshooting.existingNodes.registry.refreshTimer);
+                    $.getJSON(one.main.constants.address.prefix + "/troubleshoot/flowStats?nodeId=" + nodeId, function(content) {
+                        $rightBottomDashlet = one.f.troubleshooting.rightBottomDashlet.get();
+                        one.f.troubleshooting.rightBottomDashlet.setDashletHeader("Flows");
+                        one.lib.dashlet.empty($rightBottomDashlet);
+                        $rightBottomDashlet.append(one.lib.dashlet.header("Flow Details"));
+
+                        var $gridHTML = one.lib.dashlet.datagrid.init(one.f.troubleshooting.existingNodes.id.flowsDataGrid, {
+                            searchable: true,
+                            filterable: false,
+                            pagination: true,
+                            flexibleRowsPerPage: true
+                            }, "table-striped table-condensed");
+                        $rightBottomDashlet.append($gridHTML);
+                        var dataSource = one.f.troubleshooting.existingNodes.data.flowsGrid(content);
+                        $("#" + one.f.troubleshooting.existingNodes.id.flowsDataGrid).datagrid({dataSource: dataSource});
+
+                        var numberOfFlows = content.nodeData.length;
+                        var refreshRate = one.f.troubleshooting.existingNodes.autoRefreshInterval.flows;
+                        if (numberOfFlows > 0) {
+                            refreshRate += Math.floor(numberOfFlows / 500) *
+                                one.f.troubleshooting.existingNodes.autoRefreshInterval.refreshRateInterval;
+                        }
+                        one.f.troubleshooting.existingNodes.registry.refreshTimer = setTimeout(
+                                one.f.troubleshooting.existingNodes.load.flows,
+                                refreshRate, nodeId);
+                    });
+                } catch(e) {}
+            },
+            ports: function(nodeId) {
+                try {
+                    clearTimeout(one.f.troubleshooting.existingNodes.registry.refreshTimer);
+                    $.getJSON(one.main.constants.address.prefix + "/troubleshoot/portStats?nodeId=" + nodeId, function(content) {
+                        $rightBottomDashlet = one.f.troubleshooting.rightBottomDashlet.get();
+                        one.f.troubleshooting.rightBottomDashlet.setDashletHeader("Ports");
+                        one.lib.dashlet.empty($rightBottomDashlet);
+                        $rightBottomDashlet.append(one.lib.dashlet.header("Port Details"));
+
+                        var $gridHTML = one.lib.dashlet.datagrid.init(one.f.troubleshooting.existingNodes.id.portsDataGrid, {
+                            searchable: true,
+                            filterable: false,
+                            pagination: true,
+                            flexibleRowsPerPage: true
+                            }, "table-striped table-condensed");
+                        $rightBottomDashlet.append($gridHTML);
+                        var dataSource = one.f.troubleshooting.existingNodes.data.portsGrid(content);
+                        $("#" + one.f.troubleshooting.existingNodes.id.portsDataGrid).datagrid({dataSource: dataSource});
+
+                        var numberOfPorts = content.nodeData.length;
+                        var refreshRate = one.f.troubleshooting.existingNodes.autoRefreshInterval.ports;
+                        if (numberOfPorts > 0) {
+                            refreshRate += Math.floor(numberOfPorts / 500) *
+                                one.f.troubleshooting.existingNodes.autoRefreshInterval.refreshRateInterval;
+                        }
+                        one.f.troubleshooting.existingNodes.registry.refreshTimer = setTimeout(
+                                one.f.troubleshooting.existingNodes.load.ports,
+                                refreshRate, nodeId);
+                    });
+                } catch(e) {}
+            } 
+        },
+        ajax : function(url, callback) {
+            $.getJSON(url, function(data) {
+                callback(data);
+            });
+        },
+        registry: {},
+        modal : {
+        },
+        data : {
+            existingNodesGrid: function(data) {
+                var source = new StaticDataSource({
+                    columns: [
+                        {
+                            property: 'nodeName',
+                            label: 'Name',
+                            sortable: true
+                        },
+                        {
+                            property: 'nodeId',
+                            label: 'Static Route',
+                            sortable: true
+                        },
+                        {
+                            property: 'statistics',
+                            label: 'Statistics',
+                            sortable: true
+                        }
+                    ],
+                    data: data.nodeData,
+                    formatter: function(items) {
+                        $.each(items, function(index, item) {
+                            item["statistics"] = "<a href=\"javascript:one.f.troubleshooting.existingNodes.load.flows('" + item["nodeId"] + "');\">Flows</a>" + 
+                            " <a href=\"javascript:one.f.troubleshooting.existingNodes.load.ports('" + item["nodeId"] + "');\">Ports</a>";
+                        });
+
+                    },
+                    delay: 0
+                });
+                return source;
+            },
+            portsGrid: function(data) {
+                var source = new StaticDataSource({
+                    columns: [
+                        {
+                            property: 'nodeConnector',
+                            label: 'Node Connector',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxPkts',
+                            label: 'Rx Pkts',
+                            sortable: true
+                        },
+                        {
+                            property: 'txPkts',
+                            label: 'Tx Pkts',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxBytes',
+                            label: 'Rx Bytes',
+                            sortable: true
+                        },
+                        {
+                            property: 'txBytes',
+                            label: 'Tx Bytes',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxDrops',
+                            label: 'Rx Drops',
+                            sortable: true
+                        },
+                        {
+                            property: 'txDrops',
+                            label: 'Tx Drops',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxErrors',
+                            label: 'Rx Errs',
+                            sortable: true
+                        },
+                        {
+                            property: 'txErrors',
+                            label: 'Tx Errs',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxFrameErrors',
+                            label: 'Rx Frame Errs',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxOverRunErrors',
+                            label: 'Rx OverRun Errs',
+                            sortable: true
+                        },
+                        {
+                            property: 'rxCRCErrors',
+                            label: 'Rx CRC Errs',
+                            sortable: true
+                        },
+                        {
+                            property: 'collisions',
+                            label: 'Collisions',
+                            sortable: true
+                        }
+                    ],
+                    data: data.nodeData,
+                    delay: 200
+                });
+                return source;
+            },
+            ports: function(data) {
+                var result = [];
+                $.each(data.nodeData, function(key, value) {
+                    var tr = {};
+                    var entry = [];
+                    entry.push(value["nodeConnector"]);
+                    entry.push(value["rxPkts"]);
+                    entry.push(value["txPkts"]);
+                    entry.push(value["rxBytes"]);
+                    entry.push(value["txBytes"]);
+                    entry.push(value["rxDrops"]);
+                    entry.push(value["txDrops"]);
+                    entry.push(value["rxErrors"]);
+                    entry.push(value["txErrors"]);
+                    entry.push(value["rxFrameErrors"]);
+                    entry.push(value["rxOverRunErrors"]);
+                    entry.push(value["rxCRCErrors"]);
+                    entry.push(value["collisions"]);
+                    tr.entry = entry;
+                    result.push(tr);
+                });
+                return result;
+            },
+            flowsGrid: function(data) {
+                var source = new StaticDataSource({
+                    columns: [
+                        {
+                            property: 'nodeName',
+                            label: 'Node',
+                            sortable: true
+                        },
+                        {
+                            property: 'inPort',
+                            label: 'In Port',
+                            sortable: true
+                        },
+                        {
+                            property: 'dlSrc',
+                            label: 'DL Src',
+                            sortable: true
+                        },
+                        {
+                            property: 'dlDst',
+                            label: 'DL Dst',
+                            sortable: true
+                        },
+                        {
+                            property: 'dlType',
+                            label: 'DL Type',
+                            sortable: true
+                        },
+                        {
+                            property: 'dlVlan',
+                            label: 'DL Vlan',
+                            sortable: true
+                        },
+                        {
+                            property: 'nwSrc',
+                            label: 'NW Src',
+                            sortable: true
+                        },
+                        {
+                            property: 'nwDst',
+                            label: 'NW Dst',
+                            sortable: true
+                        },
+                        {
+                            property: 'nwProto',
+                            label: 'NW Proto',
+                            sortable: true
+                        },
+                        {
+                            property: 'tpSrc',
+                            label: 'TP Src',
+                            sortable: true
+                        },
+                        {
+                            property: 'tpDst',
+                            label: 'TP Dst',
+                            sortable: true
+                        },
+                        {
+                            property: 'actions',
+                            label: 'Actions',
+                            sortable: true
+                        },
+                        {
+                            property: 'byteCount',
+                            label: 'Byte Count',
+                            sortable: true
+                        },
+                        {
+                            property: 'packetCount',
+                            label: 'Packet Count',
+                            sortable: true
+                        },
+                        {
+                            property: 'durationSeconds',
+                            label: 'Duration Seconds',
+                            sortable: true
+                        },
+                        {
+                            property: 'idleTimeout',
+                            label: 'Idle Timeout',
+                            sortable: true
+                        },
+                        {
+                            property: 'outPorts',
+                            label: 'Out Ports',
+                            sortable: true
+                        },
+                        {
+                            property: 'outVlanId',
+                            label: 'Out VlanId',
+                            sortable: true
+                        },
+                        {
+                            property: 'priority',
+                            label: 'Priority',
+                            sortable: true
+                        }
+                    ],
+                    data: data.nodeData,
+                    delay: 0
+                });
+                return source;
+            },
+            flows: function(data) {
+                var result = [];
+                $.each(data.nodeData, function(key, value) {
+                    var tr = {};
+                    var entry = [];
+                    entry.push(value["nodeName"]);
+                    entry.push(value["inPort"]);
+                    entry.push(value["dlSrc"]);
+                    entry.push(value["dlDst"]);
+                    entry.push(value["dlType"]);
+                    entry.push(value["dlVlan"]);
+                    entry.push(value["nwSrc"]);
+                    entry.push(value["nwDst"]);
+                    entry.push(value["nwProto"]);
+                    entry.push(value["tpSrc"]);
+                    entry.push(value["tpDst"]);
+                    entry.push(value["actions"]);
+                    entry.push(value["byteCount"]);
+                    entry.push(value["packetCount"]);
+                    entry.push(value["durationSeconds"]);
+                    entry.push(value["idleTimeout"]);
+                    entry.push(value["outPorts"]);
+                    entry.push(value["outVlanId"]);
+                    entry.push(value["priority"]);
+                    tr.entry = entry;
+                    result.push(tr);
+                });
+                return result;
+            }
+        }
 };
 
 one.f.troubleshooting.uptime = {
-       id: {
-               popout: "one_f_troubleshooting_existingNodes_id_popout",
-               modal: "one_f_troubleshooting_existingNodes_id_modal"
-       },
+    id: {
+        popout: "one_f_troubleshooting_uptime_id_popout",
+        modal: "one_f_troubleshooting_uptime_id_modal",
+        datagrid: "one_f_troubleshooting_uptime_id_datagrid"
+    },
 
-       dashlet: function($dashlet) {
-                       one.lib.dashlet.empty($dashlet);
-                       $dashlet.append(one.lib.dashlet.header(one.f.dashlet.uptime.name));
-                       var url = one.f.troubleshooting.rootUrl + "/uptime";
-                       one.f.troubleshooting.uptime.ajax.main(url , {} ,function(content) {
-                               var body = one.f.troubleshooting.uptime.data.uptime(content);
-                               var $table = one.f.troubleshooting.createTable(content.columnNames, body);
-                               $dashlet.append($table);
-                       });
-       },
-       
-       ajax : {
-               main : function(url, requestData, callback) {
-                       $.getJSON(url, requestData, function(data) {
-                               callback(data);
-                       });
-               }
-       },
-       
-       data: {
-               uptime: function(data) {
-                       var result = [];
-                       $.each(data.nodeData, function(key, value) {
-                               var tr = {};
-                               var entry = [];
-                               entry.push(value["nodeName"]);
-                               entry.push(value["nodeId"]);
-                               entry.push(value["connectedSince"]);
-                               tr.entry = entry;
-                               result.push(tr);
-                       });
-                       return result;
-               }
-       },
+    dashlet: function($dashlet) {
+            one.lib.dashlet.empty($dashlet);
+            $dashlet.append(one.lib.dashlet.header(one.f.dashlet.uptime.name));
+            var url = one.f.troubleshooting.rootUrl + "/uptime";
+            one.f.troubleshooting.uptime.ajax.main(url , {} ,function(content) {
+                var $gridHTML = one.lib.dashlet.datagrid.init(one.f.troubleshooting.uptime.id.datagrid, {
+                    searchable: true,
+                    filterable: false,
+                    pagination: true,
+                    flexibleRowsPerPage: true
+                    }, "table-striped table-condensed");
+                $dashlet.append($gridHTML);
+                var dataSource = one.f.troubleshooting.uptime.data.uptimeDataGrid(content);
+                $("#" + one.f.troubleshooting.uptime.id.datagrid).datagrid({dataSource: dataSource});
+            });
+    },
+    
+    ajax : {
+        main : function(url, requestData, callback) {
+            $.getJSON(url, requestData, function(data) {
+                callback(data);
+            });
+        }
+    },
+    
+    data: {
+        uptimeDataGrid: function(data) {
+            var source = new StaticDataSource({
+                columns: [
+                    {
+                        property: 'nodeName',
+                        label: 'Node',
+                        sortable: true
+                    },
+                    {
+                        property: 'nodeId',
+                        label: 'Node ID',
+                        sortable: true
+                    },
+                    {
+                        property: 'connectedSince',
+                        label: 'Statistics',
+                        sortable: true
+                    }
+                ],
+                data: data.nodeData,
+                delay: 0
+            });
+            return source;
+        },
+        uptime: function(data) {
+            var result = [];
+            $.each(data.nodeData, function(key, value) {
+                var tr = {};
+                var entry = [];
+                entry.push(value["nodeName"]);
+                entry.push(value["nodeId"]);
+                entry.push(value["connectedSince"]);
+                tr.entry = entry;
+                result.push(tr);
+            });
+            return result;
+        }
+    },
 };
 
 one.f.troubleshooting.statistics = {
-       dashlet : function($dashlet) {
+    dashlet : function($dashlet) {
         var $h4 = one.lib.dashlet.header("Statistics");
         $dashlet.append($h4);
-               // empty
-               var $none = $(document.createElement('div'));
-               $none.addClass('none');
-               var $p = $(document.createElement('p'));
-               $p.text('Please select a Flow or Ports statistics');
-               $p.addClass('text-center').addClass('text-info');
-               
-               $dashlet.append($none)
-                       .append($p);
-       }
+        // empty
+        var $none = $(document.createElement('div'));
+        $none.addClass('none');
+        var $p = $(document.createElement('p'));
+        $p.text('Please select a Flow or Ports statistics');
+        $p.addClass('text-center').addClass('text-info');
+        
+        $dashlet.append($none)
+            .append($p);
+    }
 };
 
 // bind dashlet nav
@@ -308,14 +557,14 @@ $('.dash .nav a', '#main').click(function() {
     var menu = one.f.dashlet;
     switch (id) {
         case menu.existingNodes.id:
-               one.f.troubleshooting.existingNodes.load.main($dashlet);
+            one.f.troubleshooting.existingNodes.load.main($dashlet);
             break;
         case menu.uptime.id:
-               one.f.troubleshooting.uptime.dashlet($dashlet);
-                       break;
-               case menu.flowsOrPorts.id:
-                       one.f.troubleshooting.statistics.dashlet($dashlet);
-                       break;
+            one.f.troubleshooting.uptime.dashlet($dashlet);
+            break;
+        case menu.flowsOrPorts.id:
+            one.f.troubleshooting.statistics.dashlet($dashlet);
+            break;
     };
 });