-
/*
* Copyright (c) 2013 Cisco Systems, Inc. and others. All rights reserved.
*
name : 'Existing Nodes'
},
uptime: {
- id: 'uptime',
- name: 'Uptime'
+ id: 'uptime',
+ name: 'Uptime'
},
flowsOrPorts: {
- id: "flowsOrPorts",
- name: "Statistics"
+ id: "flowsOrPorts",
+ name: "Statistics"
}
};
/**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
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;
};
});
Code Review / controller.git / blobdiff