21 lines
805 B
HTML
21 lines
805 B
HTML
<div class="project-listing-item row" (click)="itemClicked()">
|
|
<div class="col-auto">
|
|
<mat-icon>lock</mat-icon>
|
|
</div>
|
|
<div class="col">
|
|
<div class="row">
|
|
<h4 class="col-12 title">{{project.label}}</h4>
|
|
<h4 class="col-12 project-title">{{project.abbreviation}}</h4>
|
|
</div>
|
|
<div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto gray-icon">desc</mat-icon>
|
|
<span class="col-auto m-2 p-1">{{project.description}}</span>
|
|
</div>
|
|
<div class="row d-flex align-items-center my-1">
|
|
<mat-icon class="col-auto gray-icon">settings</mat-icon>
|
|
<h4 class="col-auto m-2 p-1">{{project.startDate | date:'shortDate'}}</h4> - <h4 class="col-auto m-2 p-1">{{project.endDate | date:'shortDate'}}</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<mat-divider *ngIf="showDivider"></mat-divider>
|