foreman_fog_proxmox 0.15.0 → 0.16.0

data/app/views/compute_resources_vms/form/proxmox/_base.html.erb

@@ -14,25 +14,25 @@ GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License
 along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
-
-<%= javascript_include_tag 'foreman_fog_proxmox/proxmox_vm', "data-turbolinks-track" => true %>
-
-<%= select_f f, :type, proxmox_types_map, :id, :name, { }, :label => _('Type'), :label_size => "col-md-2", :required => true, :onchange => "vmTypeSelected()", :disabled => !new_vm %>
-
-<!-- VM General Settings -->
-<%= render :partial => "compute_resources_vms/form/proxmox/general", :locals => { :f => f, :compute_resource =>  compute_resource, :new_vm => new_vm, :from_profile => from_profile } %>
-
-<!-- VM Extended Settings -->
-<%= render :partial => "compute_resources_vms/form/proxmox/container/extended", :locals => { :f => f, :compute_resource =>  compute_resource, :new_vm => new_vm } %>
-
-<!-- VM Advanced Settings -->
-<%= render :partial => "compute_resources_vms/form/proxmox/server/advanced", :locals => { :f => f, :compute_resource =>  compute_resource, :new_vm => new_vm } %>
-<%= render :partial => "compute_resources_vms/form/proxmox/container/advanced", :locals => { :f => f, :compute_resource =>  compute_resource, :new_vm => new_vm } %>
-
-<!-- Config Options Settings-->
-<%= f.fields_for :config, compute_resource.new_typed_vm(object_to_config_hash(f.object, 'qemu'), 'qemu').config, include_id: false do |server_config|%>
-  <%= render :partial => "compute_resources_vms/form/proxmox/server/config", :locals => { :f => server_config, :cloudinit => f.object.cloud_init?, :compute_resource =>  compute_resource, :host => @host, :new_vm => new_vm, :item_layout => 'removable', :type => f.object.type, :node_id => f.object.node_id } %>
+<% nodes = compute_resource.nodes %>
+<% unless local_assigns[:hide_image] && !new_vm %>
+    <%
+      arch ||= nil ; os ||= nil
+      images = possible_images(compute_resource, arch, os)
+    -%>
+    <div id='image_selection'>
+    <%= select_f f, :image_id, images, :uuid, :name, { :include_blank => true },
+      :disabled => true,
+      :help_inline => :indicator,
+      :class => ('hide' if from_profile),
+      :label => _('Image'),
+      :no_label => from_profile,
+      :label_size => "col-md-2" %>
+    </div>
+<% end %>
+<% untemplatable = new_vm || f.object.templated? %>
+<% checked = params[:host] && params[:host][:compute_attributes] && params[:host][:compute_attributes][:start_after_create] || '1' %>
+<% content_for(:javascripts) do %>
+  <%= webpacked_plugins_js_for :foreman_fog_proxmox %>
 <% end %>
-<%= f.fields_for :config, compute_resource.new_typed_vm(object_to_config_hash(f.object, 'lxc'), 'lxc').config, include_id: false do |container_config|%>
-  <%= render :partial => "compute_resources_vms/form/proxmox/container/config", :locals => { :f => container_config, :compute_resource =>  compute_resource, :host => @host, :new_vm => new_vm, :item_layout => 'removable', :type => f.object.type, :node_id => f.object.node_id } %>
-<% end %>
+<%= react_component('ProxmoxVmType',  { vmAttrs: object_to_attributes_hash(f.object, from_profile, checked), nodes: nodes.as_json, images: images.as_json, pools: compute_resource.pools.as_json, storages: compute_resource.storages.as_json, fromProfile: from_profile, newVm: new_vm, bridges: compute_resource.bridges.as_json, untemplatable: untemplatable }) %>

data/app/views/compute_resources_vms/form/proxmox/_update_react_component_to_host_form.html.erb

@@ -0,0 +1,26 @@
+<%# Copyright 2018 Tristan Robert
+
+This file is part of ForemanFogProxmox.
+
+ForemanFogProxmox is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+ForemanFogProxmox is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
+
+<% if compute_resource.class == ForemanFogProxmox::Proxmox %>
+<%= render :partial => provider_partial(compute_resource, 'base'),
+            locals: { f: compute, host: host, compute_resource: compute_resource, new_host: host.new_record?, new_vm: !compute.object.persisted?,
+                     arch: host.architecture_id, os: host.operatingsystem_id, from_profile: false } %>
+<% else %>
+<%= render :partial => provider_partial(compute_resource, 'base'),
+            locals: { f: compute, host: host, compute_resource: compute_resource, new_host: host.new_record?, new_vm: !compute.object.persisted?,
+                     arch: host.architecture_id, os: host.operatingsystem_id } %>
+<% end %>

