From 09f27860edc890e86c80483e40865c3a3fca04e9 Mon Sep 17 00:00:00 2001
From: Rastislav Wagner <rawagner@redhat.com>
Date: Wed, 9 Jan 2019 17:17:57 +0100
Subject: [PATCH] Show full OS name in templates view

---
 .../components/vm-template/vm-template.jsx    | 53 ++++++++++---------
 1 file changed, 29 insertions(+), 24 deletions(-)

diff --git a/frontend/public/kubevirt/components/vm-template/vm-template.jsx b/frontend/public/kubevirt/components/vm-template/vm-template.jsx
index 7f9340cbb8eb..c6f00226d5c1 100644
--- a/frontend/public/kubevirt/components/vm-template/vm-template.jsx
+++ b/frontend/public/kubevirt/components/vm-template/vm-template.jsx
@@ -20,31 +20,36 @@ const VmTemplateHeader = props => <ListHeader>
   <ColHead {...props} className={otherRowStyle}>Flavor</ColHead>
 </ListHeader>;
 
-const VmTemplateRow = ({obj: template}) => <ResourceRow obj={template}>
-  <div className={mainRowStyle}>
-    <ResourceLink kind={VmTemplateModel.kind} name={template.metadata.name} namespace={template.metadata.namespace} title={template.metadata.uid} />
-  </div>
-  <div className={mainRowStyle}>
-    <ResourceLink kind={NamespaceModel.kind} name={template.metadata.namespace} title={template.metadata.namespace} />
-  </div>
-  <div className={mainRowStyle}>
-    {_.get(template.metadata, 'annotations.description', DASHES)}
-  </div>
-  <div className="dropdown-kebab-pf">
-    <ResourceKebab actions={menuActions} kind={VmTemplateModel.kind} resource={template} />
-  </div>
-  <div className={otherRowStyle}>
-    <div className="co-resource-list__item--templateSource">
-      <TemplateSource template={template} />
+const VmTemplateRow = ({obj: template}) => {
+  
+  const os = getTemplateOperatingSystems([template])[0];
+
+  return ( <ResourceRow obj={template}>
+    <div className={mainRowStyle}>
+      <ResourceLink kind={VmTemplateModel.kind} name={template.metadata.name} namespace={template.metadata.namespace} title={template.metadata.uid} />
+    </div>
+    <div className={mainRowStyle}>
+      <ResourceLink kind={NamespaceModel.kind} name={template.metadata.namespace} title={template.metadata.namespace} />
+    </div>
+    <div className={mainRowStyle}>
+      {_.get(template.metadata, 'annotations.description', DASHES)}
+    </div>
+    <div className="dropdown-kebab-pf">
+      <ResourceKebab actions={menuActions} kind={VmTemplateModel.kind} resource={template} />
     </div>
-  </div>
-  <div className={otherRowStyle}>
-    {getTemplateOperatingSystems([template])[0]}
-  </div>
-  <div className={otherRowStyle}>
-    {getTemplateFlavors([template])[0]}
-  </div>
-</ResourceRow>;
+    <div className={otherRowStyle}>
+      <div className="co-resource-list__item--templateSource">
+        <TemplateSource template={template} />
+      </div>
+    </div>
+    <div className={otherRowStyle}>
+      {os ? os.name || os.id : DASHES}
+    </div>
+    <div className={otherRowStyle}>
+      {getTemplateFlavors([template])[0]}
+    </div>
+  </ResourceRow>);
+};
 
 
 const VmTemplateList = props => <List {...props} Header={VmTemplateHeader} Row={VmTemplateRow} />;