h2cli
Version:
A command line interface for HTTP/2
127 lines (125 loc) • 7.04 kB
HTML
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation" style="margin-bottom:0px">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="#">h2gui</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h3>Streams</h3>
<div class="panel-group" id="accordion" style="height:300px;overflow:scroll;">
<div class="panel panel-default">
<div class="panel-heading">
<div class="container-fluid">
<div class="row">
<div class="col-md-1">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">#1</a>
</h4>
</div>
<div class="col-md">
<div class="progress" style="height:10px; margin-bottom:2px">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
<div>GET /</div>
</div>
</div>
</div>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<h5>Request</h5>
<table class="table table-condensed">
<tr><td>:authority</td><td>foo.example.com</td></tr>
<tr><td>:path</td><td>/</td></tr>
</table>
<h5>Response</h5>
<table class="table table-condensed">
<tr><td>Content-Tepe</td><td>text/html</td></tr>
<tr><td>Content-Length</td><td>123</td></tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="container-fluid">
<div class="row">
<div class="col-md-1">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">#2</a>
</h4>
</div>
<div class="col-md">
<div class="progress" style="height:10px; margin-bottom:2px">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
<div>GET /</div>
</div>
</div>
</div>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<h5>Request</h5>
<table class="table table-condensed">
<tr><td>:authority</td><td>foo.example.com</td></tr>
<tr><td>:path</td><td>/</td></tr>
</table>
<h5>Response</h5>
<table class="table table-condensed">
<tr><td>Content-Tepe</td><td>text/html</td></tr>
<tr><td>Content-Length</td><td>123</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<h3>Settings</h3>
<table class="table">
<tr><td>HEADER_TABLE_SIZE</td><td>4096</td>
<tr><td>PUSH_ENABLED</td><td>1</td>
<tr><td>MAX_CONCURRENT_STREAMS</td><td>Infinity</td>
<tr><td>INITIAL_WINDOW_SIZE</td><td>65535</td>
<tr><td>MAX_FRAME_SIZE</td><td>16384</td>
<tr><td>MAX_HEADER_LIST_SIZE</td><td>Infinity</td>
</table>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Log</h3>
<div style="height:150px; border-style:solid; border-width:1px;"></div>
</div>
</div>
</div>
<script>
</script>
</body>
</html>