diff options
author | Phil Hughes <me@iamphill.com> | 2018-03-21 19:28:07 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-03-21 19:28:07 +0300 |
commit | ab53f7aa136762e90c2addca7d930b134a42567c (patch) | |
tree | 46b779c372aaa218ef47b84e0426406e4ae1886e /app/assets/javascripts/performance_bar/components/detailed_metric.vue | |
parent | 40c338a4bbcfbcb1da0a54acfdf730f6bae6763f (diff) |
Fix performance bar spacing
Diffstat (limited to 'app/assets/javascripts/performance_bar/components/detailed_metric.vue')
-rw-r--r-- | app/assets/javascripts/performance_bar/components/detailed_metric.vue | 40 |
1 files changed, 28 insertions, 12 deletions
diff --git a/app/assets/javascripts/performance_bar/components/detailed_metric.vue b/app/assets/javascripts/performance_bar/components/detailed_metric.vue index 145465f4ee9..719282e69c1 100644 --- a/app/assets/javascripts/performance_bar/components/detailed_metric.vue +++ b/app/assets/javascripts/performance_bar/components/detailed_metric.vue @@ -27,6 +27,11 @@ export default { required: true, }, }, + computed: { + detailsList() { + return this.currentRequest.details[this.metric][this.details]; + }, + }, }; </script> <template> @@ -55,19 +60,30 @@ export default { :header-title-text="header" class="performance-bar-modal" > - <table class="table"> - <tr - v-for="(item, index) in currentRequest.details[metric][details]" - :key="index" - > - <td><strong>{{ item.duration }}ms</strong></td> - <td - v-for="key in keys" - :key="key" + <table + class="table" + > + <template v-if="detailsList.length"> + <tr + v-for="(item, index) in detailsList" + :key="index" > - {{ item[key] }} - </td> - </tr> + <td><strong>{{ item.duration }}ms</strong></td> + <td + v-for="key in keys" + :key="key" + > + {{ item[key] }} + </td> + </tr> + </template> + <template v-else> + <tr> + <td> + No {{ header.toLowerCase() }} for this request. + </td> + </tr> + </template> </table> <div slot="footer"> |