foreman_resource_quota 0.1.0

data/db/migrate/20230306120001_create_resource_quotas.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+class CreateResourceQuotas < ActiveRecord::Migration[6.1]
+  # rubocop: disable Metrics/AbcSize
+  def change
+    create_table :resource_quotas do |t|
+      t.string :name, null: false
+      t.text :description
+      t.integer :cpu_cores, default: nil
+      t.integer :memory_mb, default: nil
+      t.integer :disk_gb, default: nil
+
+      t.timestamps
+    end
+
+    create_table :resource_quotas_usergroups do |t|
+      t.belongs_to :resource_quota
+      t.belongs_to :usergroup
+      t.timestamps
+    end
+
+    create_table :resource_quotas_users do |t|
+      t.belongs_to :resource_quota
+      t.belongs_to :user
+      t.timestamps
+    end
+    add_reference :hosts, :resource_quota, foreign_key: { to_table: :resource_quotas }
+    add_column :users, :resource_quota_is_optional, :boolean, default: false
+  end
+  # rubocop: enable Metrics/AbcSize
+end

data/lib/foreman_resource_quota/engine.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module ForemanResourceQuota
+  class Engine < ::Rails::Engine
+    engine_name 'foreman_resource_quota'
+
+    config.autoload_paths += Dir["#{config.root}/app/models/"]
+    config.autoload_paths += Dir["#{config.root}/app/controllers/"]
+    config.autoload_paths += Dir["#{config.root}/app/views/"]
+    config.autoload_paths += Dir["#{config.root}/app/services/foreman_resource_quota/"]
+    config.autoload_paths += Dir["#{config.root}/app/helpers/foreman_resource_quota/"]
+    config.autoload_paths += Dir["#{config.root}/lib/"]
+
+    # Add db migrations
+    initializer 'foreman_resource_quota.load_app_instance_data' do |app|
+      ForemanResourceQuota::Engine.paths['db/migrate'].existent.each do |path|
+        app.config.paths['db/migrate'] << path
+      end
+    end
+
+    # Apipie
+    initializer 'foreman_resource_quota.apipie' do
+      Apipie.configuration.checksum_path += ['/foreman_resource_quota/api/']
+      Rabl.configure do |config|
+        config.view_paths << ForemanResourceQuota::Engine.root.join('app', 'views', 'foreman_resource_quota')
+      end
+    end
+
+    # Rake tasks
+    rake_tasks do
+      Rake::Task['db:seed'].enhance do
+        ForemanResourceQuota::Engine.load_seed
+      end
+    end
+
+    # Plugin extensions
+    initializer 'foreman_resource_quota.register_plugin', before: :finisher_hook do |_app|
+      require 'foreman_resource_quota/register'
+    end
+
+    # Include concerns in this config.to_prepare block
+    config.to_prepare do
+      ::User.include ForemanResourceQuota::UserExtensions
+      ::Usergroup.include ForemanResourceQuota::UsergroupExtensions
+      ::Host::Managed.include ForemanResourceQuota::HostManagedExtensions
+    rescue StandardError => e
+      Rails.logger.warn "ForemanResourceQuota: skipping engine hook (#{e})"
+    end
+
+    initializer 'foreman_resource_quota.register_gettext', after: :load_config_initializers do |_app|
+      locale_dir = File.join(File.expand_path('../..', __dir__), 'locale')
+      locale_domain = 'foreman_resource_quota'
+      Foreman::Gettext::Support.add_text_domain locale_domain, locale_dir
+    end
+  end
+end

data/lib/foreman_resource_quota/exceptions.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module ForemanResourceQuota
+  module Exceptions
+    class ResourceQuotaException < Foreman::Exception; end
+    class HostResourceQuotaEmptyException < ResourceQuotaException; end
+    class ResourceLimitException < ResourceQuotaException; end
+    class HostResourcesException < ResourceQuotaException; end
+    class ResourceQuotaUtilizationException < ResourceQuotaException; end
+  end
+end

data/lib/foreman_resource_quota/register.rb

