Add a new application
diff --git a/cerberus/src/app/applications/create-application/create-application.component.scss b/cerberus/src/app/applications/create-application/create-application.component.scss
index 228dca3..e30a025 100644
--- a/cerberus/src/app/applications/create-application/create-application.component.scss
+++ b/cerberus/src/app/applications/create-application/create-application.component.scss
@@ -1,3 +1,17 @@
-.card {
+.content {
+ width: 300px;
margin: auto;
-}
+
+ form {
+ .action {
+ display: flex;
+ justify-content: space-between;
+
+ button {
+ margin: 0;
+ width: 100px;
+ flex: 0 0;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/cerberus/src/app/applications/create-application/create-application.component.ts b/cerberus/src/app/applications/create-application/create-application.component.ts
index 21518b3..92a8b03 100644
--- a/cerberus/src/app/applications/create-application/create-application.component.ts
+++ b/cerberus/src/app/applications/create-application/create-application.component.ts
@@ -3,6 +3,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Application } from 'src/app/core/entities/Application';
import { ReferentialData } from 'src/app/core/entities/ReferentialData';
import { ApplicationService } from 'src/app/core/services/application.service';
+import { ModalService } from 'src/app/core/services/modal.service';
import { ReferentialDataService } from 'src/app/core/services/referential-data.service';
@Component({
@@ -14,14 +15,16 @@ export class CreateApplicationComponent implements OnInit {
form: FormGroup = this._formBuilder.group({
name: [undefined, Validators.required],
serviceName: [undefined, Validators.required],
- serviceType: [undefined, Validators.required]
+ serviceType: [undefined, Validators.required],
+ image: [undefined, Validators.required]
});
serviceTypes: ReferentialData[] = [];
constructor(
private _formBuilder: FormBuilder,
private _referentialDataService: ReferentialDataService,
- private _applicationService: ApplicationService
+ private _applicationService: ApplicationService,
+ private _modalService: ModalService
) { }
ngOnInit(): void {
@@ -40,4 +43,8 @@ export class CreateApplicationComponent implements OnInit {
console.error('Form is invalid');
}
}
+
+ onCancel(): void {
+ this._modalService.close();
+ }
}
diff --git a/cerberus/src/app/applications/status/status.component.ts b/cerberus/src/app/applications/status/status.component.ts
index aead6be..899b099 100644
--- a/cerberus/src/app/applications/status/status.component.ts
+++ b/cerberus/src/app/applications/status/status.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit } from '@angular/core';
import { Application } from 'src/app/core/entities/Application';
import { ApplicationService } from 'src/app/core/services/application.service';
+import { ModalService } from 'src/app/core/services/modal.service';
@Component({
selector: 'app-status',
@@ -11,7 +12,8 @@ export class StatusComponent implements OnInit {
applications: Application[] = [];
constructor(
- private _applicationService: ApplicationService
+ private _applicationService: ApplicationService,
+ private _modalService: ModalService
) {}
ngOnInit(): void {
diff --git a/cerberus/src/app/core/components/add-application-button/add-application-button.component.ts b/cerberus/src/app/core/components/add-application-button/add-application-button.component.ts
index 7f9fd4f..760c823 100644
--- a/cerberus/src/app/core/components/add-application-button/add-application-button.component.ts
+++ b/cerberus/src/app/core/components/add-application-button/add-application-button.component.ts
@@ -1,15 +1,23 @@
import { Component, OnInit } from '@angular/core';
+import { CreateApplicationComponent } from 'src/app/applications/create-application/create-application.component';
+import { ModalService } from '../../services/modal.service';
@Component({
selector: 'app-add-application-button',
template: `
-