niggl/srumboard_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Verschönere Oberfläche mit Bootstrap

Browse Source
This commit is contained in:
jfhr 2020-06-03 17:22:16 +02:00
parent 5f7e18fc04
commit 4567a4deed
No known key found for this signature in database
GPG Key ID: 8873416D8E4CEF6B
2 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/task-form/task-form.component.html
View File

@ -1,4 +1,5 @@
<form> <div class="modal-content p-3">
<form>
<div class="form-group"> <div class="form-group">
<label for="Title">Titel</label> <label for="Title">Titel</label>
<input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="title"> <input type="text" class="form-control" id="Title" required name="title" [(ngModel)]="title">
@ -11,4 +12,5 @@
<button type="submit" class="btn btn-success">Submit</button> <button type="submit" class="btn btn-success">Submit</button>
</form> </form>
</div>

11
src/app/task-list/task-list.component.html
View File

@ -1,11 +1,12 @@
<button (click)=openTaskForm(null)>Neu</button> <button class="btn btn-dark m-3" (click)="openTaskForm(null)">Neu</button>
<ul> <ul class="list-group m-3">
<li *ngFor="let task of tasks"> <li *ngFor="let task of tasks" class="list-group-item">
<span>Titel: {{task.title}}</span> <span>Titel: {{task.title}}</span>
<br/> <br/>
<span>Inhalt: {{task.content}}</span> <span>Inhalt: {{task.content}}</span>
<button (click)="openTaskForm(task)">Bearbeiten</button> <br>
<button (click)="deleteTask(task)">Löschen</button> <button class="btn btn-secondary m-2" (click)="openTaskForm(task)">Bearbeiten</button>
<button class="btn btn-secondary m-2" (click)="deleteTask(task)">Löschen</button>
</li> </li>
</ul> </ul>