pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

app/views/callback/show.volt: move some stuff around and add 2 rows for list header to make room for source ip and method.

Browse source
This commit is contained in:
Henrik Hautakoski 2018-03-19 20:24:38 +01:00
parent b6507f1171
commit 8828c14230
2 changed files with 55 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/assets/less/components/request-item.less
View file

@ -35,23 +35,37 @@
} }
} }
&-uri { &-row {
display: inline-block; display: block;
width: 45%; & + & {
margin-top: .4em;
}
} }
&-size { &-method,
&-uri,
&-type,
&-timestamp,
&-size,
&-ip {
display: inline-block; display: inline-block;
width: 10%; .icon {
margin: 0 .2em;
}
}
&-method {
font-weight: bold;
} }
&-type, &-type,
&-size {
width: 30%;
}
&-ip,
&-timestamp { &-timestamp {
display: inline-block; float: right;
width: 20%;
.icon {
padding: 0 .4em;
}
} }
} }

43
app/views/callback/show.volt
View file

@ -14,21 +14,40 @@
data-toggle="collapse" data-parent="#request-log" data-toggle="collapse" data-parent="#request-log"
aria-expanded="true" aria-controls="request{{ index }}"> aria-expanded="true" aria-controls="request{{ index }}">
<span class="request-list-item-header-uri"> <div class="request-list-item-header-row">
{{ icon('android-locate') }} <span class="url">{{ urlStyle(req.getUri()) }}</span>
</span>
<span class="request-list-item-header-timestamp"> <span class="request-list-item-header-method">
{{ icon('android-time') }} {{ req.getTimestamp() }} {{ req.getMethod() }}
</span> </span>
<span class="request-list-item-header-uri">
<span class="url">{{ urlStyle(req.getUri()) }}</span>
</span>
<span class="request-list-item-header-timestamp">
{{ icon('android-time') }} {{ req.getTimestamp() }}
</span>
</div>
<div class="request-list-item-header-row">
<span class="request-list-item-header-type">
{{ icon('android-list') }} {{ req.getType() }}
</span>
<span class="request-list-item-header-size">
{{ icon('cube') }} {{ req.getSize() }} b
</span>
<span class="request-list-item-header-ip">
{{ icon('location') }} {{ req.getSourceIp() }}
</span>
</div>
<span class="request-list-item-header-type">
{{ icon('android-list') }} {{ req.getType() }}
</span>
<span class="request-list-item-header-size">
{{ icon('cube') }} {{ req.getSize() }} b
</span>
</a> </a>
<div class="collapse" id="request{{ index }}" <div class="collapse" id="request{{ index }}"