@@ -0,0 +1,106 @@
+# frozen_string_literal: true
+
+# rubocop: disable Metrics/BlockLength
+Foreman::Plugin.register :foreman_resource_quota do
+  requires_foreman '>= 3.5.0'
+  # Apipie
+  apipie_documented_controllers ["#{ForemanResourceQuota::Engine.root}" \
+                                 '/app/controllers/foreman_resource_quot/api/v2/*.rb']
+
+  # Add permissions
+  security_block :foreman_resource_quota do
+    permission 'view_foreman_resource_quota/resource_quotas',
+      { 'foreman_resource_quota/resource_quotas': %i[index welcome auto_complete_search],
+        'foreman_resource_quota/api/v2/resource_quotas': %i[index show utilization hosts users usergroups
+                                                            auto_complete_search],
+        'foreman_resource_quota/api/v2/resource_quotas/:resource_quota_id/': %i[utilization hosts users usergroups] },
+      resource_type: 'ForemanResourceQuota::ResourceQuota'
+    permission 'create_foreman_resource_quota/resource_quotas',
+      { 'foreman_resource_quota/resource_quotas': %i[new create],
+        'foreman_resource_quota/api/v2/resource_quotas': %i[create] },
+      resource_type: 'ForemanResourceQuota::ResourceQuota'
+    permission 'edit_foreman_resource_quota/resource_quotas',
+      { 'foreman_resource_quota/resource_quotas': %i[edit update],
+        'foreman_resource_quota/api/v2/resource_quotas': %i[update] },
+      resource_type: 'ForemanResourceQuota::ResourceQuota'
+    permission 'destroy_foreman_resource_quota/resource_quotas',
+      { 'foreman_resource_quota/resource_quotas': %i[destroy],
+        'foreman_resource_quota/api/v2/resource_quotas': %i[destroy] },
+      resource_type: 'ForemanResourceQuota::ResourceQuota'
+
+    # TODO: Evaluate whether host/user/usergroup permission extensions are necessary
+  end
+
+  # Add a permissions to default roles (Viewer and Manager)
+  role 'Resource Quota Manager', ['view_foreman_resource_quota/resource_quotas',
+                                  'create_foreman_resource_quota/resource_quotas',
+                                  'edit_foreman_resource_quota/resource_quotas',
+                                  'destroy_foreman_resource_quota/resource_quotas',
+                                  'view_hosts',
+                                  'edit_hosts',
+                                  'view_users',
+                                  'edit_users']
+  role 'Resource Quota User', ['view_foreman_resource_quota/resource_quotas',
+                               'view_hosts',
+                               'view_users',
+                               'view_usergroups']
+  add_all_permissions_to_default_roles
+
+  # add controller parameter extension
+  parameter_filter User, { resource_quotas: [], resource_quota_ids: [] }, :resource_quota_is_optional
+  parameter_filter Usergroup, { resource_quotas: [], resource_quota_ids: [] }
+  parameter_filter Host::Managed, :resource_quota_id
+
+  # add UI menu extension
+  add_menu_item :top_menu, :resource_quotas,
+    url_hash: { controller: 'foreman_resource_quota/resource_quotas', action: :index },
+    caption: N_('Resource Quotas'),
+    parent: :configure_menu,
+    after: :common_parameters
+
+  # add API extension
+  extend_rabl_template 'api/v2/hosts/main', 'foreman_resource_quota/api/v2/hosts/resource_quota'
+  extend_rabl_template 'api/v2/users/main', 'foreman_resource_quota/api/v2/users/resource_quota'
+  extend_rabl_template 'api/v2/usergroups/main', 'foreman_resource_quota/api/v2/usergroups/resource_quota'
+
+  # add UI user/usergroup/hosts extension
+  extend_page 'users/_form' do |cx|
+    cx.add_pagelet :main_tabs,
+      id: :quota_user_tab,
+      name: N_('Resource Quota'),
+      resource_type: :user,
+      partial: 'users/form_quota_tab'
+  end
+  extend_page 'usergroups/_form' do |cx|
+    cx.add_pagelet :main_tabs,
+      id: :quota_usergroup_tab,
+      name: N_('Resource Quota'),
+      resource_type: :usergroup,
+      partial: 'users/form_quota_tab'
+  end
+  extend_page 'hosts/_form' do |cx|
+    cx.add_pagelet :main_tab_fields,
+      id: :quota_hosts_tab_fields,
+      resource_type: :host,
+      partial: 'hosts/form_quota_fields'
+  end
+
+  # Add global Foreman settings
+  settings do
+    category :provisioning do
+      setting 'resource_quota_optional_assignment',
+        type: :boolean,
+        default: false,
+        full_name: N_('Resource Quota optional assignment'),
+        description: N_('Make the assignment of a Resource quota, during the host creation process, optional for
+                        everyone. If this is true, user-specific "optional assignment" configurations are neglected.')
+      setting 'resource_quota_global_no_action',
+        type: :boolean,
+        default: true,
+        full_name: N_('Global Resource Quota no action'),
+        description: N_('Take no action when a resource quota is exceeded.')
+      # Future: Overwrite quota-specific "out of resource"-action and take no ..
+    end
+  end
+end
+# rubocop: enable Metrics/BlockLength

data/lib/foreman_resource_quota/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module ForemanResourceQuota
+  VERSION = '0.1.0'
+end

data/lib/foreman_resource_quota.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+require 'foreman_resource_quota/engine'
+
+module ForemanResourceQuota
+end

data/lib/tasks/foreman_resource_quota_tasks.rake

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+require 'rake/testtask'
+
+# Tasks
+namespace :foreman_resource_quota do
+  namespace :example do
+    desc 'Example Task'
+    task task: :environment do
+      # Task goes here
+    end
+  end
+end
+
+# Tests
+namespace :test do
+  desc 'Test ForemanResourceQuota'
+  Rake::TestTask.new(:foreman_resource_quota) do |t|
+    test_dir = File.expand_path('../../test', __dir__)
+    t.libs << 'test'
+    t.libs << test_dir
+    t.pattern = "#{test_dir}/**/*_test.rb"
+    t.verbose = true
+    t.warning = false
+  end
+end
+
+namespace :foreman_resource_quota do
+  task rubocop: :environment do
+    begin
+      require 'rubocop/rake_task'
+      RuboCop::RakeTask.new(:rubocop_foreman_resource_quota) do |task|
+        task.patterns = ["#{ForemanResourceQuota::Engine.root}/app/**/*.rb",
+                         "#{ForemanResourceQuota::Engine.root}/lib/**/*.rb",
+                         "#{ForemanResourceQuota::Engine.root}/test/**/*.rb"]
+      end
+    rescue StandardError
+      puts 'Rubocop not loaded.'
+    end
+
+    Rake::Task['rubocop_foreman_resource_quota'].invoke
+  end
+end
+
+Rake::Task[:test].enhance ['test:foreman_resource_quota']
+
+load 'tasks/jenkins.rake'
+if Rake::Task.task_defined?(:'jenkins:unit')
+  Rake::Task['jenkins:unit'].enhance ['test:foreman_resource_quota', 'foreman_resource_quota:rubocop']
+end

data/locale/Makefile

@@ -0,0 +1,60 @@
+#
+# Makefile for PO merging and MO generation. More info in the README.
+#
+# make all-mo (default) - generate MO files
+# make check - check translations using translate-tool
+# make tx-update - download and merge translations from Transifex
+# make clean - clean everything
+#
+DOMAIN = foreman_resource_quota
+VERSION = $(shell ruby -e 'require "rubygems";spec = Gem::Specification::load(Dir.glob("../*.gemspec")[0]);puts spec.version')
+POTFILE = $(DOMAIN).pot
+MOFILE = $(DOMAIN).mo
+POFILES = $(shell find . -name '$(DOMAIN).po')
+MOFILES = $(patsubst %.po,%.mo,$(POFILES))
+POXFILES = $(patsubst %.po,%.pox,$(POFILES))
+EDITFILES = $(patsubst %.po,%.edit.po,$(POFILES))
+
+%.mo: %.po
+	mkdir -p $(shell dirname $@)/LC_MESSAGES
+	msgfmt -o $(shell dirname $@)/LC_MESSAGES/$(MOFILE) $<
+
+# Generate MO files from PO files
+all-mo: $(MOFILES)
+
+# Check for malformed strings
+%.pox: %.po
+	msgfmt -c $<
+	pofilter --nofuzzy -t variables -t blank -t urls -t emails -t long -t newlines \
+		-t endwhitespace -t endpunc -t puncspacing -t options -t printf -t validchars --gnome $< > $@
+	cat $@
+	! grep -q msgid $@
+
+%.edit.po:
+	touch $@
+
+check: $(POXFILES)
+
+# Unify duplicate translations
+uniq-po:
+	for f in $(shell find ./ -name "*.po") ; do \
+		msguniq $$f -o $$f ; \
+	done
+
+tx-pull: $(EDITFILES)
+	tx pull -f
+	for f in $(EDITFILES) ; do \
+		sed -i 's/^\("Project-Id-Version: \).*$$/\1$(DOMAIN) $(VERSION)\\n"/' $$f; \
+	done
+
+tx-update: tx-pull
+	@echo
+	@echo Run rake plugin:gettext[$(DOMAIN)] from the Foreman installation, then make -C locale mo-files to finish
+	@echo
+
+mo-files: $(MOFILES)
+	git add $(POFILES) $(POTFILE) ../locale/*/LC_MESSAGES
+	git commit -m "i18n - pulling from tx"
+	@echo
+	@echo Changes commited!
+	@echo

data/locale/en/foreman_resource_quota.po

@@ -0,0 +1,18 @@
+# foreman_resource_quota
+#
+# This file is distributed under the same license as foreman_resource_quota.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: version 0.0.1\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2014-08-20 08:46+0100\n"
+"PO-Revision-Date: 2014-08-20 08:54+0100\n"
+"Last-Translator: Foreman Team <foreman-dev@googlegroups.com>\n"
+"Language-Team: Foreman Team <foreman-dev@googlegroups.com>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"

data/locale/foreman_resource_quota.pot

@@ -0,0 +1,19 @@
+# foreman_resource_quota
+#
+# This file is distributed under the same license as foreman_resource_quota.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: version 0.0.1\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2014-08-20 08:46+0100\n"
+"PO-Revision-Date: 2014-08-20 08:46+0100\n"
+"Last-Translator: Foreman Team <foreman-dev@googlegroups.com>\n"
+"Language-Team: Foreman Team <foreman-dev@googlegroups.com>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
+

data/locale/gemspec.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+# Matches foreman_resource_quota.gemspec
+_('Foreman Plug-in to manage resource usage among users.')

data/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "foreman_resource_quota",
+  "version": "1.0.0",
+  "description": "DESCRIPTION",
+  "main": "index.js",
+  "scripts": {
+    "lint": "tfm-lint --plugin -d /webpack",
+    "test": "tfm-test --plugin --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_resource_quota.git"
+  },
+  "bugs": {
+    "url": "http://projects.theforeman.org/projects/foreman_resource_quota/issues"
+  },
+  "peerDependencies": {
+    "@theforeman/vendor": ">= 6.0.0"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@babel/core": "^7.24.3",
+    "@sheerun/mutationobserver-shim": "^0.3.3",
+    "@testing-library/react": "^10.4.9",
+    "@theforeman/builder": "^10.1.3",
+    "@theforeman/eslint-plugin-foreman": "13.0.0",
+    "@theforeman/find-foreman": "^13.0.0",
+    "@theforeman/stories": "^12.2.3",
+    "@theforeman/test": "^13.0.0",
+    "@theforeman/vendor-dev": "^13.0.0",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.7.2",
+    "prettier": "^1.19.1",
+    "react-redux-test-utils": "^0.2.0",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard": "^36.0.0"
+  }
+}

data/webpack/api_helper.js

@@ -0,0 +1,113 @@
+import { addToast } from 'foremanReact/components/ToastsList';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { get, put, post } from 'foremanReact/redux/API';
+
+/* API constants */
+const RESOURCE_QUOTA_KEY = 'RESOURCE_QUOTAS';
+
+export const resourceQuotaKey = quotaId => {
+  if (quotaId) return `${RESOURCE_QUOTA_KEY}_${quotaId}`;
+  return `${RESOURCE_QUOTA_KEY}`;
+};
+
+/* perform an API call to list all existing Resource Quotas */
+const apiListResourceQuotas = (stateCallback, componentCallback) =>
+  get({
+    key: resourceQuotaKey(),
+    url: `/foreman_resource_quota/api/v2/resource_quotas`,
+    handleSuccess: response => stateCallback(true, response, componentCallback),
+    handleError: response => stateCallback(false, response, componentCallback),
+  });
+
+/* perform an API call to get basic information on a Resource Quota */
+const apiGetResourceQuota = (quotaId, stateCallback, componentCallback) =>
+  get({
+    key: resourceQuotaKey(),
+    url: `/foreman_resource_quota/api/v2/resource_quotas/${quotaId}`,
+    handleSuccess: response => stateCallback(true, response, componentCallback),
+    handleError: response => stateCallback(false, response, componentCallback),
+  });
+
+/* perform an API call to determine information on a Resource Quota's utilization */
+const apiGetResourceQuotaUtilization = (
+  quotaId,
+  stateCallback,
+  componentCallback
+) =>
+  get({
+    key: resourceQuotaKey(),
+    url: `/foreman_resource_quota/api/v2/resource_quotas/${quotaId}/utilization`,
+    handleSuccess: response => stateCallback(true, response, componentCallback),
+    handleError: response => stateCallback(false, response, componentCallback),
+  });
+
+/* perform an API call to create a new Resource Quota */
+const apiCreateResourceQuota = (payload, stateCallback, componentCallback) =>
+  post({
+    key: resourceQuotaKey(),
+    url: `/foreman_resource_quota/api/v2/resource_quotas`,
+    params: { resource_quota: payload },
+    handleSuccess: response => stateCallback(true, response, componentCallback),
+    handleError: response => stateCallback(false, response, componentCallback),
+  });
+
+/* perform an API call to update Resource Quota data */
+const apiUpdateResourceQuota = (
+  quotaId,
+  payload,
+  stateCallback,
+  componentCallback
+) =>
+  put({
+    key: resourceQuotaKey(quotaId),
+    url: `/foreman_resource_quota/api/v2/resource_quotas/${quotaId}`,
+    params: { resource_quota: payload },
+    handleSuccess: response => stateCallback(true, response, componentCallback),
+    handleError: response => stateCallback(false, response, componentCallback),
+  });
+
+/**
+ * Handles the callback response from an asynchronous operation, displaying a toast message accordingly.
+ * @param {function} dispatcher - The dispatcher function to dispatch actions.
+ * @param {boolean} isSuccess - Indicates whether the operation was successful or not.
+ * @param {object} response - The response object returned from the operation.
+ * @param {string} successMessage - The success message to display in case of success.
+ * @param {string} errorMessage - The error message to display in case of failure.
+ */
+const dispatchAPICallbackToast = (
+  dispatch,
+  isSuccess,
+  response,
+  successMessage,
+  errorMessage
+) => {
+  if (isSuccess) {
+    dispatch(
+      addToast({
+        type: 'success',
+        message: __(successMessage),
+      })
+    );
+  } else {
+    let printErrorMessage = __(errorMessage);
+    /* eslint-disable-next-line camelcase */
+    if (response?.response?.data?.error?.full_messages) {
+      printErrorMessage += __(` ${response.response.data.error.full_messages}`);
+    }
+    dispatch(
+      addToast({
+        type: 'warning',
+        message: printErrorMessage,
+      })
+    );
+  }
+};
+
+export {
+  apiListResourceQuotas,
+  apiGetResourceQuota,
+  apiGetResourceQuotaUtilization,
+  apiCreateResourceQuota,
+  apiUpdateResourceQuota,
+  dispatchAPICallbackToast,
+};

data/webpack/api_helper.test.js

@@ -0,0 +1,96 @@
+import { dispatchAPICallbackToast } from './api_helper';
+
+jest.mock('foremanReact/components/ToastsList', () => ({
+  addToast: jest.fn(param => param),
+}));
+
+jest.mock('foremanReact/common/I18n', () => ({
+  translate: jest.fn(param => param),
+}));
+
+const dispatch = jest.fn();
+
+describe('dispatchAPICallbackToast', () => {
+  afterEach(() => {
+    jest.clearAllMocks(); // Reset mock calls after each test
+  });
+
+  it('should dispatch a success toast', () => {
+    const isSuccess = true;
+    const response = {};
+    const successMessage = 'Success message';
+    const errorMessage = 'Error message';
+
+    dispatchAPICallbackToast(
+      dispatch,
+      isSuccess,
+      response,
+      successMessage,
+      errorMessage
+    );
+
+    expect(dispatch).toHaveBeenCalledTimes(1);
+    expect(dispatch).toHaveBeenCalledWith({
+      type: 'success',
+      message: 'Success message',
+    });
+  });
+
+  it('should dispatch a warning toast with error', () => {
+    const isSuccess = false;
+    const response = {
+      response: {
+        data: {
+          error: {
+            full_messages: 'Some nice error',
+          },
+        },
+      },
+    };
+    const successMessage = 'Success message';
+    const errorMessage = 'Error message';
+
+    dispatchAPICallbackToast(
+      dispatch,
+      isSuccess,
+      response,
+      successMessage,
+      errorMessage
+    );
+
+    expect(dispatch).toHaveBeenCalledTimes(1);
+    expect(dispatch).toHaveBeenCalledWith({
+      type: 'warning',
+      message: 'Error message Some nice error',
+    });
+  });
+
+  it('should dispatch a warning toast without error', () => {
+    const isSuccess = false;
+    const response = {
+      response: {
+        data: {
+          notTheExpectedErrorFormat: {
+            full_messages: 'Some nice error',
+          },
+        },
+      },
+    };
+    const successMessage = 'Success message';
+    const errorMessage = 'Error message';
+
+    dispatchAPICallbackToast(
+      dispatch,
+      isSuccess,
+      response,
+      successMessage,
+      errorMessage
+    );
+
+    expect(dispatch).toHaveBeenCalledTimes(1);
+    expect(dispatch).toHaveBeenCalledWith({
+      type: 'warning',
+      message: 'Error message',
+    });
+  });
+});

data/webpack/components/CreateResourceQuotaModal.js

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import ResourceQuotaForm from './ResourceQuotaForm';
+import { MODAL_ID_CREATE_RESOURCE_QUOTA } from './ResourceQuotaForm/ResourceQuotaFormConstants';
+
+const CreateResourceQuotaModal = () => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const onSubmitSuccessCallback = success => {
+    if (success) {
+      setIsOpen(false);
+      window.location.reload();
+    }
+  };
+
+  return (
+    <div>
+      <Button
+        id="foreman-resource-quota-create-modal-button"
+        variant="primary"
+        onClick={() => {
+          setIsOpen(true);
+        }}
+      >
+        {__('Create resource quota')}
+      </Button>{' '}
+      <Modal
+        ouiaId={MODAL_ID_CREATE_RESOURCE_QUOTA}
+        title={__('Create resource quota')}
+        variant={ModalVariant.small}
+        isOpen={isOpen}
+        onClose={() => {
+          setIsOpen(false);
+        }}
+        appendTo={document.body}
+      >
+        <ResourceQuotaForm isNewQuota onSubmit={onSubmitSuccessCallback} />
+      </Modal>
+    </div>
+  );
+};
+
+export default CreateResourceQuotaModal;