7 ### Here's the version...
9 VPP version: <div id="VPPversion"></div>
11 build date: <div id="VPPbuilddate"></div>
13 <div id="like_button_container"></div>
17 <p>Enter the interface name, then click "Submit" to display interface stats:</p>
19 <input id="ifacename" type="text"></input>
20 <button onclick="getStats()">Get Stats</button>
22 <div id="ifacestats"></div>
28 var url="http://192.168.10.1:1234/interface_stats.json?";
29 var iface=document.getElementById("ifacename").value;
30 url=url.concat(iface);
36 'Content-Type': 'application/json',
39 .then((response) => response.json())
42 var result=obj.interface_stats.name;
43 result = result.concat(": rx-pkts: ");
44 result = result.concat(obj.interface_stats.rx_packets);
45 result = result.concat(" rx-bytes: ");
46 result = result.concat(obj.interface_stats.rx_bytes);
47 result = result.concat(": tx-pkts: ");
48 result = result.concat(obj.interface_stats.tx_packets);
49 result = result.concat(" tx-bytes: ");
50 result = result.concat(obj.interface_stats.tx_bytes);
51 result = result.concat(" drops: ");
52 result = result.concat(obj.interface_stats.drops);
53 result = result.concat(" ip4: ");
54 result = result.concat(obj.interface_stats.ip4);
55 result = result.concat(" ip6: ");
56 result = result.concat(obj.interface_stats.ip6);
58 document.getElementById("ifacestats").innerHTML=result;
60 .catch(function(error) {
63 // unconditionally populate vpp version info ->
64 fetch('http://192.168.10.1:1234/version.json', {
69 'Content-Type': 'application/json',
72 .then((response) => response.json())
74 document.getElementById("VPPbuilddate").innerHTML=obj.vpp_details.build_date;
75 document.getElementById("VPPversion").innerHTML=obj.vpp_details.version;
77 .catch(function(error) {