Feat/kubernetes formular

src/app/applications/application-formular/application-formular.component.html

@@ -61,8 +61,14 @@ <h5 class="col-md-6 form-control-label">General Information</h5>
 								</strong>
 							</label>
 							<div class="col-md-8">
-								A cloud project is represented by an Openstack project which allows you to manage your virtual machines,
-								storage and network configurations.
+								@if (kubernetes_access) {
+									A cloud project is represented by a Kubernetes project which allows you to manage your virtual
+									machines, storage and network configurations. If it matches your project requirements, it may be that
+									Kubernetes is operated on top OpenStack.
+								} @else {
+									A cloud project is represented by an Openstack project which allows you to manage your virtual
+									machines, storage and network configurations.
+								}
 							</div>
 						</div>
 						<div class="form-group row" *ngIf="simple_vm_project">

src/app/applications/application-formular/application-formular.component.ts

@@ -45,6 +45,7 @@ import { Userinfo } from '../../userinfo/userinfo.model';
 export class ApplicationFormularComponent extends ApplicationBaseClassComponent implements OnInit {
 	@Input() openstack_project: boolean = false;
 	@Input() simple_vm_project: boolean = false;
+	@Input() kubernetes_access: boolean = false;
 	@Input() title: string;
 	@Input() application: Application;
 	@Input() is_validation: boolean = false;
@@ -169,6 +170,7 @@ export class ApplicationFormularComponent extends ApplicationBaseClassComponent
 	initiateFormWithApplication(): void {
 		if (this.application && !this.initiated_validation && this.is_validation) {
 			this.openstack_project = this.application.project_application_openstack_project;
+
 			this.simple_vm_project = !this.openstack_project;
 			this.searchTermsInEdamTerms();
 
@@ -182,6 +184,7 @@ export class ApplicationFormularComponent extends ApplicationBaseClassComponent
 		} else {
 			this.application = new Application(null);
 			this.application.project_application_openstack_project = this.openstack_project;
+			this.application.project_application_kubernetes_access = this.kubernetes_access;
 			if (this.openstack_project) {
 				this.application.project_application_object_storage = 0;
 			}

src/app/applications/application-formular/kubernetes-formular/kubernetes-formular.component.html

@@ -0,0 +1,5 @@
+<app-application-formular
+	[kubernetes_access]="kubernetes_access"
+	[openstack_project]="openstack_application"
+	[title]="title"
+></app-application-formular>

src/app/applications/application-formular/kubernetes-formular/kubernetes-formular.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+
+/**
+ * This components provides the functions to create a new Kubernetes Cloud Application.
+ */
+@Component({
+	selector: 'app-kubernetes-formular',
+	templateUrl: 'kubernetes-formular.component.html',
+	styleUrls: ['kubernetes-formular.component.css'],
+})
+export class KubernetesFormularComponent {
+	openstack_application: boolean = true;
+	kubernetes_access: boolean = true;
+
+	title: string = 'New Kubernetes Application';
+}

src/app/applications/application-formular/openstack-formular/addcloudapplication.component.css

@@ -0,0 +1 @@
+/* #flavor-card {cursor: pointer;} */

src/app/applications/addcloudapplication.component.ts → src/app/applications/application-formular/openstack-formular/addcloudapplication.component.ts

@@ -8,10 +8,8 @@ import { Component } from '@angular/core';
 	templateUrl: 'addcloudapplication.component.html',
 	styleUrls: ['addcloudapplication.component.css'],
 })
-
 export class AddcloudapplicationComponent {
 	openstack_application: boolean = true;
 
 	title: string = 'New OpenStack Application';
-
 }

src/app/applications/addsimplevm.component.ts → src/app/applications/application-formular/simplevm-formular/addsimplevm.component.ts

@@ -8,8 +8,6 @@ import { Component } from '@angular/core';
 	templateUrl: 'addsimplevm.component.html',
 })
 export class AddsimplevmComponent {
-
 	simple_vm_application: boolean = true;
 	title: string = 'New Simple Vm Application';
-
 }

src/app/applications/application.model/application.model.ts

