Page MenuHomec4science
Files F107017892

tln-table.component.html
No OneTemporary
Actions

File Metadata

Created
Thu, Apr 3, 15:27

tln-table.component.html
View Options

<mat-card>
<mat-card-header>
<mat-card-subtitle>{{results.length}} Resultate ({{results | quantResultPipe:resultQuery}})</mat-card-subtitle>
</mat-card-header>
<mat-card-content>
<mat-form-field class="filter">
<mat-label>Filter</mat-label>
<input matInput (keyup)="addFilter($event)" #input [value]="resultQuery.filterValue">
</mat-form-field>
<export [displayedColumns]="displayedColumns" [exportData]="results" [replaceId]="'text'" [selectedWordProperties]="resultQuery.selectedWordProperties"></export>
<table mat-table multiTemplateDataRows matSort (matSortChange)="sortData($event)" [dataSource]="results | pageResultFilter:paginatorResultStatus.resultRange" class="mat-elevation-z8">
<ng-container matColumnDef="numProperties">
<th mat-header-cell mat-sort-header="numProperties" *matHeaderCellDef>Anzahl mit Eigenschaften (einfach)</th>
<td mat-cell *matCellDef="let element"> {{element.numProperties}} </td>
</ng-container>
<ng-container matColumnDef="numPropertyTextPercent">
<th mat-header-cell mat-sort-header="numPropertyTextPercent" *matHeaderCellDef>% Wortanteil</th>
<td mat-cell *matCellDef="let element"> {{element.numPropertyTextPercent + ' %'}} </td>
</ng-container>
<ng-container matColumnDef="numPropertiesPercent">
<th mat-header-cell mat-sort-header="numPropertiesPercent" *matHeaderCellDef>% aller W&ouml;rter</th>
<td mat-cell *matCellDef="let element"> {{element.numPropertiesPercent + ' %'}} </td>
</ng-container>
<ng-container matColumnDef="numPropertiesIncludeMulti">
<th mat-header-cell mat-sort-header="numPropertiesIncludeMulti" *matHeaderCellDef>Anzahl mit Eigenschaften (mehrfach)</th>
<td mat-cell *matCellDef="let element"> {{element.numPropertiesIncludeMulti}} </td>
</ng-container>
<ng-container matColumnDef="numText">
<th mat-header-cell mat-sort-header="numText" *matHeaderCellDef>Anzahl Total</th>
<td mat-cell *matCellDef="let element"> {{element.numText}} </td>
</ng-container>
<ng-container matColumnDef="numTextPercent">
<th mat-header-cell mat-sort-header="numTextPercent" *matHeaderCellDef>% aller W&ouml;rter</th>
<td mat-cell *matCellDef="let element"> {{element.numTextPercent + ' %'}} </td>
</ng-container>
<ng-container matColumnDef="id">
<th mat-header-cell mat-sort-header="id" *matHeaderCellDef>Wort</th>
<td mat-cell *matCellDef="let element"> {{element.id}} </td>
</ng-container>
<ng-container matColumnDef="expandedDetail">
<td mat-cell *matCellDef="let element" [attr.colspan]="displayedColumns.length">
<div class="example-element-detail"
[@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'">
<word-presentation [expanded]="element == expandedElement" [wordIds]="element.wordIds"></word-presentation>
</div>
</td>
</ng-container>
<!-- Header and Row Declarations -->
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let element; columns: displayedColumns" class="example-element-row"
[class.example-expanded-row]="expandedElement === element"
(click)="expandedElement = expandedElement === element ? null : element"></tr>
<tr mat-row *matRowDef="let row; columns: ['expandedDetail']" class="example-detail-row"></tr>
</table>
<mat-paginator *ngIf="results.length > paginatorResultStatus.resultLength"
[length]="results.length"
[pageSize]="paginatorResultStatus.resultLength"
[pageSizeOptions]="paginatorResultStatus.pageSizeOptions"
[pageIndex]="paginatorResultStatus.resultIndex"
[showFirstLastButtons]="true"
(page)="paginatorResultStatus.showResults($event)">
</mat-paginator>
</mat-card-content>
</mat-card>

Event Timeline

c4science · Help