diff --git a/ui/src/views/dashboard/UsageDashboard.vue b/ui/src/views/dashboard/UsageDashboard.vue index 01574b3e9ad..bc2ebccea58 100644 --- a/ui/src/views/dashboard/UsageDashboard.vue +++ b/ui/src/views/dashboard/UsageDashboard.vue @@ -49,7 +49,7 @@ :bordered="false" :loading="loading" :style="stat.bgcolor ? { 'background-color': stat.bgcolor } : {}"> - +

{{ stat.name }}

@@ -166,42 +166,42 @@ export default { if (json && json.listvirtualmachinesresponse) { count = json.listvirtualmachinesresponse.count } - this.stats.splice(0, 1, { name: this.$t('label.running'), count: count, icon: 'desktop', bgcolor: '#dfe9cc', path: 'vm' }) + this.stats.splice(0, 1, { name: this.$t('label.running'), count: count, icon: 'desktop', bgcolor: '#dfe9cc', path: '/vm?state=running&filter=running' }) }) api('listVirtualMachines', { state: 'Stopped', listall: true }).then(json => { var count = 0 if (json && json.listvirtualmachinesresponse) { count = json.listvirtualmachinesresponse.count } - this.stats.splice(1, 1, { name: this.$t('label.stopped'), count: count, icon: 'poweroff', bgcolor: '#edcbce', path: 'vm' }) + this.stats.splice(1, 1, { name: this.$t('label.stopped'), count: count, icon: 'poweroff', bgcolor: '#edcbce', path: '/vm?state=stopped&filter=stopped' }) }) api('listVirtualMachines', { listall: true }).then(json => { var count = 0 if (json && json.listvirtualmachinesresponse) { count = json.listvirtualmachinesresponse.count } - this.stats.splice(2, 1, { name: this.$t('label.total.vms'), count: count, icon: 'number', path: 'vm' }) + this.stats.splice(2, 1, { name: this.$t('label.total.vms'), count: count, icon: 'number', path: '/vm' }) }) api('listVolumes', { listall: true }).then(json => { var count = 0 if (json && json.listvolumesresponse) { count = json.listvolumesresponse.count } - this.stats.splice(3, 1, { name: 'Total Volumes', count: count, icon: 'database', path: 'volume' }) + this.stats.splice(3, 1, { name: 'Total Volumes', count: count, icon: 'database', path: '/volume' }) }) api('listNetworks', { listall: true }).then(json => { var count = 0 if (json && json.listnetworksresponse) { count = json.listnetworksresponse.count } - this.stats.splice(4, 1, { name: 'Total Networks', count: count, icon: 'apartment', path: 'guestnetwork' }) + this.stats.splice(4, 1, { name: 'Total Networks', count: count, icon: 'apartment', path: '/guestnetwork' }) }) api('listPublicIpAddresses', { listall: true }).then(json => { var count = 0 if (json && json.listpublicipaddressesresponse) { count = json.listpublicipaddressesresponse.count } - this.stats.splice(5, 1, { name: this.$t('label.public.ip.addresses'), count: count, icon: 'environment', path: 'publicip' }) + this.stats.splice(5, 1, { name: this.$t('label.public.ip.addresses'), count: count, icon: 'environment', path: '/publicip' }) }) this.listEvents() }, diff --git a/ui/src/views/dashboard/UsageDashboardChart.vue b/ui/src/views/dashboard/UsageDashboardChart.vue index 711218e54b7..1430d2d3701 100644 --- a/ui/src/views/dashboard/UsageDashboardChart.vue +++ b/ui/src/views/dashboard/UsageDashboardChart.vue @@ -28,7 +28,7 @@ :bordered="false" :loading="loading" :style="stat.bgcolor ? { 'background-color': stat.bgcolor } : {}"> - +

{{ stat.name }}