foreman_fog_proxmox 0.15.1 → 0.16.0

data/webpack/components/GeneralTabContent.js

@@ -0,0 +1,107 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PageSection, Divider } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import InputField from './common/FormInputs';
+
+const GeneralTabContent = ({
+  general,
+  fromProfile,
+  newVm,
+  nodesMap,
+  poolsMap,
+  imagesMap,
+  handleChange,
+  untemplatable,
+}) => (
+  <PageSection padding={{ default: 'noPadding' }}>
+    <Divider component="li" style={{ marginBottom: '2rem' }} />
+    <InputField
+      name={general?.vmid?.name}
+      label={__('VM ID')}
+      required
+      type="number"
+      value={general?.vmid?.value}
+      disabled={fromProfile}
+      onChange={handleChange}
+    />
+    <InputField
+      name={general?.nodeId?.name}
+      label={__('Node')}
+      required
+      type="select"
+      value={general?.nodeId?.value}
+      options={nodesMap}
+      onChange={handleChange}
+    />
+    <InputField
+      name={general?.pool?.name}
+      label={__('Pool')}
+      type="select"
+      value={general?.pool?.value}
+      options={poolsMap}
+      onChange={handleChange}
+    />
+    {newVm && !fromProfile && (
+      <InputField
+        name={general?.startAfterCreate?.name}
+        label={__('Start after creation?')}
+        type="checkbox"
+        value={general?.startAfterCreate?.value}
+        checked={general?.startAfterCreate?.value === '1'}
+        onChange={handleChange}
+      />
+    )}
+    {!fromProfile && !untemplatable && (
+      <InputField
+        name={general?.templated?.name}
+        label={__('Create image?')}
+        type="checkbox"
+        value={general?.templated?.value}
+        checked={general?.templated?.value === '1'}
+        disabled={untemplatable}
+        onChange={handleChange}
+      />
+    )}
+    {fromProfile && (
+      <InputField
+        name={general?.imageId?.name}
+        label={__('Image')}
+        type="select"
+        value={general?.imageId?.value}
+        disabled={imagesMap.length === 0}
+        options={imagesMap}
+        onChange={handleChange}
+      />
+    )}
+    <InputField
+      name={general?.description?.name}
+      label={__('Description')}
+      type="textarea"
+      value={general?.description?.value}
+      onChange={handleChange}
+    />
+  </PageSection>
+);
+
+GeneralTabContent.propTypes = {
+  general: PropTypes.object.isRequired,
+  fromProfile: PropTypes.bool,
+  newVm: PropTypes.bool,
+  nodesMap: PropTypes.array,
+  poolsMap: PropTypes.array,
+  imagesMap: PropTypes.array,
+  handleChange: PropTypes.func.isRequired,
+  untemplatable: PropTypes.bool,
+};
+
+GeneralTabContent.defaultProps = {
+  fromProfile: false,
+  newVm: false,
+  nodesMap: [],
+  poolsMap: [],
+  imagesMap: [],
+  untemplatable: false,
+};
+
+export default GeneralTabContent;

data/webpack/components/ProxmoxComputeSelectors.js

