Renamed Folder
This commit is contained in:
		@@ -1,3 +1,3 @@
 | 
				
			|||||||
th.sortable:hover {
 | 
					th.sortable:hover {
 | 
				
			||||||
  text-decoration: underline;
 | 
					  text-decoration: underline;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@@ -1,229 +1,229 @@
 | 
				
			|||||||
<div class="container-fluid">
 | 
					<div class="container-fluid">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  <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="row">
 | 
				
			||||||
    <div class="col-lg-6 container-fluid">
 | 
					    <div class="col-lg-6 container-fluid">
 | 
				
			||||||
      <h4>Verfügbare Userstories</h4>
 | 
					      <h4>Verfügbare Userstories</h4>
 | 
				
			||||||
      <table class="table">
 | 
					      <table class="table">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <thead>
 | 
					        <thead>
 | 
				
			||||||
          <tr>
 | 
					          <tr>
 | 
				
			||||||
            <th (click)="sortById()" class="sortable">
 | 
					            <th (click)="sortById()" class="sortable">
 | 
				
			||||||
              <span>ID</span>
 | 
					              <span>ID</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByTitle()" class="sortable">
 | 
					            <th (click)="sortByTitle()" class="sortable">
 | 
				
			||||||
              <span>Titel</span>
 | 
					              <span>Titel</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'title'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'title'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByTasks()" class="sortable">
 | 
					            <th (click)="sortByTasks()" class="sortable">
 | 
				
			||||||
              <span>Tasks</span>
 | 
					              <span>Tasks</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByStatus()" class="sortable">
 | 
					            <th (click)="sortByStatus()" class="sortable">
 | 
				
			||||||
              <span>Status</span>
 | 
					              <span>Status</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th class="sortable">
 | 
					            <th class="sortable">
 | 
				
			||||||
              <div class="d-inline-block">
 | 
					              <div class="d-inline-block">
 | 
				
			||||||
                <div class="d-inline-block">
 | 
					                <div class="d-inline-block">
 | 
				
			||||||
                  <span (click)="sortByPrio()">Priorität: </span>
 | 
					                  <span (click)="sortByPrio()">Priorität: </span>
 | 
				
			||||||
                  <div ngbDropdown class="d-inline-block">
 | 
					                  <div ngbDropdown class="d-inline-block">
 | 
				
			||||||
                    <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
 | 
					                    <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
 | 
				
			||||||
                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
 | 
					                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
 | 
				
			||||||
                      <option ngbDropdownItem (click)="filterPriority=null">All</option>
 | 
					                      <option ngbDropdownItem (click)="filterPriority=null">All</option>
 | 
				
			||||||
                      <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}
 | 
					                      <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}
 | 
				
			||||||
                      </option>
 | 
					                      </option>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </div>
 | 
					                  </div>
 | 
				
			||||||
                  <span (click)="sortByPrio()">
 | 
					                  <span (click)="sortByPrio()">
 | 
				
			||||||
                    <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                    <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                    <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                    <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                    <span *ngIf="sortDescending === false && sortBy === 'priority'"><i
 | 
					                    <span *ngIf="sortDescending === false && sortBy === 'priority'"><i
 | 
				
			||||||
                        class="fa fa-sort-down fa-lg"></i></span>
 | 
					                        class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
                  </span>
 | 
					                  </span>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByCategory()" class="sortable">
 | 
					            <th (click)="sortByCategory()" class="sortable">
 | 
				
			||||||
              <span>Category</span>
 | 
					              <span>Category</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th></th>
 | 
					            <th></th>
 | 
				
			||||||
          </tr>
 | 
					          </tr>
 | 
				
			||||||
        </thead>
 | 
					        </thead>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <tbody>
 | 
					        <tbody>
 | 
				
			||||||
          <tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
 | 
					          <tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
 | 
				
			||||||
            <td>{{userstory.id}}</td>
 | 
					            <td>{{userstory.id}}</td>
 | 
				
			||||||
            <td>{{userstory.title}}</td>
 | 
					            <td>{{userstory.title}}</td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
 | 
					              <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
 | 
				
			||||||
                {{getNumberOfTasks(userstory)}} Tasks
 | 
					                {{getNumberOfTasks(userstory)}} Tasks
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/status', {id: userstory.statusid}]">
 | 
					              <a [routerLink]="['/status', {id: userstory.statusid}]">
 | 
				
			||||||
                {{getStatusTitleById(userstory.statusid)}}
 | 
					                {{getStatusTitleById(userstory.statusid)}}
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>{{userstory.priority}}</td>
 | 
					            <td>{{userstory.priority}}</td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/categories', {id: userstory.categoryid}]">
 | 
					              <a [routerLink]="['/categories', {id: userstory.categoryid}]">
 | 
				
			||||||
                {{getCategoryTitleById(userstory.categoryid)}}
 | 
					                {{getCategoryTitleById(userstory.categoryid)}}
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              
 | 
					              
 | 
				
			||||||
              <button type="button" rel="tooltip" (click)="addToSprintBacklog(userstory)"
 | 
					              <button type="button" rel="tooltip" (click)="addToSprintBacklog(userstory)"
 | 
				
			||||||
                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>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
          </tr>
 | 
					          </tr>
 | 
				
			||||||
        </tbody>
 | 
					        </tbody>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      </table>
 | 
					      </table>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    <div></div>
 | 
					    <div></div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <div class="col-lg-6 container-fluid">
 | 
					    <div class="col-lg-6 container-fluid">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <h4>Sprint-Backlog</h4>
 | 
					      <h4>Sprint-Backlog</h4>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <table class="table">
 | 
					      <table class="table">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <thead>
 | 
					        <thead>
 | 
				
			||||||
          <tr>
 | 
					          <tr>
 | 
				
			||||||
            <th (click)="sortById()" class="sortable">
 | 
					            <th (click)="sortById()" class="sortable">
 | 
				
			||||||
              <span>ID</span>
 | 
					              <span>ID</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByTitle()" class="sortable">
 | 
					            <th (click)="sortByTitle()" class="sortable">
 | 
				
			||||||
              <span>Titel</span>
 | 
					              <span>Titel</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'title'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'title'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByTasks()" class="sortable">
 | 
					            <th (click)="sortByTasks()" class="sortable">
 | 
				
			||||||
              <span>Tasks</span>
 | 
					              <span>Tasks</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByStatus()" class="sortable">
 | 
					            <th (click)="sortByStatus()" class="sortable">
 | 
				
			||||||
              <span>Status</span>
 | 
					              <span>Status</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th class="sortable">
 | 
					            <th class="sortable">
 | 
				
			||||||
              <div class="d-inline-block">
 | 
					              <div class="d-inline-block">
 | 
				
			||||||
                <div class="d-inline-block">
 | 
					                <div class="d-inline-block">
 | 
				
			||||||
                  <span (click)="sortByPrio()">Priorität: </span>
 | 
					                  <span (click)="sortByPrio()">Priorität: </span>
 | 
				
			||||||
                  <div ngbDropdown class="d-inline-block">
 | 
					                  <div ngbDropdown class="d-inline-block">
 | 
				
			||||||
                    <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
 | 
					                    <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
 | 
				
			||||||
                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
 | 
					                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
 | 
				
			||||||
                      <option ngbDropdownItem (click)="filterPriority=null">All</option>
 | 
					                      <option ngbDropdownItem (click)="filterPriority=null">All</option>
 | 
				
			||||||
                      <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}
 | 
					                      <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}
 | 
				
			||||||
                      </option>
 | 
					                      </option>
 | 
				
			||||||
                    </div>
 | 
					                    </div>
 | 
				
			||||||
                  </div>
 | 
					                  </div>
 | 
				
			||||||
                  <span (click)="sortByPrio()">
 | 
					                  <span (click)="sortByPrio()">
 | 
				
			||||||
                    <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                    <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                    <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                    <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                    <span *ngIf="sortDescending === false && sortBy === 'priority'"><i
 | 
					                    <span *ngIf="sortDescending === false && sortBy === 'priority'"><i
 | 
				
			||||||
                        class="fa fa-sort-down fa-lg"></i></span>
 | 
					                        class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
                  </span>
 | 
					                  </span>
 | 
				
			||||||
                </div>
 | 
					                </div>
 | 
				
			||||||
              </div>
 | 
					              </div>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th (click)="sortByCategory()" class="sortable">
 | 
					            <th (click)="sortByCategory()" class="sortable">
 | 
				
			||||||
              <span>Category</span>
 | 
					              <span>Category</span>
 | 
				
			||||||
              <span>
 | 
					              <span>
 | 
				
			||||||
                <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
					                <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
					                <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
 | 
				
			||||||
                <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i
 | 
					                <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i
 | 
				
			||||||
                    class="fa fa-sort-down fa-lg"></i></span>
 | 
					                    class="fa fa-sort-down fa-lg"></i></span>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </th>
 | 
					            </th>
 | 
				
			||||||
            <th></th>
 | 
					            <th></th>
 | 
				
			||||||
          </tr>
 | 
					          </tr>
 | 
				
			||||||
        </thead>
 | 
					        </thead>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <tbody>
 | 
					        <tbody>
 | 
				
			||||||
          <tr *ngFor="let userstory of choosen" [class.table-info]="userstory.id === highlightId">
 | 
					          <tr *ngFor="let userstory of choosen" [class.table-info]="userstory.id === highlightId">
 | 
				
			||||||
            <td>{{userstory.id}}</td>
 | 
					            <td>{{userstory.id}}</td>
 | 
				
			||||||
            <td>{{userstory.title}}</td>
 | 
					            <td>{{userstory.title}}</td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
 | 
					              <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
 | 
				
			||||||
                {{getNumberOfTasks(userstory)}} Tasks
 | 
					                {{getNumberOfTasks(userstory)}} Tasks
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/status', {id: userstory.statusid}]">
 | 
					              <a [routerLink]="['/status', {id: userstory.statusid}]">
 | 
				
			||||||
                {{getStatusTitleById(userstory.statusid)}}
 | 
					                {{getStatusTitleById(userstory.statusid)}}
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>{{userstory.priority}}</td>
 | 
					            <td>{{userstory.priority}}</td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <a [routerLink]="['/categories', {id: userstory.categoryid}]">
 | 
					              <a [routerLink]="['/categories', {id: userstory.categoryid}]">
 | 
				
			||||||
                {{getCategoryTitleById(userstory.categoryid)}}
 | 
					                {{getCategoryTitleById(userstory.categoryid)}}
 | 
				
			||||||
              </a>
 | 
					              </a>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
            <td>
 | 
					            <td>
 | 
				
			||||||
              <button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(userstory)"
 | 
					              <button type="button" rel="tooltip" (click)="deleteFromSprintBacklog(userstory)"
 | 
				
			||||||
                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>
 | 
				
			||||||
            </td>
 | 
					            </td>
 | 
				
			||||||
          </tr>
 | 
					          </tr>
 | 
				
			||||||
        </tbody>
 | 
					        </tbody>
 | 
				
			||||||
      </table>
 | 
					      </table>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