data/app/views/compute_resources_vms/form/proxmox/container/_config.html.erb

@@ -16,33 +16,37 @@ You should have received a copy of the GNU General Public License
 along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
 
 <%= javascript_include_tag 'foreman_fog_proxmox/proxmox_vm_container', "data-turbolinks-track" => true %>
+<%= stylesheet_link_tag 'foreman_fog_proxmox/accordion' %>
 <% container = type == 'lxc' %>
-<%= content_tag :div, :id => "container_advanced_options" do %>
-  <%= content_tag :h3, "Main Options"%>
-  <div>
-    <%= textarea_f f, :description, :label => _('Description'), :label_size => "col-md-2" %>
-    <%= checkbox_f f, :onboot, :label => _('Start at boot') %>
+<%= field_set_tag n_("Main option", "Main options", 2), :id => "container_config_options", :class => 'accordion-section', :disabled => !container do %>
+  <div class="accordion-content">
+  <%= textarea_f f, :description, :label => _('Description'), :label_size => "col-md-2" %>
+  <%= checkbox_f f, :onboot, :label => _('Start at boot') %>
   </div>
-  <%= content_tag :h3, "CPUs"%>
-  <div>
+<% end %>
+<%= field_set_tag _("CPU"), :id => "container_config_cpu", :class => 'accordion-section', :disabled => !container do %>
+  <div class="accordion-content">
   <%= select_f f, :arch, proxmox_archs_map, :id, :name, { }, :label => _('Architecture'), :label_size => "col-md-2" %>
   <%= counter_f f, :cores, :class => "input-mini", :label => _('Cores'), :label_size => "col-md-2" %>
   <%= counter_f f, :cpulimit, :class => "input-mini", :label => _('CPU limit'), :label_size => "col-md-2" %>
   <%= counter_f f, :cpuunits, :class => "input-mini", :label => _('CPU units'), :label_size => "col-md-2" %>
   </div>
-  <%= content_tag :h3, "Memory"%>
-  <div>
+<% end %>
+<%= field_set_tag _("Memory"), :id => "container_config_memory", :class => 'accordion-section', :disabled => !container do %>
+  <div class="accordion-content">
   <%= text_f f, :memory, :class => "input-mini", :label => _('Memory (MB)'), :label_size => "col-md-2" %>
   <%= text_f f, :swap, :class => "input-mini", :label => _('Swap (MB)'), :label_size => "col-md-2" %>
   </div>
-  <%= content_tag :h3, "DNS"%>
-  <div>
+<% end %>
+<%= field_set_tag _("DNS"), :id => "container_config_dns", :class => 'accordion-section', :disabled => !container do %>
+  <div class="accordion-content">
   <%= text_f f, :hostname, :label => _('Hostname'), :label_size => "col-md-2", :disabled => true %>
   <%= text_f f, :nameserver, :label => _('DNS server'), :label_size => "col-md-2" %>
   <%= text_f f, :searchdomain, :label => _('Search domain'), :label_size => "col-md-2" %>
   </div>
-  <%= content_tag :h3, "Operating System"%>
-  <div>
+<% end %>
+<%= field_set_tag _("Operating System"), :id => "container_config_os", :class => 'accordion-section', :disabled => !container do %>
+  <div class="accordion-content">
   <%= select_f f, :ostype, proxmox_ostypes_map, :id, :name, { }, :label => _('OS type'), :label_size => "col-md-2" %>
   </div>
 <% end %>

data/app/views/compute_resources_vms/form/proxmox/server/_config.html.erb

@@ -16,25 +16,23 @@ You should have received a copy of the GNU General Public License
 along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
 
 <%= javascript_include_tag 'foreman_fog_proxmox/proxmox_vm_server', "data-turbolinks-track" => true %>
-
+<%= stylesheet_link_tag 'foreman_fog_proxmox/accordion' %>
 <% server = type == 'qemu' %>
 <% logger.debug("_config.html.erb server_config=#{f.object.inspect}") %>
