aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/datatable/datatable.component.html
blob: 8db62affa8f76d81b0b9ad278b72434102398976 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<div *ngIf="tableData.hasInput">
    <div>
        <div *ngIf="!tableData.loaded" backgroundColor="secondary" style="width: 100%; height: 100%;"
            class="d-flex justify-content-center align-items-center">
            <app-loading></app-loading>
        </div>
        <div *ngIf="tableData.loaded && tableData.data">
            <div id="info" *ngIf="tableData.data.length > 0 && tableData.data[0].length > 0"
                class="d-flex flex-row justify-content-center align-items-center">
                <div class="fs-5 mb-3">
                    Tabela {{tableData.numCols}}x{{tableData.numRows}}
                </div>
            </div>
            <div class="table-responsive" style="overflow: auto; border-radius: 5px;">
                <table *ngIf="tableData.data.length > 0 && tableData.hasHeader && tableData.data[0].length > 0" class="table table-bordered table-light">
                    <thead>
                        <tr>
                            <th *ngFor="let item of tableData.data[0]; let i = index">{{item}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let row of tableData.data | slice:1">
                            <td *ngFor="let col of row">{{col}}</td>
                        </tr>
                        <tr>
                            <td colspan="100" class="text-lg-center fs-6">+ {{tableData.numRows - 11}} redova...</td>
                        </tr>
                    </tbody>
                </table>
                <table *ngIf="tableData.data.length > 0 && !tableData.hasHeader && tableData.data[0].length > 0" class="table table-bordered table-light">
                    <tbody>
                        <tr *ngFor="let row of tableData.data">
                            <td *ngFor="let col of row">{{col}}</td>
                        </tr>
                        <tr>
                            <td colspan="100" class="text-lg-center fs-6">+ {{tableData.numRows - 10}} redova...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>