src/app/tool-page/issue-details/issue-details.component.ts
Container for all IssueContainerComponents used to display issues within the currently selected IssueItem.
| selector | app-issue-details |
| styleUrls | issue-details.component.css |
| templateUrl | ./issue-details.component.html |
Properties |
|
constructor(courseService: CourseService)
|
||||||||
|
Constructor
Parameters :
|
| Public courseService |
courseService:
|
Type : CourseService
|
|
Provides information and management for selected courses.
Being used in issue-details.component.html (i.e. DO NOT DELETE)
|
import { Component } from '@angular/core';
import { CourseService } from '../../course.service'; // Being used in issue-details.component.html (i.e. DO NOT DELETE)
/**
* Container for all {@link IssueContainerComponent}s used to display
* issues within the currently selected {@link IssueItem}.
*/
@Component({
selector: 'app-issue-details',
templateUrl: './issue-details.component.html',
styleUrls: ['./issue-details.component.css']
})
export class IssueDetailsComponent {
/**
* Constructor
* @param courseService Provides information and management for selected courses.
* Being used in issue-details.component.html (i.e. DO NOT DELETE)
*/
constructor(public courseService: CourseService) { }
}
<div class="issueDetails">
<h1 style="display:inline-block" class="white-text">
Issues
</h1>
<span class="issueDetails__itemTitle ashen-text">{{this.courseService.selectedIssueItem ? this.courseService.selectedIssueItem.title : ''}}</span>
<div *ngIf="courseService.selectedIssueItem" class="issueDetails__issueBox">
<app-issue-container *ngFor="let issue of courseService.selectedIssueItem.issues; let i = index" [index]="i" [issue]="issue"></app-issue-container>
</div>
</div>