2019-05-08 11:55:49 +02:00
|
|
|
<div class="main-content">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="card">
|
2019-05-15 10:55:53 +02:00
|
|
|
<div class="card-header card-header-plain d-flex">
|
2019-05-08 11:55:49 +02:00
|
|
|
<div class="card-desc d-flex flex-column justify-content-center">
|
2019-08-20 17:32:42 +02:00
|
|
|
<h4 class="card-title">{{'GRANT-LISTING.TITLE' | translate}}</h4>
|
2019-08-01 09:54:40 +02:00
|
|
|
<!-- <p class="card-category">{{'GRANT-LISTING.SUBTITLE' | translate}}</p> -->
|
2019-05-08 11:55:49 +02:00
|
|
|
</div>
|
|
|
|
<div class="d-flex align-items-center ml-auto p-2">
|
2019-05-15 10:55:53 +02:00
|
|
|
<button mat-raised-button color="primary" class="text-uppercase lightblue-btn" [routerLink]="['./new']">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-icon>add</mat-icon> {{'GRANT-LISTING.ACTIONS.NEW' | translate}}
|
2019-05-08 11:55:49 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-body table-responsive">
|
2019-08-01 09:54:40 +02:00
|
|
|
<div class="grant-listing row">
|
2019-05-08 11:55:49 +02:00
|
|
|
<div class="col-3">
|
2019-08-01 09:54:40 +02:00
|
|
|
<app-grant-criteria-component class="col-auto"></app-grant-criteria-component>
|
2019-05-08 11:55:49 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-9">
|
|
|
|
<div class="row" *ngFor="let item of listingItems; let i = index">
|
2019-08-01 09:54:40 +02:00
|
|
|
<app-grant-listing-item-component class="col-12" [showDivider]="i !== (listingItems.length - 1)" [grant]="item" (onClick)="rowClicked($event)"></app-grant-listing-item-component>
|
2019-05-08 11:55:49 +02:00
|
|
|
</div>
|
2019-05-17 15:29:00 +02:00
|
|
|
<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" (page)="pageThisEvent($event)" class="mt-2"></mat-paginator>
|
2019-05-08 11:55:49 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-05-15 10:55:53 +02:00
|
|
|
<!--
|
2019-04-24 11:26:53 +02:00
|
|
|
<div class="main-content">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<h3>{{languageResolverService.getBy('listingTitle') | translate}}</h3>
|
2019-08-01 09:54:40 +02:00
|
|
|
<app-grant-criteria-component></app-grant-criteria-component>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-card class="mat-card">
|
|
|
|
<mat-card-content>
|
|
|
|
<div class="row">
|
|
|
|
<mat-table class="col-md-12" [dataSource]="dataSource" matSort (matSortChange)="refresh()">
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2019-04-24 11:26:53 +02:00
|
|
|
<ng-container cdkColumnDef="avatar">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="avatar">{{'GRANT-LISTING.COLUMNS.AVATAR' | translate}}</mat-header-cell>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-cell *matCellDef="let row">
|
|
|
|
<img mat-card-avatar [src]="host+'files/'+row.files[0].id+'?location='+row.files[0].location+'&type='+row.files[0].type">
|
|
|
|
</mat-cell>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="name">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="label">{{'GRANT-LISTING.COLUMNS.NAME' | translate}}</mat-header-cell>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-cell *matCellDef="let row">{{row.label}}</mat-cell>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="abbreviation">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="abbreviation">{{'GRANT-LISTING.COLUMNS.ABBREVIATION' |
|
2019-04-24 11:26:53 +02:00
|
|
|
translate}}</mat-header-cell>
|
|
|
|
<mat-cell *matCellDef="let row"> {{row.abbreviation}} </mat-cell>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="start">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="startdate">{{'GRANT-LISTING.COLUMNS.START' | translate}}</mat-header-cell>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-cell *matCellDef="let row"> {{row.startDate | date:'shortDate'}} </mat-cell>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="end">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef mat-sort-header="enddate">{{'GRANT-LISTING.COLUMNS.END' | translate}}</mat-header-cell>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-cell *matCellDef="let row"> {{row.endDate | date:'shortDate'}} </mat-cell>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container cdkColumnDef="dmps">
|
2019-08-01 09:54:40 +02:00
|
|
|
<mat-header-cell *matHeaderCellDef>{{'GRANT-LISTING.COLUMNS.DMPS' | translate}}</mat-header-cell>
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-cell *matCellDef="let row" (click)="$event.stopPropagation()">
|
2019-08-01 09:54:40 +02:00
|
|
|
<app-url-listing [items]="row.dmps" [urlLimit]="5" [parameters]="{ grantLabel: row.label }"></app-url-listing>
|
2019-04-24 11:26:53 +02:00
|
|
|
</mat-cell>
|
|
|
|
</ng-container>
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2019-04-24 11:26:53 +02:00
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
|
|
<mat-row *matRowDef="let row; columns: displayedColumns" (click)="rowClick(row.id)"></mat-row>
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2019-04-24 11:26:53 +02:00
|
|
|
</mat-table>
|
|
|
|
<mat-paginator #paginator [length]="dataSource?.totalCount" [pageSizeOptions]="[10, 25, 100]">
|
|
|
|
</mat-paginator>
|
|
|
|
</div>
|
|
|
|
</mat-card-content>
|
|
|
|
</mat-card>
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2019-04-24 11:26:53 +02:00
|
|
|
<button mat-fab class="mat-fab-bottom" style="float: right;" color="primary" [routerLink]=" ['./new'] ">
|
|
|
|
<mat-icon class="mat-24">add</mat-icon>
|
|
|
|
</button>
|
|
|
|
</div>
|
2019-05-08 11:55:49 +02:00
|
|
|
</div> -->
|