crh225/angular-github-issues

<div class="pl-15">
    <div *ngFor="let j of jobs | async" class="col-lg-3 col-md-4 col-sm-6 col-xs-12 card-wrapper">
        <mat-card class="card">
            <mat-card-header>
                <mat-card-title>
                    <strong>{{ j.title }}</strong>
                </mat-card-title>
                <mat-card-subtitle>
                    {{ j.company }}
                </mat-card-subtitle>
            </mat-card-header>
            <mat-card-content>
                <app-badge [badgeConfig]="j.salary | currency"></app-badge> <br>
                {{j.description}}
            </mat-card-content>
            <mat-card-actions>
                <a [routerLink]="['/jobs/edit', j.id]" preserveQueryParams preserveFragment>
                    <button mat-button color="accent">Edit Job</button>
                </a>
                <button mat-button color="warn" (click)="delete(j.id)">Delete</button>
            </mat-card-actions>
        </mat-card>
    </div>
</div>