Merge pull request #1865 from yaacov/kubevirt-vm-template-create-yaml

Kubevirt VMTemplate create YAML

frontend/packages/kubevirt-plugin/src/components/vm-templates/vm-template-create-yaml.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import { CreateYAML } from '@console/internal/components/create-yaml';
+import { TemplateModel } from '@console/internal/models';
+import { VMTemplateYAMLTemplates } from '../../models/templates';
+
+export const CreateVMTemplateYAML = (props: any) => (
+  <CreateYAML
+    {...props as any}
+    plural={TemplateModel.plural}
+    template={VMTemplateYAMLTemplates.getIn(['vm-template'])}
+  />
+);

frontend/packages/kubevirt-plugin/src/components/vm-templates/vm-template.tsx

@@ -14,7 +14,8 @@ import { ListPage, Table, TableRow, TableData } from '@console/internal/componen
 import { Kebab, ResourceLink, ResourceKebab } from '@console/internal/components/utils';
 import { getName, getNamespace, DASH, getUid } from '@console/shared';
 import { TemplateModel } from '@console/internal/models';
-import { TemplateKind } from '../../../../../public/module/k8s/index';
+import { TemplateKind } from '@console/internal/module/k8s';
+import { match } from 'react-router';
 
 export const menuActions = Kebab.factory.common;
 
@@ -124,14 +125,24 @@ const VirtualMachineTemplates = (props: React.ComponentProps<typeof Table>) => {
   );
 };
 
-const VirtualMachineTemplatesPage = (props: React.ComponentProps<typeof ListPage>) => (
+const getCreateProps = (namespace: string) => ({
+  items: {
+    yaml: 'Create from YAML',
+  },
+  createLink: () => `/k8s/ns/${namespace || 'default'}/vmtemplates/~new/`,
+});
+
+const VirtualMachineTemplatesPage = (
+  props: VirtualMachineTemplatesPageProps & React.ComponentProps<typeof ListPage>,
+) => (
   <ListPage
     {...props}
     title={labelPlural}
     ListComponent={VirtualMachineTemplates}
     kind={kind}
     selector={selector}
     canCreate
+    createProps={getCreateProps(props.match.params.ns)}
   />
 );
 
@@ -142,4 +153,8 @@ type VmTemplateTableRowProps = {
   style: any;
 };
 
+type VirtualMachineTemplatesPageProps = {
+  match: match<{ ns?: string }>;
+};
+
 export { VirtualMachineTemplates, VirtualMachineTemplatesPage };

frontend/packages/kubevirt-plugin/src/plugin.ts

@@ -114,6 +114,17 @@ const plugin: Plugin<ConsumedExtensions> = [
         ).then((m) => m.VirtualMachineTemplatesPage),
     },
   },
+  {
+    type: 'Page/Route',
+    properties: {
+      exact: true,
+      path: ['/k8s/ns/:ns/vmtemplates/~new'],
+      loader: () =>
+        import(
+          './components/vm-templates/vm-template-create-yaml' /* webpackChunkName: "kubevirt-vmtemplates-create-yaml" */
+        ).then((m) => m.CreateVMTemplateYAML),
+    },
+  },
 ];
 
 export default plugin;