page.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <html>
  2. <head>
  3. <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  4. <link rel="stylesheet" href="http://yandex.st/highlightjs/7.3/styles/default.min.css">
  5. <script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
  6. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  7. <script>hljs.initHighlightingOnLoad();</script>
  8. <script type="text/javascript">
  9. $(function() {
  10. $("ul.request.nav a").click(function() {
  11. $(this).closest("div").find(".raw, .headers, .summary").hide();
  12. $(this).closest("div").find("." + $(this).attr("target")).show();
  13. $(this).closest("ul").find("li.active").removeClass("active");
  14. $(this).parent().addClass("active");
  15. return false;
  16. });
  17. });
  18. </script>
  19. <style type="text/css">
  20. body { margin-top: 50px; }
  21. ul.history > li { none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
  22. .headers, .raw { display: none; }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="container">
  27. <div class="navbar navbar-inverse navbar-fixed-top">
  28. <div class="navbar-inner">
  29. <div class="container">
  30. <a class="brand" href="#">ngrok</a>
  31. <ul class="nav">
  32. <li class="active"><a href="#">Inbound Requests</a></li>
  33. <li><a href="#">Outbound Requests</a></li>
  34. <li><a href="#">Configuration</a></li>
  35. </ul>
  36. </div>
  37. </div>
  38. </div>
  39. <ul class="history unstyled">
  40. {{ range .GetHistory }}
  41. <li>
  42. <div class="row">
  43. <div class="span6">
  44. {{ with .GetRequest }}
  45. <h3>{{ .Method }} {{ .URL.Path }}</h3>
  46. <ul class="request nav nav-pills">
  47. <li class="active"><a target="summary" href="#">Summary</a></li>
  48. <li><a href="#" target="headers">Headers</a></li>
  49. <li><a href="#" target="raw">Raw</a></li>
  50. </ul>
  51. <div class="raw">
  52. {{ with $raw := dumpRequest . }}
  53. <pre><code class="http">{{ $raw }}</code></pre>
  54. {{ end }}
  55. </div>
  56. <div class="headers">
  57. {{ with .Header }}
  58. <h6>Headers</h6>
  59. <table class="table">
  60. {{ range $key, $value := .}}
  61. <tr>
  62. <th> {{ $key }} </th>
  63. <td> {{ $value }} </td>
  64. </tr>
  65. {{ end }}
  66. </table>
  67. {{ end }}
  68. </div>
  69. <div class="summary">
  70. {{ with .URL.Query }}
  71. <h6>Query Params</h6>
  72. <table class="table">
  73. {{ range $key, $value := .}}
  74. <tr>
  75. <th> {{ $key }} </th>
  76. <td> {{ $value }} </td>
  77. </tr>
  78. {{ end }}
  79. </table>
  80. {{ end }}
  81. {{ template "body" . }}
  82. </div>
  83. {{ end }}
  84. </div>
  85. <div class="span6">
  86. {{ with .GetResponse }}
  87. <h3>{{ .Status }}</h3>
  88. {{ with $raw := dumpResponse . }}
  89. <pre><code class="http">{{ $raw }}</code></pre>
  90. {{ end }}
  91. {{ end }}
  92. </div>
  93. </div>
  94. </li>
  95. {{ end }}
  96. </ul>
  97. </div>
  98. </body>
  99. </html>