@@ -0,0 +1,141 @@
+const ProxmoxComputeSelectors = {
+  proxmoxTypesMap: [
+    { value: 'qemu', label: 'KVM/Qemu server' },
+    { value: 'lxc', label: 'LXC container' },
+  ],
+
+  proxmoxControllersCloudinitMap: [
+    { value: 'ide', label: 'IDE' },
+    { value: 'sata', label: 'SATA' },
+    { value: 'scsi', label: 'SCSI' },
+  ],
+
+  proxmoxScsiControllersMap: [
+    { value: 'lsi', label: 'LSI 53C895A (Default)' },
+    { value: 'lsi53c810', label: 'LSI 53C810' },
+    { value: 'virtio-scsi-pci', label: 'VirtIO SCSI' },
+    { value: 'virtio-scsi-single', label: 'VirtIO SCSI Single' },
+    { value: 'megasas', label: 'MegaRAID SAS 8708EM2' },
+    { value: 'pvscsi', label: 'VMware PVSCSI' },
+  ],
+
+  proxmoxArchsMap: [
+    { value: 'amd64', label: '64 bits' },
+    { value: 'i386', label: '32 bits' },
+  ],
+
+  proxmoxOstypesMap: [
+    { value: 'debian', label: 'Debian' },
+    { value: 'ubuntu', label: 'Ubuntu' },
+    { value: 'centos', label: 'CentOS' },
+    { value: 'fedora', label: 'Fedora' },
+    { value: 'opensuse', label: 'OpenSuse' },
+    { value: 'archlinux', label: 'ArchLinux' },
+    { value: 'gentoo', label: 'Gentoo' },
+    { value: 'alpine', label: 'Alpine' },
+    { value: 'unmanaged', label: 'Unmanaged' },
+  ],
+
+  proxmoxOperatingSystemsMap: [
+    { value: 'other', label: 'Unspecified OS' },
+    { value: 'wxp', label: 'Microsoft Windows XP' },
+    { value: 'w2k', label: 'Microsoft Windows 2000' },
+    { value: 'w2k3', label: 'Microsoft Windows 2003' },
+    { value: 'w2k8', label: 'Microsoft Windows 2008' },
+    { value: 'wvista', label: 'Microsoft Windows Vista' },
+    { value: 'win7', label: 'Microsoft Windows 7' },
+    { value: 'win8', label: 'Microsoft Windows 8/2012/2012r2' },
+    { value: 'win10', label: 'Microsoft Windows 10/2016' },
+    { value: 'l24', label: 'Linux 2.4 Kernel' },
+    { value: 'l26', label: 'Linux 2.6/3.X + Kernel' },
+    { value: 'solaris', label: 'Solaris/OpenSolaris/OpenIndiania kernel' },
+  ],
+
+  proxmoxVgasMap: [
+    { value: 'std', label: 'Standard VGA' },
+    { value: 'vmware', label: 'Vmware compatible' },
+    { value: 'qxl', label: 'SPICE' },
+    { value: 'qxl2', label: 'SPICE 2 monitors' },
+    { value: 'qxl3', label: 'SPICE 3 monitors' },
+    { value: 'qxl4', label: 'SPICE 4 monitors' },
+    { value: 'serial0', label: 'Serial terminal 0' },
+    { value: 'serial1', label: 'Serial terminal 1' },
+    { value: 'serial2', label: 'Serial terminal 2' },
+    { value: 'serial3', label: 'Serial terminal 3' },
+  ],
+
+  proxmoxCachesMap: [
+    { value: '', labal: '' },
+    { value: 'directsync', label: 'Direct sync' },
+    { value: 'writethrough', label: 'Write through' },
+    { value: 'writeback', label: 'Write back' },
+    { value: 'unsafe', label: 'Write back unsafe' },
+    { value: 'none', label: 'No cache' },
+  ],
+
+  proxmoxCpusMap: [
+    { value: '486', label: '486' },
+    { value: 'athlon', label: 'athlon' },
+    { value: 'core2duo', label: 'core2duo' },
+    { value: 'coreduo', label: 'coreduo' },
+    { value: 'kvm32', label: 'kvm32' },
+    { value: 'kvm64', label: '(Default) kvm64' },
+    { value: 'pentium', label: 'pentium' },
+    { value: 'pentium2', label: 'pentium2' },
+    { value: 'pentium3', label: 'pentium3' },
+    { value: 'phenom', label: 'phenom' },
+    { value: 'qemu32', label: 'qemu32' },
+    { value: 'qemu64', label: 'qemu64' },
+    { value: 'Conroe', label: 'Conroe' },
+    { value: 'Penryn', label: 'Penryn' },
+    { value: 'Nehalem', label: 'Nehalem' },
+    { value: 'Westmere', label: 'Westmere' },
+    { value: 'SandyBridge', label: 'SandyBridge' },
+    { value: 'IvyBridge', label: 'IvyBridge' },
+    { value: 'Haswell', label: 'Haswell' },
+    { value: 'Haswell-noTSX', label: 'Haswell-noTSX' },
+    { value: 'Broadwell', label: 'Broadwell' },
+    { value: 'Broadwell-noTSX', label: 'Broadwell-noTSX' },
+    { value: 'Skylake-Client', label: 'Skylake-Client' },
+    { value: 'Opteron_G1', label: 'Opteron_G1' },
+    { value: 'Opteron_G2', label: 'Opteron_G2' },
+    { value: 'Opteron_G3', label: 'Opteron_G3' },
+    { value: 'Opteron_G4', label: 'Opteron_G4' },
+    { value: 'Opteron_G5', label: 'Opteron_G5' },
+    { value: 'host', label: 'host' },
+  ],
+
+  proxmoxCpuFlagsMap: [
+    { value: '-1', label: 'Off' },
+    { value: '0', label: 'Default' },
+    { value: '+1', label: 'On' },
+  ],
+
+  proxmoxScsihwMap: [
+    { value: 'lsi', label: 'lsi' },
+    { value: 'lsi53c810', label: 'lsi53c810' },
+    { value: 'megasas', label: 'megasas' },
+    { value: 'virtio-scsi-pci', label: 'virtio-scsi-pci' },
+    { value: 'virtio-scsi-single', label: 'virtio-scsi-single' },
+    { value: 'pvscsi', label: 'pvscsi' },
+  ],
+
+  proxmoxNetworkcardsMap: [
+    { value: 'e1000', label: 'Intel E1000' },
+    { value: 'virtio', label: 'VirtIO (paravirtualized)' },
+    { value: 'rtl8139', label: 'Realtek RTL8139' },
+    { value: 'vmxnet3', label: 'VMware vmxnet3' },
+  ],
+
+  proxmoxBiosMap: [
+    { value: 'seabios', label: '(Default) Seabios' },
+    { value: 'ovmf', label: 'OVMF (UEFI)' },
+  ],
+};
+
+ProxmoxComputeSelectors.proxmoxControllersHDDMap = [
+  ...ProxmoxComputeSelectors.proxmoxControllersCloudinitMap,
+  { value: 'virtio', label: 'VirtIO Block' },
+];
+
+export default ProxmoxComputeSelectors;

