presidential-innovation-fellows/code-gov-web

View on GitHub
src/app/components/help-wanted/card/help-wanted-card.template.html

Summary

Maintainability
Test Coverage
<div class="card focusable">
  <h3 class="card-title"><a [href]="item.issueURL ? item.issueURL : item.projectURL" target="_blank">{{ item.title }}</a></h3>
  <p class="card-description">{{ item.description | truncate : 250}}</p>

  <dl class="show-w-gt-900">

    <!-- <div *ngIf="item.projectURL">
      <dt>Project Name: </dt>
      <dd><a [href]="item.projectURL" *ngIf="item.projectURL" target="_blank">project name</a></dd>
    </div> -->

    <div *ngIf="item?.agency?.acronym">
      <dt>Agency:</dt>
      <dd><a [routerLink]="['/browse-projects']" [queryParams]="{agencies:item?.agency?.acronym}">{{item?.agency?.acronym}}</a></dd>
    </div>

    <div *ngIf="item?.date?.lastModified">
      <dt>Last updated:</dt>
      <dd>{{item?.date?.lastModified | date: "MMM d yyyy 'at' h':'mm a"}}</dd>
    </div>

    <hr>

    <div *ngIf="item.languages">
      <dt>Language:</dt>
      <dd>{{ item.languages.join(', ') }}</dd>
    </div>

    <div *ngIf="item.type">
      <dt>Type:</dt>
      <dd>{{ item.type | capitalize }}</dd>
    </div>

    <div *ngIf="item.skill">
      <dt>Skill Level:</dt>
      <dd>{{ item.skill | capitalize }}</dd>
    </div>

    <div *ngIf="item.effort">
      <dt>Effort:</dt>
      <dd>{{ item.effort }}</dd>
    </div>

  </dl>
</div>