CE/webapp/src/app/pacman-features/modules/compliance/card/card.component.html at 183123a05d08ea12ba6702d282a13fe07c909fbd · PaladinCloud/CE · GitHub

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
44
45
46
47
<mat-card class="panel">
    <mat-card-header *ngIf="card.id !== 3">
        {{ card.header }}
    </mat-card-header>
    <mat-card-content [ngClass]="{ 'asset-graph': card.id === 3 }">
        <div class="chart flex flex-align-center" *ngIf="card.id === 1">
            <div [class.loader]="data.length === 0 && dataError === ''"></div>
            <app-error-message *ngIf="dataError" [selectedValue]="dataError"></app-error-message>
            <app-progress-bar-chart
                *ngIf="dataError === '' && data.length > 0"
                [bars]="data"
                (navigateTo)="navigateToViolationsByCategory($event)"
            ></app-progress-bar-chart>
        </div>
        <div class="chart flex" *ngIf="card.id === 2">
            <div [class.loader]="!data && dataError === ''"></div>
            <app-error-message *ngIf="dataError" [selectedValue]="dataError"></app-error-message>
            <div class="graph-chart-cont relative" id="dashboardDoughnut">
                <app-doughnut-chart
                    *ngIf="dataError === '' && data"
                    [chartContId]="'dashboardDoughnut'"
                    [graphData]="data"
                    [graphWidth]="widgetWidth"
                    [flexTrue]="true"
                    [graphHeight]="widgetHeight"
                    [MainTextcolor]="MainTextcolor"
                    [innerRadius]="innerRadius"
                    [outerRadius]="outerRadius"
                    [strokeColor]="strokeColor"
                    (navigatePage)="navigateToViolationsByCategory($event)"
                >
                </app-doughnut-chart>
            </div>
        </div>
        <div class="chart" *ngIf="card.id === 3">
            <app-asset-trend-graph
                [header]="card.header"
                [footer]="card.footer"
            ></app-asset-trend-graph>
        </div>
    </mat-card-content>
    <mat-card-actions *ngIf="card.footer && !dataError">
        <button (click)="card.cardButtonAction()">
            {{ card.footer }} <img src="/assets/icons/right-arrow-icon.svg" />
        </button>
    </mat-card-actions>
</mat-card>