<div id=quic-view-tab-content class=content-box>
  <ul style='margin-top:0'>
    <li>QUIC Enabled: <span jscontent="!!quic_enabled"></span></li>
    <!-- "alternative_service_probability_threshold" is used since release 44,
    see https://crrev.com/1091283007.
    "alternate_protocol_probability_threshold" is here to support importing
    netlog json files from earlier browsers.
    TODO(bnc): Deprecate around 2016 January. --!>
    <li>Alternative Service Probability Threshold: <span jscontent="$this.alternative_service_probability_threshold || $this.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>