import { TextField } from "~/components/text-field/text-field";
import { USER_EMAIL_VALIDATION, USER_LENGTH_VALIDATION } from "~/validators/validators";
import { NativeSelectField } from "~/components/select-field/select-field";
-
-export const UserFirstNameField = () =>
- <Field
- name='firstName'
- component={TextField}
- validate={USER_LENGTH_VALIDATION}
- autoFocus={true}
- label="First name" />;
-
-export const UserLastNameField = () =>
- <Field
- name='lastName'
- component={TextField}
- validate={USER_LENGTH_VALIDATION}
- autoFocus={true}
- label="Last name" />;
+import { InputLabel } from "@material-ui/core";
+import { VirtualMachinesResource } from "~/models/virtual-machines";
export const UserEmailField = () =>
<Field
autoFocus={true}
label="Email" />;
-export const UserIdentityUrlField = () =>
- <Field
- name='identityUrl'
- component={TextField}
- validate={USER_LENGTH_VALIDATION}
- label="Identity URL Prefix" />;
-
-export const UserVirtualMachineField = () =>
- <Field
- name='virtualMachine'
- component={NativeSelectField}
- validate={USER_LENGTH_VALIDATION}
- items={['shell']} />;
+export const UserVirtualMachineField = ({ data }: any) =>
+ <div style={{ marginBottom: '21px' }}>
+ <InputLabel>Virtual Machine</InputLabel>
+ <Field
+ name='virtualMachine'
+ component={NativeSelectField}
+ validate={USER_LENGTH_VALIDATION}
+ items={getVirtualMachinesList(data.items)} />
+ </div>;
export const UserGroupsVirtualMachineField = () =>
<Field
- name='virtualMachine'
+ name='groups'
component={TextField}
validate={USER_LENGTH_VALIDATION}
- label="Groups for virtual machine (comma separated list)" />;
\ No newline at end of file
+ label="Groups for virtual machine (comma separated list)" />;
+
+const getVirtualMachinesList = (virtualMachines: VirtualMachinesResource[]) => {
+ const mappedVirtualMachines = virtualMachines.map(it => ({ key: it.hostname, value: it.hostname }));
+ return mappedVirtualMachines;
+};