From 4f4d7087f310d628fcd05251a233e86c80414585 Mon Sep 17 00:00:00 2001
From: annampak <annampak@hotmail.com>
Date: Tue, 7 Nov 2017 12:46:24 +0200
Subject: [PATCH] required fields in project

---
 dmp-frontend/src/app/projects/project.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/projects/project.html b/dmp-frontend/src/app/projects/project.html
index f91e15b03..86ca6759b 100644
--- a/dmp-frontend/src/app/projects/project.html
+++ b/dmp-frontend/src/app/projects/project.html
@@ -80,11 +80,10 @@
               </button>
             </div>
             <div class="modal-body">
-                <form #newProjectForm="ngForm" (ngSubmit)="SaveProject()">
-                    <div class="form-group">
+                <form #newProjectForm="ngForm" (ngSubmit)="SaveProject()" novalidate>
+
                         <label for="label-name" class="form-control-label">Label:</label>
-                        <input type="text" class="form-control" id="label-name" [(ngModel)]= "project.label" name = "label">
-                    </div>
+                        <input type="text" class="form-control" id="label-name" [(ngModel)]= "project.label" name = "label" required>
                     <div class="form-group">
                         <label for="abbreviation-text" class="form-control-label">Abbreviation:</label>
                         <input class="form-control" id="abbreviation-text" [(ngModel)]= "project.abbreviation" name = "abbreviation">
@@ -99,11 +98,11 @@
                     </div>
                     <div class="form-group">
                         <label for="start-date" class="form-control-label">Start Date:</label>
-                        <input class="form-control" type='date' class="form-control" [(ngModel)]= "project.startdate" id='start-date' name = "startdate"/>
+                        <input class="form-control" type='date' class="form-control" [(ngModel)]= "project.startdate" id='start-date' name = "startdate" required/>
                     </div>
                     <div class="form-group">
                         <label for="end-date" class="form-control-label">End Date:</label>
-                        <input class="form-control" type='date' class="form-control" [(ngModel)]= "project.enddate" id='end-date' name = "enddate"/>
+                        <input class="form-control" type='date' class="form-control" [(ngModel)]= "project.enddate" id='end-date' name = "enddate" required/>
                     </div>
                     <div class="form-group">
                             <label for="status-name" class="col-form-label">Status:</label>
@@ -119,7 +118,7 @@
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                <button type="submit" class="btn btn-primary" (click)="SaveProject();">Save project</button>
+                <button type="submit" class="btn btn-primary"  [disabled]="!newProjectForm.form.valid" (click)="SaveProject();">Save project</button>
             </div>
         </div>
     </div>