-
-<%= content_tag :div, :id => "server_advanced_options" do %>
-  <%= content_tag :h3, "Main Options" %>
-  <div>
-    <%= textarea_f f, :description, :label => _('Description'), :label_size => "col-md-2" %>
-    <%= text_f f, :boot, :label => _('Boot device order'), :label_size => "col-md-2", :label_help => _('Order your devices, e.g. order=net0;ide2;scsi0. Default empty (any)')  %>
-    <%= checkbox_f f, :onboot, :label => _('Start at boot') %>
-    <%= checkbox_f f, :agent, :label => _('Qemu Agent') %>
-    <%= checkbox_f f, :kvm, :label => _('KVM'), :label_help => _('Enable/disable KVM hardware virtualization') %>
-    <%= select_f f, :vga, proxmox_vgas_map, :id, :name, { :include_blank => true }, :label => _('VGA'), :label_size => "col-md-2" %>
-    <%= select_f f, :scsihw, proxmox_scsi_controllers_map, :id, :name, { }, :label => _('SCSI Controller'), :label_size => "col-md-2" %>
-    <%= select_f f, :bios, proxmox_bios_map, :id, :name, { }, :label => _('BIOS'), :label_size => "col-md-2" %>
+<%= field_set_tag n_("Main option", "Main options", 2), :id => "server_config_options", :class => 'accordion-section', :disabled => !server do %>
+  <div class="accordion-content">
+  <%= textarea_f f, :description, :label => _('Description'), :label_size => "col-md-2" %>
+  <%= text_f f, :boot, :label => _('Boot device order'), :label_size => "col-md-2", :label_help => _('Order your devices, e.g. order=net0;ide2;scsi0. Default empty (any)')  %>
+  <%= checkbox_f f, :onboot, :label => _('Start at boot') %>
+  <%= checkbox_f f, :agent, :label => _('Qemu Agent') %>
+  <%= checkbox_f f, :kvm, :label => _('KVM'), :label_help => _('Enable/disable KVM hardware virtualization') %>
+  <%= select_f f, :vga, proxmox_vgas_map, :id, :name, { :include_blank => true }, :label => _('VGA'), :label_size => "col-md-2" %>
+  <%= select_f f, :scsihw, proxmox_scsi_controllers_map, :id, :name, { }, :label => _('SCSI Controller'), :label_size => "col-md-2" %>
+  <%= select_f f, :bios, proxmox_bios_map, :id, :name, { }, :label => _('BIOS'), :label_size => "col-md-2" %>
   </div>
-
-  <%= content_tag :h3, "CPUs" %>
-  <div>
+<% end %>
+<%= field_set_tag _("CPUs"), :id => "server_config_cpu", :class => 'accordion-section', :disabled => !server do %>
+  <div class="accordion-content">
   <%= select_f f, :cpu_type, proxmox_cpus_map, :id, :name, { }, :label => _('Type'), :label_size => "col-md-2" %>
   <%= counter_f f, :sockets, :class => "input-mini", :label => _('Sockets'), :label_size => "col-md-2" %>
   <%= counter_f f, :cores, :class => "input-mini", :label => _('Cores'), :label_size => "col-md-2" %>
@@ -48,14 +46,16 @@ along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
     <% end %>
   <% end %>
   </div>
-  <%= content_tag :h3, "Memory" %>
-  <div>
+<% end %>
+<%= field_set_tag _("Memory"), :id => "server_config_memory", :class => 'accordion-section', :disabled => !server do %>
+  <div class="accordion-content">
   <%= text_f f, :memory, :class => "input-mini", :label => _('Memory (MB)'), :label_size => "col-md-2" %>
   <%= text_f f, :balloon, :class => "input-mini", :label => _('Minimum memory (MB)'), :label_size => "col-md-2" %>
   <%= text_f f, :shares, :class => "input-mini", :label => _('Shares (MB)'), :label_size => "col-md-2" %>
   </div>
-  <%= content_tag :h3, "Operating System" %>
-  <div>
+<% end %>
+<%= field_set_tag _("Operating System"), :id => "server_config_os", :class => 'accordion-section', :disabled => !server do %>
+  <div class="accordion-content">
   <%= select_f f, :ostype, proxmox_operating_systems_map, :id, :name, { :include_blank => true }, :label => _('OS type'), :label_size => "col-md-2" %>
   </div>
 <% end %>

data/app/views/compute_resources_vms/form/proxmox/server/_volume_hard_disk.html.erb

@@ -26,7 +26,10 @@ along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>. %>
     <%= f.hidden_field :storage_type %>
     <%= select_f f, :storage, compute_resource.storages(node_id), :storage, :storage, { }, :label => _('Storage'), :label_size => "col-md-2" %>
     <%= select_f f, :controller, proxmox_controllers_map, :id, :name, { }, :label => _('Controller'), :label_size => "col-md-2", :disabled => !new_volume, :onchange => 'controllerSelected(this)' %>
