ui: show icon/label for more properties

Signed-off-by: Abhishek Kumar <[email protected]>

Author: shwstppr

ui/src/core/lazy_lib/icons_use.js

@@ -83,6 +83,7 @@ import {
   FileDoneOutlined,
   FileProtectOutlined,
   FileTextOutlined,
+  FileZipOutlined,
   FilterOutlined,
   FilterTwoTone,
   FireOutlined,
@@ -254,6 +255,7 @@ export default {
     app.component('FileDoneOutlined', FileDoneOutlined)
     app.component('FileProtectOutlined', FileProtectOutlined)
     app.component('FileTextOutlined', FileTextOutlined)
+    app.component('FileZipOutlined', FileZipOutlined)
     app.component('FilterOutlined', FilterOutlined)
     app.component('FilterTwoTone', FilterTwoTone)
     app.component('FireOutlined', FireOutlined)

ui/src/views/compute/wizard/OsBasedImageRadioGroup.vue

@@ -49,17 +49,29 @@
             | <project-outlined /> {{ item.project }}
             </span>
             <a-tooltip :title="$t('label.passwordenabled')" v-if="item.passwordenabled">
-              <lock-outlined style="margin-left: 10px;"/>
+              <lock-outlined style="margin-left: 8px;"/>
             </a-tooltip>
             <a-tooltip :title="$t('label.userdata')" v-if="item.userdataid">
-              <solution-outlined style="margin-left: 10px;"/>
+              <solution-outlined style="margin-left: 8px;"/>
             </a-tooltip>
-            <a-tag v-if="item.isfeatured" style="margin-left: 10px;">
+            <a-tooltip :title="$t('label.isdynamicallyscalable')" v-if="item.isdynamicallyscalable">
+              <arrows-alt-outlined style="margin-left: 8px;"/>
+            </a-tooltip>
+            <a-tooltip :title="$t('label.isextractable')" v-if="item.isextractable">
+              <file-zip-outlined style="margin-left: 8px;"/>
+            </a-tooltip>
+            <a-tag v-if="item.isfeatured" style="margin-left: 8px;">
               {{ $t('label.isfeatured') }}
             </a-tag>
-            <a-tag v-if="item.ispublic" style="margin-left: 10px;">
+            <a-tag v-if="item.ispublic" style="margin-left: 8px;">
               {{ $t('label.ispublic') }}
             </a-tag>
+            <a-tag v-if="item.directdownload" style="margin-left: 8px;">
+              {{ $t('label.directdownload') }}
+            </a-tag>
+            <a-tag v-if="item.requireshvm" style="margin-left: 8px;">
+              {{ $t('label.requireshvm') }}
+            </a-tag>
           </a-radio>
         </a-radio-group>
       </a-list-item>