Commit 7d651ad1 authored by Phil Hughes's avatar Phil Hughes

removed check for host

changed wrapper to container with correct widths
parent ab53f7aa
...@@ -28,8 +28,11 @@ export default { ...@@ -28,8 +28,11 @@ export default {
}, },
}, },
computed: { computed: {
metricDetails() {
return this.currentRequest.details[this.metric];
},
detailsList() { detailsList() {
return this.currentRequest.details[this.metric][this.details]; return this.metricDetails[this.details];
}, },
}, },
}; };
...@@ -38,6 +41,7 @@ export default { ...@@ -38,6 +41,7 @@ export default {
<div <div
:id="`peek-view-${metric}`" :id="`peek-view-${metric}`"
class="view" class="view"
v-if="currentRequest.details"
> >
<button <button
:data-target="`#modal-peek-${metric}-details`" :data-target="`#modal-peek-${metric}-details`"
...@@ -45,17 +49,11 @@ export default { ...@@ -45,17 +49,11 @@ export default {
type="button" type="button"
data-toggle="modal" data-toggle="modal"
> >
<span {{ metricDetails.duration }}
v-if="currentRequest.details"
class="bold"
>
{{ currentRequest.details[metric].duration }}
/ /
{{ currentRequest.details[metric].calls }} {{ metricDetails.calls }}
</span>
</button> </button>
<gl-modal <gl-modal
v-if="currentRequest.details"
:id="`modal-peek-${metric}-details`" :id="`modal-peek-${metric}-details`"
:header-title-text="header" :header-title-text="header"
class="performance-bar-modal" class="performance-bar-modal"
......
...@@ -113,27 +113,21 @@ export default { ...@@ -113,27 +113,21 @@ export default {
id="js-peek" id="js-peek"
:class="env" :class="env"
> >
<request-selector <div
v-if="currentRequest" v-if="currentRequest"
:current-request="currentRequest" class="container-fluid container-limited"
:requests="requests" >
@change-current-request="changeCurrentRequest"
/>
<div <div
id="peek-view-host" id="peek-view-host"
class="view prepend-left-5" class="view"
> >
<span <span
v-if="currentRequest && currentRequest.details && currentRequest.details.host" v-if="currentRequest.details"
class="current-host" class="current-host"
> >
{{ currentRequest.details.host.hostname }} {{ currentRequest.details.host.hostname }}
</span> </span>
</div> </div>
<div
v-if="currentRequest"
class="wrapper"
>
<upstream-performance-bar <upstream-performance-bar
v-if="initialRequest && currentRequest.details" v-if="initialRequest && currentRequest.details"
/> />
...@@ -186,6 +180,12 @@ export default { ...@@ -186,6 +180,12 @@ export default {
gc gc
</span> </span>
</div> </div>
<request-selector
v-if="currentRequest"
:current-request="currentRequest"
:requests="requests"
@change-current-request="changeCurrentRequest"
/>
</div> </div>
</div> </div>
</template> </template>
...@@ -37,7 +37,7 @@ export default { ...@@ -37,7 +37,7 @@ export default {
<template> <template>
<div <div
id="peek-request-selector" id="peek-request-selector"
class="append-right-5 pull-right" class="pull-right"
> >
<select v-model="currentRequestId"> <select v-model="currentRequestId">
<option <option
......
...@@ -43,12 +43,6 @@ ...@@ -43,12 +43,6 @@
} }
} }
.wrapper {
width: 80%;
height: $performance-bar-height;
margin: 0 auto;
}
// UI Elements // UI Elements
.bucket { .bucket {
background: $perf-bar-bucket-bg; background: $perf-bar-bucket-bg;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment