|
1
|
<div class="mat-elevation-z8">
|
|
2
|
<table [dataSource]="tableDataSource" mat-table class="full-width-table" matSort aria-label="Elements">
|
|
3
|
|
|
4
|
<ng-container matColumnDef="image">
|
|
5
|
<td mat-cell *matCellDef="let row">
|
|
6
|
<div class="container">
|
|
7
|
<div class="row name-div">
|
|
8
|
{{row.documentName}}
|
|
9
|
</div>
|
|
10
|
<div class="row image-div">
|
|
11
|
<img id="{{row.randomId + 'Img'}}"
|
|
12
|
class="image" src="data:image/jpg;base64,{{row.imageCut}}"
|
|
13
|
(load)="draw(row,row.randomId + 'Img' , row.randomId + 'Canvas' )"/>
|
|
14
|
<canvas id="{{row.randomId + 'Canvas'}}" style="position: absolute;" title="Result">
|
|
15
|
Your browser does not support the HTML5 canvas tag.
|
|
16
|
</canvas>
|
|
17
|
</div>
|
|
18
|
</div>
|
|
19
|
</td>
|
|
20
|
</ng-container>
|
|
21
|
|
|
22
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
|
|
23
|
</table>
|
|
24
|
|
|
25
|
<mat-paginator
|
|
26
|
#paginator
|
|
27
|
[pageIndex]="0"
|
|
28
|
[pageSize]="3"
|
|
29
|
[pageSizeOptions]="[1, 3, 5, 10, 25, 50, 100]">
|
|
30
|
</mat-paginator>
|
|
31
|
</div>
|