From 9016fbcef3d2bb447114a47aaca0d012a590a3ec Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Thu, 2 Jul 2020 12:03:34 +0200
Subject: [PATCH] Sprint cardyfied

---
 src/app/sprint-form/sprint-form.component.html | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/sprint-form/sprint-form.component.html b/src/app/sprint-form/sprint-form.component.html
index d8b7ecd..f1eba59 100644
--- a/src/app/sprint-form/sprint-form.component.html
+++ b/src/app/sprint-form/sprint-form.component.html
@@ -1,11 +1,13 @@
-    <div class="modal-content p-3">
-    <div class="modal-header">
-        <h4 class="modal-title">Neuen Sprint anlegen</h4>
+<div class="card" style="width: 100%;">    
+    <div class="container">
+    <div class="card-body">
+        <div style="text-align: right;">
+            <i class="fa fa-times fa-2x" (click)="onClose()"></i>
+    </div>
+        <h4 class="card-title">Neuen Sprint anlegen</h4>
         <button (click)="onClose()" type="button" class="close" aria-label="Close">
             <span aria-hidden="true">&times;</span>
         </button>
-    </div>
-    <div class="modal-body">
         <form (ngSubmit)="onSubmit()">
             <div class="form-group">
                 <label for="Title">Titel</label>
@@ -14,16 +16,16 @@
             </div>
             <div class="form-group">
                 <label for="date">Startdatum</label>
-                <input type="Date" class="form-control" id="Date" required name="date" [(ngModel)]="sprint.startDate"
+                <input #startDate type="Date" class="form-control" id="Date" required name="date" [value]="sprint.startDate | date: 'yyyy-MM-dd'" (change)="sprint.startDate=startDate.value"
                     id="titleField">
             </div>
             <div class="form-group">
                 <label for="Date">Enddatum</label>
-                <input type="date" class="form-control" id="Date" required name="date" [(ngModel)]="sprint.endDate"
+                <input #endDate type="date" class="form-control" id="Date" required name="date" [value]="sprint.endDate | date: 'yyyy-MM-dd'" (change)="sprint.endDate=endDate.value"
                     id="titleField">
             </div>
             
-            <div class="modal-footer">
+            <div>
                 <button (click)="onClose()" type="dismiss" class="btn btn-secondary"
                     data-dismiss="modal">Abbrechen</button>
                 <button type="submit" class="btn btn-primary">Sprint starten</button>