[cloudstack] branch main updated: ui: Move resource icon to first colume for VM list view (#5465)

[nvazquez]

This is an automated email from the ASF dual-hosted git repository.

nvazquez pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/main by this push:
     new 40b4b2c  ui: Move resource icon to first colume for VM list view 
(#5465)
40b4b2c is described below

commit 40b4b2c89450bb513227fc6c215ec9167c4877ad
Author: Pearl Dsilva <pearl1...@gmail.com>
AuthorDate: Mon Sep 20 06:20:06 2021 +0530

    ui: Move resource icon to first colume for VM list view (#5465)
---
 ui/src/components/view/ListView.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/view/ListView.vue 
b/ui/src/components/view/ListView.vue
index 7f18e60..fd97fdc 100644
--- a/ui/src/components/view/ListView.vue
+++ b/ui/src/components/view/ListView.vue
@@ -61,7 +61,13 @@
     -->
 
     <span slot="name" slot-scope="text, record">
-      <div style="min-width: 120px" >
+      <span v-if="['vm'].includes($route.path.split('/')[1])">
+        <span v-if="record.icon && record.icon.base64image">
+          <resource-icon :image="record.icon.base64image" size="1x" 
style="margin-right: 5px"/>
+        </span>
+        <os-logo v-else :osId="record.ostypeid" :osName="record.ostypename" 
size="lg" style="margin-right: 5px" />
+      </span>
+      <span style="min-width: 120px" >
         <QuickView
           style="margin-left: 5px"
           :actions="actions"
@@ -97,7 +103,7 @@
           <router-link :to="{ path: $route.path + '/' + record.id }" 
v-if="record.id">{{ text }}</router-link>
           <router-link :to="{ path: $route.path + '/' + record.name }" 
v-else>{{ text }}</router-link>
         </span>
-      </div>
+      </span>
     </span>
     <a slot="templatetype" slot-scope="text, record" href="javascript:;">
       <router-link :to="{ path: $route.path + '/' + record.templatetype }">{{ 
text }}</router-link>
@@ -107,14 +113,6 @@
       <span v-else>{{ text }}</span>
     </template>
     <a slot="displayname" slot-scope="text, record" href="javascript:;">
-      <span v-if="['vm'].includes($route.path.split('/')[1])">
-        <span v-if="record.icon && record.icon.base64image">
-          <resource-icon :image="record.icon.base64image" size="1x" 
style="margin-right: 5px"/>
-        </span>
-        <span v-else>
-          <os-logo :osId="record.ostypeid" :osName="record.ostypename" 
size="lg" style="margin-right: 5px" />
-        </span>
-      </span>
       <QuickView
         style="margin-left: 5px"
         :actions="actions"