@@ -1,185 +1,185 @@
 | 
				
			|||||||
import { Component } from '@angular/core';
 | 
					import { Component } from '@angular/core';
 | 
				
			||||||
import {
 | 
					import {
 | 
				
			||||||
  BackendService,
 | 
					  BackendService,
 | 
				
			||||||
  ScrumTask,
 | 
					  ScrumTask,
 | 
				
			||||||
  ScrumUserstory,
 | 
					  ScrumUserstory,
 | 
				
			||||||
  ScrumStatus,
 | 
					  ScrumStatus,
 | 
				
			||||||
  ScrumCategory,
 | 
					  ScrumCategory,
 | 
				
			||||||
  ScrumSprint,
 | 
					  ScrumSprint,
 | 
				
			||||||
  ScrumUser,
 | 
					  ScrumUser,
 | 
				
			||||||
} from '../services/backend.service';
 | 
					} from '../services/backend.service';
 | 
				
			||||||
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 | 
					import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 | 
				
			||||||
import { TableComponentBase } from '../services/table-component.base';
 | 
					import { TableComponentBase } from '../services/table-component.base';
 | 
				
			||||||
import { getNumberForPriority } from '../services/sorting.service';
 | 
					import { getNumberForPriority } from '../services/sorting.service';
 | 
				
			||||||
