Index: netlog_viewer/bandwidth_view.html |
diff --git a/netlog_viewer/bandwidth_view.html b/netlog_viewer/bandwidth_view.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5bf2234d63e8b217a3e105e53ff6c0f32a1c5539 |
--- /dev/null |
+++ b/netlog_viewer/bandwidth_view.html |
@@ -0,0 +1,53 @@ |
+<!-- Bandwidth info --> |
+<style> |
+.data-reduction-proxy-view-events-details { |
+ background-color: rgb(220,220,220); |
+} |
+table.borderless-table, |
+.borderless-table th, |
+.borderless-table td { |
+ border: 0px; |
+ padding-left: 4px; |
+ padding-right: 4px; |
+} |
+</style> |
+<div id=bandwidth-view-tab-content class=content-box> |
+ <h2>Data Reduction Proxy Status</h2> |
+ <ul id=data-reduction-proxy-view-status> |
+ <li>Status: <span id="data-reduction-proxy-enabled"></span></li> |
+ <li>Proxy configuration: <span id="data-reduction-proxy-config"></span></li> |
+ <li>Probe status: <span id="data-reduction-proxy-probe-status"></span></li> |
+ <li id="data-reduction-proxy-bypass-state-container">Bypass details: |
+ <span id="data-reduction-proxy-bypass-state-details"></span></li> |
+ </ul> |
+ <a href="#proxy">View current proxy configuration</a> |
+ |
+ <h4>Recent events</h4> |
+ <div id=data-reduction-proxy-view-events-content> |
+ <table class="styled-table"> |
+ <thead> |
+ <tr> |
+ <th>Time</th> |
+ <th>Action</th> |
+ </tr> |
+ <tr> |
+ <th colspan=2>Details</th> |
+ </tr> |
+ </thead> |
+ <tbody id=data-reduction-proxy-view-events-tbody> |
+ </tbody> |
+ </table> |
+ </div> |
+ <h4>Bandwidth Savings</h4> |
+ <table class="styled-table" id="bandwidth-stats-table"> |
+ <thead> |
+ <tr> |
+ <th></th> |
+ <th>Session</th> |
+ <th>Total</th> |
+ </tr> |
+ </thead> |
+ <tbody id=bandwidth-savings-tbody> |
+ </tbody> |
+ </table> |
+</div> |