diff --git a/src/app/fuji/fuji/fuji.component.html b/src/app/fuji/fuji/fuji.component.html index 052eec96e4a0a3ac357217fcf454e23e2e4c1957..abfeaeb31b52841b30736e834227bdec9de8c609 100644 --- a/src/app/fuji/fuji/fuji.component.html +++ b/src/app/fuji/fuji/fuji.component.html @@ -21,7 +21,8 @@ <td>Findable</td> <td> {{result.summary.score_earned.F}}/{{result.summary.score_total.F}}</td> <td rowspan="4" style="vertical-align: middle;"> - {{result.summary.score_earned.FAIR}}/{{result.summary.score_total.FAIR}}</td> + <h4 class="bold">{{result.summary.score_percent.FAIR}}%</h4><br> + ({{result.summary.score_earned.FAIR}}/{{result.summary.score_total.FAIR}})</td> </tr> <tr> <td>Accessible</td> diff --git a/src/app/fuji/template/result/result.component.html b/src/app/fuji/template/result/result.component.html index 38a0c8d06347273b583f6f7223b65fa61835f654..87c635e99223de5be6e587d7d83d0dfc3eda8cd9 100644 --- a/src/app/fuji/template/result/result.component.html +++ b/src/app/fuji/template/result/result.component.html @@ -50,7 +50,7 @@ </tr> </thead> <tbody *ngFor="let item of splitDebug(result.test_debug)"> - <tr > + <tr [style.background-color]="getBackGroundColor(item[0])"> <td class="bold" >{{ item[0] }}</td> <td>{{ item[1] }}</td> </tr> diff --git a/src/app/fuji/template/result/result.component.ts b/src/app/fuji/template/result/result.component.ts index b4087381fb0f17a2e9ea68e223fb0abf31d4f838..5865deaebb9f1849396245cdf2c8e73eed82bd5b 100644 --- a/src/app/fuji/template/result/result.component.ts +++ b/src/app/fuji/template/result/result.component.ts @@ -33,4 +33,14 @@ export class ResultComponent implements OnInit { public onCompare(_left: KeyValue<any, any>, _right: KeyValue<any, any>): number { return 1; } + + getBackGroundColor(str: string): string { + if (str === 'SUCCESS') { + return '#7cdf86'; + } else if (str === 'WARNING') { + return '#e8c456'; + } else { + return; + } + } }