@@ -39,6 +39,7 @@ export class Application {
 	project_application_total_gpu: number = 0;
 	lifetime_extension_request_id: number | string;
 	modification_extension_request_id: number | string;
+	project_application_kubernetes_access: boolean = false;
 
 	pi_approval_notification_send: boolean;
 	pi_approval_notification_expired: boolean;

src/app/applications/applications-routing.module.ts

@@ -3,10 +3,11 @@ import { RouterModule, Routes } from '@angular/router';
 
 import { ApplicationsComponent } from './applications.component';
 
-import { AddsimplevmComponent } from './addsimplevm.component';
-import { AddcloudapplicationComponent } from './addcloudapplication.component';
+import { AddsimplevmComponent } from './application-formular/simplevm-formular/addsimplevm.component';
+import { AddcloudapplicationComponent } from './application-formular/openstack-formular/addcloudapplication.component';
 import { TypeOverviewComponent } from './type-overview.component';
 import { ValidationApplicationComponent } from '../validation-application/validation-application.component';
+import { KubernetesFormularComponent } from './application-formular/kubernetes-formular/kubernetes-formular.component';
 
 const routes: Routes = [
 	{
@@ -15,23 +16,27 @@ const routes: Routes = [
 		data: {
 			title: 'Application overview',
 		},
-
 	},
 	{
 		path: 'newCloudApplication',
 		component: AddcloudapplicationComponent,
 		data: {
-			title: 'New Application',
+			title: 'New OpenStack Application',
+		},
+	},
+	{
+		path: 'newKubernetesApplication',
+		component: KubernetesFormularComponent,
+		data: {
+			title: 'New Kubernetes Application',
 		},
-
 	},
 	{
 		path: 'newSimpleVmApplication',
 		component: AddsimplevmComponent,
 		data: {
-			title: 'New Application',
+			title: 'New SimpleVM Application',
 		},
-
 	},
 	{
 		path: 'type-overview',
@@ -47,7 +52,6 @@ const routes: Routes = [
 			title: 'Application Validation',
 		},
 	},
-
 ];
 
 /**
@@ -57,5 +61,4 @@ const routes: Routes = [
 	imports: [RouterModule.forChild(routes)],
 	exports: [RouterModule],
 })
-export class ApplicationsRoutingModule {
-}
+export class ApplicationsRoutingModule {}

src/app/applications/applications.module.ts

@@ -9,8 +9,8 @@ import { NgSelectModule } from '@ng-select/ng-select';
 import { BadgeModule } from '@coreui/angular';
 import { ApplicationsComponent } from './applications.component';
 import { ApplicationsRoutingModule } from './applications-routing.module';
-import { AddsimplevmComponent } from './addsimplevm.component';
-import { AddcloudapplicationComponent } from './addcloudapplication.component';
+import { AddsimplevmComponent } from './application-formular/simplevm-formular/addsimplevm.component';
+import { AddcloudapplicationComponent } from './application-formular/openstack-formular/addcloudapplication.component';
 import { TypeOverviewComponent } from './type-overview.component';
 import { ValidationApplicationComponent } from '../validation-application/validation-application.component';
 import { ApplicationDetailComponent } from './application-detail/application-detail.component';
@@ -26,6 +26,7 @@ import { CreditsExtensionDetailComponent } from './application-detail/credits-ex
 import { LifetimeExtensionDetailComponent } from './application-detail/lifetime-extension-detail/lifetime-extension-detail.component';
 import { NewsModule } from '../news/news.module';
 import { SharedModuleModule } from '../shared/shared_modules/shared-module.module';
+import { KubernetesFormularComponent } from './application-formular/kubernetes-formular/kubernetes-formular.component';
 
 /**
  * Applications Module.
@@ -49,6 +50,7 @@ import { SharedModuleModule } from '../shared/shared_modules/shared-module.modul
 		ApplicationsComponent,
 		AddsimplevmComponent,
 		AddcloudapplicationComponent,
+		KubernetesFormularComponent,
 		TypeOverviewComponent,
 		ValidationApplicationComponent,
 		ApplicationDetailComponent,