import { UserstoryFormComponent } from '../userstory-form/userstory-form.component';
 | 
					import { UserstoryFormComponent } from '../userstory-form/userstory-form.component';
 | 
				
			||||||
import { ActivatedRoute, ParamMap, Router } from '@angular/router';
 | 
					import { ActivatedRoute, ParamMap, Router } from '@angular/router';
 | 
				
			||||||
import { SprintFormComponent } from '../sprint-form/sprint-form.component';
 | 
					import { SprintFormComponent } from '../sprint-form/sprint-form.component';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@Component({
 | 
					@Component({
 | 
				
			||||||
  selector: 'app-userstory-table',
 | 
					  selector: 'app-userstory-table',
 | 
				
			||||||
  templateUrl: './userstory-table.component.html',
 | 
					  templateUrl: './userstory-table.component.html',
 | 
				
			||||||
  styleUrls: ['./userstory-table.component.css'],
 | 
					  styleUrls: ['./userstory-table.component.css'],
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
export class UserstoryTableComponent extends TableComponentBase<
 | 
					export class UserstoryTableComponent extends TableComponentBase<
 | 
				
			||||||
  ScrumUserstory
 | 
					  ScrumUserstory
 | 
				
			||||||
> {
 | 
					> {
 | 
				
			||||||
  public tasks: ScrumTask[] = [];
 | 
					  public tasks: ScrumTask[] = [];
 | 
				
			||||||
  public filterPriority: string | null = null;
 | 
					  public filterPriority: string | null = null;
 | 
				
			||||||
  public highlightId: number;
 | 
					  public highlightId: number;
 | 
				
			||||||
  public status: ScrumStatus[] = [];
 | 
					  public status: ScrumStatus[] = [];
 | 
				
			||||||
  public categories: ScrumCategory[] = [];
 | 
					  public categories: ScrumCategory[] = [];
 | 
				
			||||||
  
 | 
					  
 | 
				
			||||||
  public choosen: ScrumUserstory[] = [];
 | 
					  public choosen: ScrumUserstory[] = [];
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public get filteredItems() {
 | 
					  public get filteredItems() {
 | 
				
			||||||
    return this.items.filter(
 | 
					    return this.items.filter(
 | 
				
			||||||
      (task) =>
 | 
					      (task) =>
 | 
				
			||||||
        this.filterPriority === null || task.priority === this.filterPriority
 | 
					        this.filterPriority === null || task.priority === this.filterPriority
 | 
				
			||||||
    );
 | 
					    );
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  constructor(
 | 
					  constructor(
 | 
				
			||||||
    private backendService: BackendService,
 | 
					    private backendService: BackendService,
 | 
				
			||||||
    private modalService: NgbModal,
 | 
					    private modalService: NgbModal,
 | 
				
			||||||
    private route: ActivatedRoute,
 | 
					    private route: ActivatedRoute,
 | 
				
			||||||
    private router: Router
 | 
					    private router: Router
 | 
				
			||||||
  ) {
 | 
					  ) {
 | 
				
			||||||
    super();
 | 
					    super();
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    this.applyFilterParameters(this.route.snapshot.paramMap);
 | 
					    this.applyFilterParameters(this.route.snapshot.paramMap);
 | 
				
			||||||
    this.route.paramMap.subscribe((map) => this.applyFilterParameters(map));
 | 
					    this.route.paramMap.subscribe((map) => this.applyFilterParameters(map));
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    backendService.getUserstories().subscribe((response) => {
 | 
					    backendService.getUserstories().subscribe((response) => {
 | 
				
			||||||
      if (response.status > 399) {
 | 
					      if (response.status > 399) {
 | 
				
			||||||
        alert('Fehler');
 | 
					        alert('Fehler');
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
        this.items.push(...response.body);
 | 
					        this.items.push(...response.body);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    backendService.getTasks().subscribe((response) => {
 | 
					    backendService.getTasks().subscribe((response) => {
 | 
				
			||||||
      if (response.status > 399) {
 | 
					      if (response.status > 399) {
 | 
				
			||||||
        alert('Fehler');
 | 
					        alert('Fehler');
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
        this.tasks.push(...response.body);
 | 
					        this.tasks.push(...response.body);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    backendService.getAllStatus().subscribe((response) => {
 | 
					    backendService.getAllStatus().subscribe((response) => {
 | 
				
			||||||
      if (response.status > 399) {
 | 
					      if (response.status > 399) {
 | 
				
			||||||
        alert('Fehler');
 | 
					        alert('Fehler');
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
        this.status.push(...response.body);
 | 
					        this.status.push(...response.body);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    backendService.getCategories().subscribe((response) => {
 | 
					    backendService.getCategories().subscribe((response) => {
 | 
				
			||||||
      if (response.status > 399) {
 | 
					      if (response.status > 399) {
 | 
				
			||||||
        alert('Fehler');
 | 
					        alert('Fehler');
 | 
				
			||||||
      } else {
 | 
					      } else {
 | 
				
			||||||
        this.categories.push(...response.body);
 | 
					        this.categories.push(...response.body);
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  private applyFilterParameters(params: ParamMap) {
 | 
					  private applyFilterParameters(params: ParamMap) {
 | 
				
			||||||
    if (params.has('id')) {
 | 
					    if (params.has('id')) {
 | 
				
			||||||
      this.highlightId = parseInt(params.get('id'));
 | 
					      this.highlightId = parseInt(params.get('id'));
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public deleteUserstory(userstory: ScrumUserstory) {
 | 
					  public deleteUserstory(userstory: ScrumUserstory) {
 | 
				
			||||||
    this.backendService.deleteUserstory(userstory).subscribe((response) => {
 | 
					    this.backendService.deleteUserstory(userstory).subscribe((response) => {
 | 
				
			||||||
      if (response.status > 399) {
 | 
					      if (response.status > 399) {
 | 
				
			||||||
        alert('Fehler');
 | 
					        alert('Fehler');
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    const index = this.items.indexOf(userstory);
 | 
					    const index = this.items.indexOf(userstory);
 | 
				
			||||||
    if (index !== -1) {
 | 
					    if (index !== -1) {
 | 
				
			||||||
      this.items.splice(index, 1);
 | 
					      this.items.splice(index, 1);
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public openUserstoryForm(editUserstory?: ScrumUserstory) {
 | 
					  public openUserstoryForm(editUserstory?: ScrumUserstory) {
 | 
				
			||||||
    const modalRef = this.modalService.open(UserstoryFormComponent, {
 | 
					    const modalRef = this.modalService.open(UserstoryFormComponent, {
 | 
				
			||||||
      backdrop: 'static',
 | 
					      backdrop: 'static',
 | 
				
			||||||
      keyboard: true,
 | 
					      keyboard: true,
 | 
				
			||||||
      size: 'lg'
 | 
					      size: 'lg'
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    if (editUserstory === null) {
 | 
					    if (editUserstory === null) {
 | 
				
			||||||
      modalRef.result.then((result) => {
 | 
					      modalRef.result.then((result) => {
 | 
				
			||||||
        this.items.push(result);
 | 
					        this.items.push(result);
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    modalRef.componentInstance.userstory = editUserstory;
 | 
					    modalRef.componentInstance.userstory = editUserstory;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public getNumberOfTasks(userstory: ScrumUserstory) {
 | 
					  public getNumberOfTasks(userstory: ScrumUserstory) {
 | 
				
			||||||
    return this.tasks.filter((t) => t.userstoryid === userstory.id).length;
 | 
					    return this.tasks.filter((t) => t.userstoryid === userstory.id).length;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public sortById() {
 | 
					  public sortById() {
 | 
				
			||||||
    this.doNumericSort('id', (us) => us.id);
 | 
					    this.doNumericSort('id', (us) => us.id);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public sortByTitle() {
 | 
					  public sortByTitle() {
 | 
				
			||||||
    this.doStringSort('title', (us) => us.title);
 | 
					    this.doStringSort('title', (us) => us.title);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public sortByPrio() {
 | 
					  public sortByPrio() {
 | 
				
			||||||
    this.doNumericSort('priority', (us) => getNumberForPriority(us.priority));
 | 
					    this.doNumericSort('priority', (us) => getNumberForPriority(us.priority));
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public sortByTasks() {
 | 
					  public sortByTasks() {
 | 
				
			||||||
    this.doNumericSort('tasks', (us) => this.getNumberOfTasks(us));
 | 
					    this.doNumericSort('tasks', (us) => this.getNumberOfTasks(us));
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  sortByStatus() {
 | 
					  sortByStatus() {
 | 
				
			||||||
    this.doNumericSort('statusid', (us) => us.statusid);
 | 
					    this.doNumericSort('statusid', (us) => us.statusid);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  sortByCategory() {
 | 
					  sortByCategory() {
 | 
				
			||||||
    this.doNumericSort('categoryid', (us) => us.categoryid);
 | 
					    this.doNumericSort('categoryid', (us) => us.categoryid);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  getStatusTitleById(id) {
 | 
					  getStatusTitleById(id) {
 | 
				
			||||||
    var status = this.status.find((x) => x.id === id);
 | 
					    var status = this.status.find((x) => x.id === id);
 | 
				
			||||||
    if (!status) {
 | 
					    if (!status) {
 | 
				
			||||||
      return 'N/A';
 | 
					      return 'N/A';
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    return status.title;
 | 
					    return status.title;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  getCategoryTitleById(id) {
 | 
					  getCategoryTitleById(id) {
 | 
				
			||||||
    var category = this.categories.find((x) => x.id === id);
 | 
					    var category = this.categories.find((x) => x.id === id);
 | 
				
			||||||
    if (!category) {
 | 
					    if (!category) {
 | 
				
			||||||
      return 'N/A';
 | 
					      return 'N/A';
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    return category.title;
 | 
					    return category.title;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  // Sprint-Backlog
 | 
					  // Sprint-Backlog
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public addToSprintBacklog(userstory: ScrumUserstory) {
 | 
					  public addToSprintBacklog(userstory: ScrumUserstory) {
 | 
				
			||||||
    this.choosen.push(userstory);
 | 
					    this.choosen.push(userstory);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
  public deleteFromSprintBacklog(userstory: ScrumUserstory){
 | 
					  public deleteFromSprintBacklog(userstory: ScrumUserstory){
 | 
				
			||||||
   
 | 
					   
 | 
				
			||||||
    const index = this.choosen.indexOf(userstory);
 | 
					    const index = this.choosen.indexOf(userstory);
 | 
				
			||||||
    this.choosen.splice(index, 1);
 | 
					    this.choosen.splice(index, 1);
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public addToSprint(choosen: ScrumUserstory[]){
 | 
					  public addToSprint(choosen: ScrumUserstory[]){
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  public openSprintForm(editSprint?: ScrumSprint) {
 | 
					  public openSprintForm(editSprint?: ScrumSprint) {
 | 
				
			||||||
    const modalRef = this.modalService.open(SprintFormComponent, {
 | 
					    const modalRef = this.modalService.open(SprintFormComponent, {
 | 
				
			||||||
      backdrop: 'static',
 | 
					      backdrop: 'static',
 | 
				
			||||||
      keyboard: true,
 | 
					      keyboard: true,
 | 
				
			||||||
    });
 | 
					    });
 | 
				
			||||||
    if (editSprint === null) {
 | 
					    if (editSprint === null) {
 | 
				
			||||||
      modalRef.result.then(result => {
 | 
					      modalRef.result.then(result => {
 | 
				
			||||||
        this.items.push(result);
 | 
					        this.items.push(result);
 | 
				
			||||||
      });
 | 
					      });
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
    modalRef.componentInstance.sprint = editSprint;
 | 
					    modalRef.componentInstance.sprint = editSprint;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
		Reference in New Issue
	
	Block a user