From 227c32583aa178d80869f3f341193b01fdf56785 Mon Sep 17 00:00:00 2001
From: test <stieglerda78912@th-nuernberg.de>
Date: Mon, 29 Jun 2020 19:56:09 +0200
Subject: [PATCH] added script snippet to add new options to status-dropdown

---
 .../userstory-form.component.html             | 136 ++++++++++--------
 1 file changed, 75 insertions(+), 61 deletions(-)

diff --git a/src/app/userstory-form/userstory-form.component.html b/src/app/userstory-form/userstory-form.component.html
index 0b2ddc8..6a2af0f 100644
--- a/src/app/userstory-form/userstory-form.component.html
+++ b/src/app/userstory-form/userstory-form.component.html
@@ -1,64 +1,78 @@
 <!-- <div class="modal-lg"> -->
-    <div class="modal-content p-3 text-dark">
-        <div class="modal-header">
-            <h4 class="modal-title">Neue Userstory 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="row">
-                    <div class="col-md-9">
-                        <div class="form-group">
-                            <label for="Title">Titel</label>
-                            <input type="text" class="form-control" id="Title" required name="title"
-                                [(ngModel)]="userstory.title" id="titleField">
-                        </div>
-                    </div>
-                    <div class="col-md-1"></div>
-                    <div class="col-md-2">
-                        <div class="form-group">
-                            <label for="Prio">Prio</label>
-                            <select class="custom-select mr-sm-2" id="prio" required name="prio"
-                                [(ngModel)]="userstory.priority">
-                                <option value="low">Low</option>
-                                <option value="medium">Medium</option>
-                                <option value="high">High</option>
-                            </select>
-                        </div>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-9">
-                        <div class="form-group">
-                            <label for="Inhalt">Story</label>
-                            <textarea type="text" class="form-control" id="Story" required name="story" rows="5"
-                                [(ngModel)]="userstory.content"></textarea>
-                        </div>
-
-                    </div>
-                    <div class="col-md-1"></div>
-                    <div class="col-md-2">
-                        <div class="form-group">
-                            <label for="Inhalt">Status</label>
-                            <input type="text" class="form-control" id="Status" required name="status"
-                                [(ngModel)]="userstory.status">
-                        </div>
-                        <div class="form-group">
-                            <label for="Inhalt">Autor</label>
-                            <input type="text" class="form-control" id="Author" required name="author"
-                                [(ngModel)]="userstory.createdby">
-                        </div>
-                    </div>
-                </div>
-                <div class="modal-footer">
-                    <button (click)="onClose()" type="dismiss" class="btn btn-secondary"
-                        data-dismiss="modal">Abbrechen</button>
-                    <button type="submit" class="btn btn-primary">Erstellen</button>
-                </div>
-            </form>
-        </div>
+<div class="modal-content p-3 text-dark">
+    <div class="modal-header">
+        <h4 class="modal-title">Neue Userstory 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="row">
+                <div class="col-md-9">
+                    <div class="form-group">
+                        <label for="Title">Titel</label>
+                        <input type="text" class="form-control" id="Title" required name="title"
+                            [(ngModel)]="userstory.title" id="titleField">
+                    </div>
+                </div>
+                <div class="col-md-1"></div>
+                <div class="col-md-2">
+                    <div class="form-group">
+                        <label for="Prio">Prio</label>
+                        <select class="custom-select mr-sm-2" id="prio" required name="prio"
+                            [(ngModel)]="userstory.priority">
+                            <option value="low">Low</option>
+                            <option value="medium">Medium</option>
+                            <option value="high">High</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-9">
+                    <div class="form-group">
+                        <label for="Inhalt">Story</label>
+                        <textarea type="text" class="form-control" id="Story" required name="story" rows="5"
+                            [(ngModel)]="userstory.content"></textarea>
+                    </div>
+
+                </div>
+                <div class="col-md-1"></div>
+                <div class="col-md-2">
+                    <div class="form-group">
+                        <label for="Inhalt">Status</label>
+                        <!-- <input type="text" class="form-control" id="Status" required name="status"
+                                    [(ngModel)]="userstory.status"> -->
+                        <select class="custom-select mr-sm-2" id="selectAdd">
+
+                        </select>
+
+                        <button onclick="addOption()">Add</button>
+
+                        <script type="text/javascript">
+                            function addOption() {
+                                var optText = 'New element';
+                                var optValue = 1;
+                                $('#selectAdd').append(`<option value="${optValue}">${optText}</option>`);
+                            }
+                        </script>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="Inhalt">Autor</label>
+                        <input type="text" class="form-control" id="Author" required name="author"
+                            [(ngModel)]="userstory.createdby">
+                    </div>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button (click)="onClose()" type="dismiss" class="btn btn-secondary"
+                    data-dismiss="modal">Abbrechen</button>
+                <button type="submit" class="btn btn-primary">Erstellen</button>
+            </div>
+        </form>
+    </div>
+</div>
 <!-- </div> -->
\ No newline at end of file