data/webpack/components/ProxmoxContainer/MountPoint.js

@@ -0,0 +1,91 @@
+import React, { useState } from 'react';
+import { Divider } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import PropTypes from 'prop-types';
+import InputField from '../common/FormInputs';
+
+const MountPoint = ({ id, data, storagesMap }) => {
+  const [mp, setMp] = useState(data);
+  const [error, setError] = useState('');
+
+  const handleChange = e => {
+    const { name, value } = e.target;
+    const updatedKey = Object.keys(mp).find(key => mp[key].name === name);
+    const updatedData = {
+      ...mp,
+      [updatedKey]: { ...mp[updatedKey], value },
+    };
+    setMp(updatedData);
+
+    if (updatedKey === 'mp' && value.trim() === '') {
+      setError(__('Path cannot be empty'));
+    } else {
+      setError('');
+    }
+  };
+
+  return (
+    <div>
+      <Divider component="li" style={{ marginBottom: '2rem' }} />
+      <InputField
+        name={mp?.storage?.name}
+        label={__('Storage')}
+        type="select"
+        options={storagesMap}
+        value={mp?.storage?.value}
+        onChange={handleChange}
+      />
+      <InputField
+        name={mp?.mp?.name}
+        label={__('Path')}
+        required
+        value={mp?.mp?.value}
+        onChange={handleChange}
+        error={error}
+      />
+      <InputField
+        name={mp?.size?.name}
+        label={__('Size')}
+        type="number"
+        value={mp?.size?.value}
+        onChange={handleChange}
+      />
+      <input
+        name={mp?.device?.name}
+        type="hidden"
+        value={mp?.device?.value}
+        onChange={handleChange}
+      />
+      <input
+        name={mp?.id?.name}
+        type="hidden"
+        value={mp?.id?.value}
+        onChange={handleChange}
+      />
+      <input
+        name={mp?.volid?.name}
+        type="hidden"
+        value={mp?.volid?.value}
+        onChange={handleChange}
+      />
+      <input
+        name={mp?.storageType?.name}
+        type="hidden"
+        value={mp?.storageType?.value}
+      />
+    </div>
+  );
+};
+
+MountPoint.propTypes = {
+  id: PropTypes.any.isRequired,
+  data: PropTypes.object,
+  storagesMap: PropTypes.array,
+};
+
+MountPoint.defaultProps = {
+  data: {},
+  storagesMap: [],
+};
+
+export default MountPoint;