-    <%= text_f f, :device, :label => _('Device'), :label_size => "col-md-2", :disabled => !new_volume, :'data-min' => 0, :'data-soft-max' => proxmox_max_device(f.object.controller), :onchange => 'deviceSelected(this)' %>
+    <div>
+       <%= text_f f, :device, :label => _('Device'), :label_size => "col-md-2", :disabled => !new_volume, :onchange => 'deviceSelected(this)' %>
+    <span class="warning-container"></span>
+    </div>
     <%= select_f f, :cache, proxmox_caches_map, :id, :name, { include_blank: true }, :label => _('Cache'), :label_size => "col-md-2" %>
     <%= text_f f, :size, :class => "input-mini", :label => _("Size (GB)"), :label_size => "col-md-2", :disabled => !hard_disk %>
 <% end %>

data/config/routes.rb

@@ -20,15 +20,15 @@
 Rails.application.routes.draw do
   namespace :foreman_fog_proxmox do
     match 'isos/:compute_resource_id/:node_id/:storage', :to => 'compute_resources#isos_by_id_and_node_and_storage',
-:via => 'get'
+      :via => 'get'
     match 'ostemplates/:compute_resource_id/:node_id/:storage',
       :to => 'compute_resources#ostemplates_by_id_and_node_and_storage', :via => 'get'
     match 'isos/:compute_resource_id/:node_id', :to => 'compute_resources#isos_by_id_and_node', :via => 'get'
     match 'ostemplates/:compute_resource_id/:node_id', :to => 'compute_resources#ostemplates_by_id_and_node',
-:via => 'get'
+      :via => 'get'
     match 'storages/:compute_resource_id/:node_id', :to => 'compute_resources#storages_by_id_and_node', :via => 'get'
     match 'isostorages/:compute_resource_id/:node_id', :to => 'compute_resources#iso_storages_by_id_and_node',
-:via => 'get'
+      :via => 'get'
     match 'bridges/:compute_resource_id/:node_id', :to => 'compute_resources#bridges_by_id_and_node', :via => 'get'
   end
 end

data/lib/foreman_fog_proxmox/version.rb

@@ -18,5 +18,5 @@
 # along with ForemanFogProxmox. If not, see <http://www.gnu.org/licenses/>.
 
 module ForemanFogProxmox
-  VERSION = '0.15.0'
+  VERSION = '0.16.0'
 end

data/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "foreman_fog_proxmox",
+  "version": "1.0.0",
+  "description": "DESCRIPTION",
+  "main": "index.js",
+  "scripts": {
+    "lint": "tfm-lint --plugin -d webpack",
+    "test": "tfm-test --config jest.config.js",
+    "test:watch": "tfm-test --plugin --watchAll",
+    "test:current": "tfm-test --plugin --watch",
+    "publish-coverage": "tfm-publish-coverage",
+    "stories": "tfm-stories --plugin",
+    "stories:build": "tfm-build-stories --plugin",
+    "create-react-component": "yo react-domain"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/theforeman/foreman_fog_proxmox.git"
+  },
+  "bugs": {
+    "url": "http://projects.theforeman.org/projects/foreman_fog_proxmox/issues"
+  },
+  "peerDependencies": {
+    "@theforeman/vendor": "^12.0.1"
+  },
+  "dependencies": {
+    "react-intl": "^2.8.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.7.0",
+    "@testing-library/react": "^10.4.9",
+    "@theforeman/builder": ">=12.0.1",
+    "@theforeman/eslint-plugin-foreman": ">=12.0.1",
+    "@theforeman/find-foreman": ">=12.0.1",
+    "@theforeman/test": ">=12.0.1",
+    "@theforeman/vendor-dev": ">=12.0.1",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.7.2",
+    "prettier": "^1.19.1",
+    "react-redux-test-utils": "^0.2.0"
+  }
+}

data/test/factories/proxmox_factory.rb

@@ -20,7 +20,7 @@
 require 'fog/proxmox/compute/models/node'
 
 FactoryBot.define do
-  factory :proxmox_resource, :class => ComputeResource do
+  factory :proxmox_resource, :class => 'ComputeResource' do
     sequence(:name) { |n| "compute_resource#{n}" }
     organizations { [Organization.find_by(name: 'Organization 1')] }
     locations { [Location.find_by(name: 'Location 1')] }
