chore(project): handle mandatory keyword field (DSP-1829) (#503)

* chore(project): set project keyword to required * chore(project): mark field as "required"
dasch-swiss · Aug 31, 2021 · 35f6e7b · 35f6e7b
1 parent b742a98
commit 35f6e7b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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