data/webpack/components/ProxmoxContainer/ProxmoxContainerHardware.js

@@ -0,0 +1,85 @@
+import React, { useState } from 'react';
+import { PageSection, Title, Divider } from '@patternfly/react-core';
+import { translate as __ } from 'foremanReact/common/I18n';
+import PropTypes from 'prop-types';
+import InputField from '../common/FormInputs';
+import ProxmoxComputeSelectors from '../ProxmoxComputeSelectors';
+
+const ProxmoxContainerHardware = ({ hardware }) => {
+  const [hw, setHw] = useState(hardware);
+  const handleChange = e => {
+    const { name, value } = e.target;
+    const updatedKey = Object.keys(hw).find(key => hw[key].name === name);
+
+    setHw(prevHw => ({
+      ...prevHw,
+      [updatedKey]: { ...prevHw[updatedKey], value },
+    }));
+  };
+
+  return (
+    <div>
+      <PageSection padding={{ default: 'noPadding' }}>
+        <Title headingLevel="h3">{__('CPU')}</Title>
+        <Divider component="li" style={{ marginBottom: '2rem' }} />
+        <InputField
+          name={hw?.arch?.name}
+          label={__('Architecture')}
+          type="select"
+          options={ProxmoxComputeSelectors.proxmoxArchsMap}
+          value={hw?.arch?.value}
+          onChange={handleChange}
+        />
+        <InputField
+          name={hw?.cores?.name}
+          label={__('Cores')}
+          type="number"
+          value={hw?.cores?.value}
+          onChange={handleChange}
+        />
+        <InputField
+          name={hw?.cpulimit?.name}
+          label={__('CPU limit')}
+          type="number"
+          value={hw?.cpulimit?.value}
+          onChange={handleChange}
+        />
+        <InputField
+          name={hw?.cpuunits?.name}
+          label={__('CPU units')}
+          type="number"
+          value={hw?.cpuunits?.value}
+          onChange={handleChange}
+        />
+      </PageSection>
+      <PageSection padding={{ default: 'noPadding' }}>
+        <Title headingLevel="h3">{__('Memory')}</Title>
+        <Divider component="li" style={{ marginBottom: '2rem' }} />
+        <InputField
+          name={hw?.memory?.name}
+          label={__('Memory (MB)')}
+          type="text"
+          value={hw?.memory?.value}
+          onChange={handleChange}
+        />
+        <InputField
+          name={hw?.swap?.name}
+          label={__('Swap (MB)')}
+          type="text"
+          value={hw?.swap?.value}
+          onChange={handleChange}
+        />
+      </PageSection>
+    </div>
+  );
+};
+
+ProxmoxContainerHardware.propTypes = {
+  hardware: PropTypes.object,
+};
+
+ProxmoxContainerHardware.defaultProps = {
+  hardware: {},
+};
+
+export default ProxmoxContainerHardware;

data/webpack/components/ProxmoxContainer/ProxmoxContainerNetwork.js