@@ -32,10 +32,10 @@ FactoryBot.define do
       url { 'https://192.168.56.101:8006/api2/json' }
     end
 
-    factory :proxmox_cr, :class => ForemanFogProxmox::Proxmox, :traits => [:proxmox]
+    factory :proxmox_cr, :class => 'ForemanFogProxmox::Proxmox', :traits => [:proxmox]
   end
 
-  factory :node, :class => Fog::Proxmox::Compute::Node do
+  factory :node, :class => 'Fog::Proxmox::Compute::Node' do
     sequence(:identity) { |n| "node#{n}" }
     trait :proxmox do
       identity { 'proxmox' }
@@ -43,7 +43,7 @@ FactoryBot.define do
     trait :service do
       service { :proxmox_cr }
     end
-    factory :proxmox_node, :class => Fog::Proxmox::Compute::Node, :traits => [:proxmox, :service]
+    factory :proxmox_node, :class => 'Fog::Proxmox::Compute::Node', :traits => [:proxmox, :service]
   end
 
   def deferred_nic_attrs
@@ -59,16 +59,16 @@ FactoryBot.define do
     host
   end
 
-  factory :nic_base_empty, :class => Nic::Base do
+  factory :nic_base_empty, :class => 'Nic::Base' do
     type { 'Nic::Base' }
   end
 
-  factory :nic_managed_empty, :class => Nic::Managed, :parent => :nic_base_empty do
+  factory :nic_managed_empty, :class => 'Nic::Managed', :parent => :nic_base_empty do
     type { 'Nic::Managed' }
     identifier { 'net0' }
   end
 
-  factory :host_empty, :class => Host do
+  factory :host_empty, :class => 'Host' do
     sequence(:name) { |n| "host#{n}" }
     sequence(:hostname) { |n| "host#{n}" }
     trait :compute_attributes do

data/test/unit/foreman_fog_proxmox/proxmox_compute_attributes_test.rb

@@ -62,7 +62,7 @@ module ForemanFogProxmox
 
       it 'sets container hostname with host name' do
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'net0', :primary => true,
-:compute_attributes => { 'dhcp' => '1', 'dhcp6' => '1' })
+          :compute_attributes => { 'dhcp' => '1', 'dhcp6' => '1' })
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],

data/test/unit/foreman_fog_proxmox/proxmox_interfaces_test.rb

@@ -40,7 +40,7 @@ module ForemanFogProxmox
       it 'raises Foreman::Exception when server proxmox NIC id does not match net[k] with k integer' do
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'dsfqsfqzef' })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'eth0',
-:compute_attributes => compute_attributes)
+          :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],
@@ -58,7 +58,7 @@ module ForemanFogProxmox
         ip6 = Array.new(4) { format('%<x>s', x: rand(16**4)) }.join(':') + '::1'
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'net0' })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'net0', :ip => ip, :ip6 => ip6,
-:mac => mac_address, :compute_attributes => compute_attributes)
+          :mac => mac_address, :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],
@@ -75,7 +75,7 @@ module ForemanFogProxmox
       it 'raises Foreman::Exception when container proxmox NIC id does not match net[k] with k integer' do
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'dsfqsfqzef' })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'eth0',
-:compute_attributes => compute_attributes)
+          :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],
@@ -94,7 +94,7 @@ module ForemanFogProxmox
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'net0', 'cidr' => cidr, 'gw' => ip,
 'ip' => ip, 'dhcp6' => '1' })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'net0', :ip => ip, :ip6 => ip6,
-:compute_attributes => compute_attributes)
+          :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],
@@ -115,7 +115,7 @@ module ForemanFogProxmox
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'net0', 'cidr6' => cidr6,
 'dhcp' => '1', 'gw6' => ip6 })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'net0', :ip => ip, :ip6 => ip6,
-:compute_attributes => compute_attributes)
+          :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],
@@ -137,7 +137,7 @@ module ForemanFogProxmox
         compute_attributes = ActiveSupport::HashWithIndifferentAccess.new({ 'id' => 'net0', 'dhcp' => '1',
 'ip6' => ip6, 'firewall' => firewall })
         physical_nic = FactoryBot.build(:nic_base_empty, :identifier => 'net0', :ip => ip, :ip6 => ip6,
-:mac => mac_address, :compute_attributes => compute_attributes)
+          :mac => mac_address, :compute_attributes => compute_attributes)
         host = FactoryBot.build(
           :host_empty,
           :interfaces => [physical_nic],

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;