1 <!-- Bandwidth info --> 2 <dom-module id="bandwidth-view"> 3 <template> 4 <div id=bandwidth-view-tab-content class=content-box> 5 <h2>Data Reduction Proxy Status</h2> 6 <ul id=data-reduction-proxy-view-status> 7 <li>Status: <span id="data-reduction-proxy-enabled"></span></li> 8 <li>Proxy configuration: <span id="data-reduction-proxy-config"></span></li> 9 <li>Probe status: <span id="data-reduction-proxy-probe-status"></span></li> 10 <li id="data-reduction-proxy-bypass-state-container">Bypass details: 11 <span id="data-reduction-proxy-bypass-state-details"></span></li> 12 </ul> 13 <a href="#proxy">View current proxy configuration</a> 14 15 <h4>Recent events</h4> 16 <div id=data-reduction-proxy-view-events-content> 17 <table class="styled-table"> 18 <thead> 19 <tr> 20 <th>Time</th> 21 <th>Action</th> 22 </tr> 23 <tr> 24 <th colspan=2>Details</th> 25 </tr> 26 </thead> 27 <tbody id=data-reduction-proxy-view-events-tbody> 28 </tbody> 29 </table> 30 </div> 31 <h4>Bandwidth Savings</h4> 32 <table class="styled-table" id="bandwidth-stats-table"> 33 <thead> 34 <tr> 35 <th></th> 36 <th>Session</th> 37 <th>Total</th> 38 </tr> 39 </thead> 40 <tbody id=bandwidth-savings-tbody> 41 </tbody> 42 </table> 43 </div> 44 </template> 45 <script> 46 Polymer({ 47 is: 'bandwidth-view', 48 }); 49 </script> 50 </dom-module>