@@ -0,0 +1,179 @@
+import React, { useState, useEffect, useCallback } from 'react';
+import { Title, PageSection, Button } from '@patternfly/react-core';
+import { TimesIcon } from '@patternfly/react-icons';
+import { sprintf, translate as __ } from 'foremanReact/common/I18n';
+import PropTypes from 'prop-types';
+import NetworkInterface from './components/NetworkInterface';
+
+const ProxmoxContainerNetwork = ({ network, bridges, paramScope }) => {
+  const [interfaces, setInterfaces] = useState([]);
+  const [nextId, setNextId] = useState(0);
+  const [availableIds, setAvailableIds] = useState([]);
+  const [usedIds, setUsedIds] = useState(new Set());
+  useEffect(() => {
+    if (network?.length > 0) {
+      const existingIds = new Set();
+      network.forEach(net => {
+        if (!net.value.name.value) return;
+        const id = parseInt(net.value.id.value.replace('net', ''), 10);
+        existingIds.add(id);
+        addInterface(null, net.value);
+      });
+      setUsedIds(existingIds);
+    }
+  }, [network]);
+
+  const getLowestAvailableId = useCallback(() => {
+    let id = 0;
+    while (usedIds.has(id)) {
+      id += 1;
+    }
+    return id;
+  }, [usedIds]);
+
+  const addInterface = useCallback(
+    (event, initialData = null) => {
+      if (event) event.preventDefault();
+      const netId = getLowestAvailableId();
+      const initData = initialData || {
+        id: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][id]`,
+          value: `net${netId}`,
+        },
+        name: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][name]`,
+          value: `eth${netId}`,
+        },
+        bridge: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][bridge]`,
+          value: bridges?.[0]?.iface || '',
+        },
+        dhcp: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][dhcp]`,
+          value: '0',
+        },
+        cidr: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][cidr]`,
+          value: '0',
+        },
+        gw: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][gw]`,
+          value: '',
+        },
+        dhcp6: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][dhcp6]`,
+          value: '0',
+        },
+        cidr6: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][cidr6]`,
+          value: '0',
+        },
+        gw6: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][gw6]`,
+          value: '',
+        },
+        tag: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][tag]`,
+          value: '',
+        },
+        rate: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][rate]`,
+          value: '',
+        },
+        firewall: {
+          name: `${paramScope}[interfaces_attributes][${nextId}][firewall]`,
+          value: '0',
+        },
+      };
+      setNextId(prevId => {
+        if (availableIds.length > 0) {
+          setAvailableIds(availableIds.slice(1));
+        } else {
+          prevId += 1;
+        }
+        setUsedIds(prevIds => new Set(prevIds).add(netId));
+        const newId = availableIds.length > 0 ? availableIds[0] : prevId;
+        const newInterface = {
+          id: newId,
+          bridges,
+          data: initData,
+          networks: network,
+        };
+
+        setInterfaces(prevInterfaces => [...prevInterfaces, newInterface]);
+        return prevId;
+      });
+    },
+    [availableIds, bridges, network, nextId, paramScope, getLowestAvailableId]
+  );
+
+  const removeInterface = idToRemove => {
+    const newInterfaces = interfaces.filter(nic => nic.id !== idToRemove);
+    setInterfaces(newInterfaces);
+    setAvailableIds([...availableIds, idToRemove].sort((a, b) => a - b));
+    setUsedIds(prevIds => {
+      const newIds = new Set(prevIds);
+      newIds.delete(idToRemove);
+      return newIds;
+    });
+  };
+
+  const updateNetworkData = (id, updatedData) => {
+    setInterfaces(
+      interfaces.map(net =>
+        net.id === id ? { ...net, data: updatedData } : net
+      )
+    );
+  };
+
+  return (
+    <div>
+      <PageSection padding={{ default: 'noPadding' }}>
+        <Button onClick={addInterface} variant="secondary">
+          {__('Add Interface')}
+        </Button>
+        {interfaces.map(nic => (
+          <div key={nic.id} style={{ position: 'relative' }}>
+            <div
+              style={{
+                marginTop: '10px',
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+              }}
+            >
+              <Title headingLevel="h4">
+                {sprintf(__('Nic %(nicId)s'), { nicId: nic.id })}
+              </Title>
+              <button onClick={() => removeInterface(nic.id)} type="button">
+                <TimesIcon />
+              </button>
+            </div>
+            <NetworkInterface
+              id={nic.id}
+              data={nic.data}
+              bridges={nic.bridges}
+              networks={nic.networks}
+              updateNetworkData={updateNetworkData}
+              existingInterfaces={interfaces}
+            />
+          </div>
+        ))}
+      </PageSection>
+    </div>
+  );
+};
+
+ProxmoxContainerNetwork.propTypes = {
+  network: PropTypes.object,
+  bridges: PropTypes.array,
+  paramScope: PropTypes.string,
+};
+
+ProxmoxContainerNetwork.defaultProps = {
+  network: {},
+  bridges: [],
+  paramScope: '',
+};
+
+export default ProxmoxContainerNetwork;