From 35f6e7b31c5c6bd25deb0751810cb5ac66809204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Kilchenmann?= <github@milchkannen.ch>
Date: Tue, 31 Aug 2021 16:18:33 +0200
Subject: [PATCH] chore(project): handle mandatory keyword field (DSP-1829)
 (#503)

* chore(project): set project keyword to required

* chore(project): mark field as "required"
---
 .../project/project-form/project-form.component.html   |  5 ++++-
 src/app/project/project-form/project-form.component.ts | 10 ++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/project/project-form/project-form.component.html b/src/app/project/project-form/project-form.component.html
index 8340a35065..f6db525a8b 100644
--- a/src/app/project/project-form/project-form.component.html
+++ b/src/app/project/project-form/project-form.component.html
@@ -75,11 +75,14 @@
                     {{tag}}
                     <mat-icon matChipRemove *ngIf="project.status">cancel</mat-icon>
                 </mat-chip>
-                <input [placeholder]=" 'appLabels.form.project.general.keywords' | translate "
+                <input placeholder="{{'appLabels.form.project.general.keywords' | translate}} *"
                     [formControl]="form.controls['keywords']" [matChipInputFor]="chipList"
                     [matChipInputSeparatorKeyCodes]="separatorKeyCodes" [matChipInputAddOnBlur]="addOnBlur"
                     (matChipInputTokenEnd)="addKeyword($event)" />
             </mat-chip-list>
+            <mat-hint *ngIf="formErrors.keywords">
+                {{ formErrors.keywords }}
+            </mat-hint>
         </mat-form-field>
 
         <!-- upload logo -->
diff --git a/src/app/project/project-form/project-form.component.ts b/src/app/project/project-form/project-form.component.ts
index b62a2e346b..8d2ae41725 100644
--- a/src/app/project/project-form/project-form.component.ts
+++ b/src/app/project/project-form/project-form.component.ts
@@ -102,7 +102,8 @@ export class ProjectFormComponent implements OnInit {
         'shortname': '',
         'longname': '',
         'shortcode': '',
-        'description': ''
+        'description': '',
+        'keywords': ''
         // 'institution': ''
     };
 
@@ -127,6 +128,9 @@ export class ProjectFormComponent implements OnInit {
         'description': {
             'required': 'A description is required.',
             'maxlength': 'Description cannot be more than ' + this.descriptionMaxLength + ' characters long.'
+        },
+        'keywords': {
+            'required': 'At least one keyword is required.'
         }
         // 'institution': {}
     };
@@ -250,7 +254,9 @@ export class ProjectFormComponent implements OnInit {
             'keywords': new FormControl({
                 // must be empty (even in edit mode), because of the mat-chip-list
                 value: [], disabled: disabled
-            })
+            }, [
+                Validators.required
+            ])
         });
 
         this.form.valueChanges