Make the application modular to have a "main" and "backend" part.
This commit is contained in:
parent
884f721002
commit
e5b0e1fcfd
28 changed files with 112 additions and 7 deletions
|
|
@ -1,140 +0,0 @@
|
|||
|
||||
<div class="section">
|
||||
<div class="clearfix">
|
||||
<h3 class="pull-left">{{ item.name|e }}</h3>
|
||||
<h5 class="pull-right"><strong>Created at:</strong> {{ item.created_at }}</h5>
|
||||
</div>
|
||||
|
||||
<div class="panel-group request-list" id="request-list" role="tablist" aria-multiselectable="true">
|
||||
|
||||
{% for index, req in page.items %}
|
||||
|
||||
<div class="panel request-list-item">
|
||||
<a id="request-item-head-{{ index }}" class="request-list-item-header collapsed"
|
||||
href="#request-item-body-{{ index }}" aria-controls="request-item-body-{{ index }}"
|
||||
data-parent="#request-list" data-toggle="collapse" aria-expanded="true" >
|
||||
|
||||
<div class="request-list-item-header-row">
|
||||
|
||||
<span class="request-list-item-header-method">
|
||||
{{ req.getMethod() }}
|
||||
</span>
|
||||
|
||||
<span class="request-list-item-header-uri">
|
||||
<span class="url">{{ urlStyle(req.getUri()) }}</span>
|
||||
</span>
|
||||
|
||||
<span class="request-list-item-header-timestamp">
|
||||
{{ icon('clock') }} {{ req.getTimestamp() }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="request-list-item-header-row">
|
||||
|
||||
<span class="request-list-item-header-type">
|
||||
{{ icon('file-alt') }} {{ req.getType() }}
|
||||
</span>
|
||||
|
||||
<span class="request-list-item-header-size">
|
||||
{{ icon('solid/database') }} {{ req.getSize() }} b
|
||||
</span>
|
||||
|
||||
<span class="request-list-item-header-ip">
|
||||
{{ icon('compass') }} {{ req.getSourceIp() }}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div id="request-item-body-{{ index }}" class="collapse"
|
||||
role="tabpanel" aria-labelledby="request-item-head-{{ index }}">
|
||||
|
||||
<div class="request-list-item-detail">
|
||||
|
||||
{% if req.getUriQuery()|length > 0 %}
|
||||
|
||||
<button class="request-list-item-detail-button" type="button"
|
||||
data-toggle="collapse" data-target="#request-list-item-detail-query-{{ index }}"
|
||||
aria-expanded="false" aria-controls="request-list-item-detail-query-{{ index }}">
|
||||
Query
|
||||
</button>
|
||||
|
||||
<div id="request-list-item-detail-query-{{ index }}" class="collapse in">
|
||||
<table class="request-list-item-detail-headers">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="request-list-item-detail-headers-key">Key</th>
|
||||
<th class="request-list-item-detail-headers-value">Value</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for key, val in req.getUriQuery() %}
|
||||
<tr>
|
||||
<td><strong>{{ key|e }}</strong></td>
|
||||
<td>{{ val|e }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
<button class="request-list-item-detail-button" type="button"
|
||||
data-toggle="collapse" data-target="#request-list-item-detail-headers-{{ index }}"
|
||||
aria-expanded="false" aria-controls="request-list-item-detail-headers-{{ index }}">
|
||||
Headers
|
||||
</button>
|
||||
|
||||
<div id="request-list-item-detail-headers-{{ index }}" class="collapse">
|
||||
<table class="request-list-item-detail-headers">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="request-list-item-detail-headers-key">Key</th>
|
||||
<th class="request-list-item-detail-headers-value">Value</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for key, val in req.getHeaders() %}
|
||||
<tr>
|
||||
<td><strong>{{ key|e }}</strong></td>
|
||||
<td>{{ val|e }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<button class="request-list-item-detail-button" type="button"
|
||||
data-toggle="collapse" data-target="#request-list-item-detail-body-{{ index }}"
|
||||
aria-expanded="false" aria-controls="request-list-item-detail-body-{{ index }}">
|
||||
Body
|
||||
</button>
|
||||
|
||||
<div id="request-list-item-detail-body-{{ index }}" class="request-list-item-detail-body collapse in">
|
||||
|
||||
{% if (req.getBody()|length < 1) %}
|
||||
<div class="blankslate blankslate-sm">
|
||||
<h3>Empty body</h3>
|
||||
</div>
|
||||
{% else %}
|
||||
<pre>{{ req.getBody() }}</pre>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% else %}
|
||||
<div class="blankslate">
|
||||
<h3>No requests made yet.</h3>
|
||||
<p>No http requests has been made to this callback.</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
<nav class="text-center" aria-label="Page navigation">
|
||||
{{ partial('pagination') }}
|
||||
</nav>
|
||||
</div>
|
||||
Reference in a new issue