| <div id=quic-view-tab-content class=content-box> |
| <ul style='margin-top:0'> |
| <li>QUIC Enabled: <span jscontent="!!quic_enabled"></span></li> |
| <li>Alternate Protocol Probability Threshold: <span jscontent="alternate_protocol_probability_threshold"></span></li> |
| <li>Origin To Force QUIC On: <span jscontent="origin_to_force_quic_on"></span></li> |
| <li>QUIC connection options: <span jscontent="connection_options"></span></li> |
| <li>Consistent Port Selection Enabled: <span jscontent="!!enable_quic_port_selection"></span></li> |
| </ul> |
| |
| <h4>QUIC sessions</h4> |
| <!-- Only one of these two are shown --> |
| <div jsdisplay="!($this.sessions && sessions.length > 0)">None</div> |
| <div jsdisplay="$this.sessions && sessions.length > 0"> |
| <a href="#events&q=type:QUIC_SESSION%20is:active">View live QUIC sessions</a> |
| <p> |
| <table class="styled-table"> |
| <thead> |
| <tr> |
| <th>Host</th> |
| <th>Secure</th> |
| <th>Version</th> |
| <th>Peer address</th> |
| <th>Connection UID</th> |
| <th>Active stream count</th> |
| <th>Active streams</th> |
| <th>Total stream count</th> |
| <th>Packets Sent</th> |
| <th>Packets Lost</th> |
| <th>Packets Received</th> |
| <th>Connected</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr jsselect="sessions"> |
| <td jscontent="$this.aliases ? $this.aliases.join(' ') : ''"></td> |
| <td jscontent="!!secure"></td> |
| <td jscontent="version"></td> |
| <td jscontent="peer_address"></td> |
| <td><a jsvalues=".href: '#events&q=type:QUIC_SESSION%20' + connection_id" jscontent="connection_id"></a></td> |
| <td jscontent="open_streams"></td> |
| <td jscontent="$this.active_streams && $this.active_streams.length > 0 ? $this.active_streams.join(', ') : 'None'"></td> |
| <td jscontent="total_streams"></td> |
| <td jscontent="packets_sent"></td> |
| <td jscontent="packets_lost"></td> |
| <td jscontent="packets_received"></td> |
| <td jscontent="connected"></td> |
| </tr> |
| </tbody> |
| </table> |
| </p> |
| </div> |
| </div> |