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

Prettified

Browse Source
This commit is contained in:
Nicolai Ort 2020-07-10 18:44:20 +02:00
parent 7654194309
commit 8dcc3a1f45
1 changed files with 93 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/app/components/backlog/backlog.component.html
View File

@ -1,54 +1,66 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="content"> <div class="content">
<h3>Backlog</h3> <h3>Backlog</h3>
<div class="row"> <div class="row">
<div class="col-lg-6 container-fluid"> <div class="col-lg-6 container-fluid"></div>
</div> <div align="right" class="col-lg-6 container-fluid">
<div align="right" class="col-lg-6 container-fluid">
<button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button> <button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button>
</div> </div>
</div> </div>
<div class="row">
<div class="col-lg-6"><h3>Backlog</h3></div> <div class="row">
<div class="col-lg-6">
<h3>Backlog</h3>
</div>
<div class="col-lg-6"> <div class="col-lg-6">
<div class="row px-3 py-2"> <div class="row px-3 py-2">
<ng-container *ngIf="selectedSprint === undefined"> <ng-container *ngIf="selectedSprint === undefined">
<h3> Aktuell läuft kein Sprint. <a [routerLink]="['../sprints']">Zur Sprint Übersicht</a></h3> <h3>
Aktuell läuft kein Sprint.
<a [routerLink]="['../sprints']">Zur Sprint Übersicht</a>
</h3>
</ng-container> </ng-container>
<ng-container *ngIf="selectedSprint != undefined"> <ng-container *ngIf="selectedSprint != undefined">
<h3 *ngIf="selectedSprint === currentSprint">Aktueller Sprint:</h3> <h3 *ngIf="selectedSprint === currentSprint">Aktueller Sprint:</h3>
<h3 *ngIf="selectedSprint !== currentSprint">Sprint:</h3> <h3 *ngIf="selectedSprint !== currentSprint">Sprint:</h3>
<div ngbDropdown class="dropdown"> <div ngbDropdown="ngbDropdown" class="dropdown">
<button ngbDropdownToggle class="btn btn-secondary dropdown-toggle" type="button" <button ngbDropdownToggle="ngbDropdownToggle" class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{selectedSprint.title}}
{{selectedSprint.title}} ({{toDateString(selectedSprint.startDate)}} - {{toDateString(selectedSprint.endDate)}}) ({{toDateString(selectedSprint.startDate)}}
-
{{toDateString(selectedSprint.endDate)}})
</button> </button>
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownMenu2"> <div ngbDropdownMenu="ngbDropdownMenu" class="dropdown-menu" aria-labelledby="dropdownMenu2">
<option ngbDropdownItem *ngFor="let s of sprints" (click)="this.selectedSprint = s;"> <option ngbDropdownItem="ngbDropdownItem" *ngFor="let s of sprints" (click)="this.selectedSprint = s;">
{{s.title}} ({{toDateString(selectedSprint.startDate)}} - {{toDateString(selectedSprint.endDate)}}) {{s.title}}
({{toDateString(selectedSprint.startDate)}}
-
{{toDateString(selectedSprint.endDate)}})
</option> </option>
</div> </div>
</div> </div>
</ng-container> </ng-container>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-6 container-fluid"> <div class="col-lg-6 container-fluid">
<div *ngFor="let story of backlog" class="col-lg-6 container-fluid"> <div *ngFor="let story of backlog" class="col-lg-6 container-fluid">
<div class="card" style="width: 150%;"> <div class="card" style="width: 150%;">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{story.title}}</h4> <h4 class="card-title">{{story.title}}</h4>
<h6 class="card-subtitle mb-2 text-muted">Prio: {{story.priority}}</h6> <h6 class="card-subtitle mb-2 text-muted">Prio:
{{story.priority}}</h6>
<p class="card-text">{{story.content}}</p> <p class="card-text">{{story.content}}</p>
<div title="Badges"> <div title="Badges">
<span class="badge badge-primary">Category: {{story.categoryid || "N/A"}}</span> <span class="badge badge-primary">Category:
<span class="badge badge-info">Status: {{story.statusid || "N/A"}}</span> {{story.categoryid || "N/A"}}</span>
<span class="badge badge-info">Status:
{{story.statusid || "N/A"}}</span>
</div> </div>
<div style="text-align: right;" *ngIf="selectedSprint != undefined"> <div style="text-align: right;" *ngIf="selectedSprint != undefined">
<button type="button" rel="tooltip" (click)="addToSprintBacklog(story)" <button type="button" rel="tooltip" (click)="addToSprintBacklog(story)" class="btn btn-sm btn-success btn-icon">
class="btn btn-sm btn-success btn-icon">
<i class="fas fa-plus-square"></i> <i class="fas fa-plus-square"></i>
</button> </button>
</div> </div>
@ -62,15 +74,17 @@
<div class="card" style="width: 150%;"> <div class="card" style="width: 150%;">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">{{story.title}}</h4> <h4 class="card-title">{{story.title}}</h4>
<h6 class="card-subtitle mb-2 text-muted">Prio: {{story.priority}}</h6> <h6 class="card-subtitle mb-2 text-muted">Prio:
{{story.priority}}</h6>
<p class="card-text">{{story.content}}</p> <p class="card-text">{{story.content}}</p>
<div title="Badges"> <div title="Badges">
<span class="badge badge-primary">Category: {{story.categoryid || "N/A"}}</span> <span class="badge badge-primary">Category:
<span class="badge badge-info">Status: {{story.statusid || "N/A"}}</span> {{story.categoryid || "N/A"}}</span>
<span class="badge badge-info">Status:
{{story.statusid || "N/A"}}</span>
</div> </div>
<div style="text-align: right;"> <div style="text-align: right;">
<button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(story)" <button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(story)" class="btn btn-danger btn-sm btn-icon">
class="btn btn-danger btn-sm btn-icon">
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>
</div> </div>
@ -79,5 +93,5 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>