etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Move styles to CSS class 

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>
This commit is contained in:
Ritchie Vincent 2020-01-14 09:28:36 +00:00 committed by Rohit Yadav
parent b27e026db4
commit 7155435987
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/components/view/InfoCard.vue
View File

@ -99,7 +99,7 @@
<span v-if="resource.cpuused">
<a-progress
v-if="resource.cpuused"
style="width: 85%"
class="progress-bar"
size="small"
status="active"
:percent="parseFloat(resource.cpuused)"
@ -108,7 +108,7 @@
</span>
<span v-if="resource.cpuallocated">
<a-progress
style="width: 85%"
class="progress-bar"
size="small"
:percent="parseFloat(resource.cpuallocated)"
:format="(percent, successPercent) => parseFloat(percent).toFixed(2) + '% ' + $t('cpuallocatedghz')"
@ -124,7 +124,7 @@
<div>
<span v-if="resource.memorykbs && resource.memoryintfreekbs">
<a-progress
style="width: 85%"
class="progress-bar"
size="small"
status="active"
:percent="Number(parseFloat(100.0 * (resource.memorykbs - resource.memoryintfreekbs) / resource.memorykbs).toFixed(2))"
@ -141,7 +141,7 @@
<div>
<span v-if="resource.memoryusedgb">
<a-progress
style="width: 85%"
class="progress-bar"
size="small"
status="active"
:percent="Number(parseFloat(100.0 * parseFloat(resource.memoryusedgb) / parseFloat(resource.memorytotalgb)).toFixed(2))"
@ -150,7 +150,7 @@
</span>
<span v-if="resource.memoryallocatedgb">
<a-progress
style="width: 85%"
class="progress-bar"
size="small"
:percent="Number(parseFloat(100.0 * parseFloat(resource.memoryallocatedgb) / parseFloat(resource.memorytotalgb)).toFixed(2))"
:format="(percent, successPercent) => parseFloat(percent).toFixed(2) + '% ' + $t('memoryallocatedgb')"
@ -871,4 +871,8 @@ export default {
}
}
.progress-bar {
width: 85%;
}
</style>