Adding ostypename to vm detailview (#723)

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>

ui/src/components/view/InfoCard.vue

@@ -23,7 +23,7 @@
           <div class="resource-details__name">
             <div class="avatar">
               <slot name="avatar">
-                <os-logo v-if="resource.ostypeid || resource.ostypename" :osId="resource.ostypeid" :osName="resource.ostypename" size="4x" />
+                <os-logo v-if="resource.ostypeid || resource.ostypename" :osId="resource.ostypeid" :osName="resource.ostypename" size="4x" @update-osname="(name) => this.resource.ostypename = name"/>
                 <a-icon v-else-if="typeof $route.meta.icon ==='string'" style="font-size: 36px" :type="$route.meta.icon" />
                 <a-icon v-else style="font-size: 36px" :component="$route.meta.icon" />
               </slot>

ui/src/components/widgets/OsLogo.vue

@@ -117,6 +117,7 @@ export default {
       } else {
         this.osLogo = 'linux'
       }
+      this.$emit('update-osname', this.name)
     }
   }
 }