[web] Add energy charts to the web interface - Part 10 of RTEA

[Vinggui]

Contribution description

This PR is part of the process of breaking PR #235 into small steps, a process nominated "Road to Energy Analysis" (RTEA). These small modifications will lead to the whole improvement started on March 2022. At the end of these steps, OT-NS will be capable of precisely estimating energy consumption, collision events (channel aware), and plot all the data in real-time as the simulation progress.

At the moment, OT-NS can not estimate energy, collisions, nor transmission energy. Also, even though OT is working well in simulation, many of its recovery properties are not correctly simulated as they would happen in real devices due to its incorrect timing events at the simulated radio part.

Main modifications

This PR keeps all previous commits to reduce future rebase efforts. However, relative to the timeline of RTEA, it addresses only the following files:

• /web/site/js/energy/energyConsChart.js
• /web/site/js/energy/nodeEnergyConsBarChart.js
• /web/site/js/energy/powerConsChart.js
• /web/site/js/vis/ActionBar.js
• /web/site/js/energyViewer.js
• /web/site/js/energyViewer.js
• /web/site/templates/energyViewer.html
• /web/site/bindata.go
• /web/site/site.go

Requirements

None (if intended to be used with current Openthread repository). But, this is a walk to the road of PR #7500 in Openthread repository that will allow all the new features in the simulation to work.

Testing procedure

Just install OTNS the same way as before, using the "OTNS=1" for the building parameter.

Roadmap

This is part 10 of the RTEA (Road to Energy Analysis) steps to PR #235 and PR #7500.

Part 1: PR #357;
Part 2: PR #8144;
Part 3: PR #359;
Part 4: PR #8152;
Part 5: PR #362;
Part 6: PR #8165;
Part 7: PR #363;
Part 8: PR #8173;
Part 9: PR #365;
Part 10: This PR;
Part 11: PR #367.

[lgtm-com]

This pull request fixes 1 alert when merging 9bade00 into 0ab7444 - view on LGTM.com

fixed alerts:

• 1 for Reflected cross-site scripting