|
1 | | -import { Component, computed, input } from "@angular/core"; |
2 | | -import { EntailmentLabel } from "../../../../types"; |
3 | | -import { entailmentLabels } from "@/shared/displayTextMappings"; |
4 | | - |
5 | | -@Component({ |
6 | | - selector: "la-entailment-label-badge", |
7 | | - standalone: true, |
8 | | - imports: [], |
9 | | - templateUrl: "./entailment-label-badge.component.html", |
10 | | - styleUrl: "./entailment-label-badge.component.scss", |
11 | | -}) |
12 | | -export class EntailmentLabelBadgeComponent { |
13 | | - public entailmentLabel = input.required<EntailmentLabel>(); |
14 | | - |
15 | | - public entailmentText = computed<string>(() => { |
16 | | - const entailment = this.entailmentLabel(); |
17 | | - return entailmentLabels[entailment]; |
18 | | - }); |
19 | | - |
20 | | - public entailmentClass = computed<string>(() => { |
21 | | - const entailment = this.entailmentLabel(); |
22 | | - switch (entailment) { |
23 | | - case EntailmentLabel.ENTAILMENT: |
24 | | - return "badge text-bg-success"; |
25 | | - case EntailmentLabel.CONTRADICTION: |
26 | | - return "badge text-bg-danger"; |
27 | | - case EntailmentLabel.NEUTRAL: |
28 | | - return "badge text-bg-secondary"; |
29 | | - case EntailmentLabel.UNKNOWN: |
30 | | - return "badge text-bg-warning"; |
31 | | - } |
32 | | - }); |
33 | | -} |
| 1 | +import { Component, computed, input } from "@angular/core"; |
| 2 | +import { EntailmentLabel } from "../../../../types"; |
| 3 | +import { entailmentLabels } from "@/shared/displayTextMappings"; |
| 4 | + |
| 5 | +@Component({ |
| 6 | + selector: "la-entailment-label-badge", |
| 7 | + standalone: true, |
| 8 | + imports: [], |
| 9 | + templateUrl: "./entailment-label-badge.component.html", |
| 10 | + styleUrl: "./entailment-label-badge.component.scss", |
| 11 | +}) |
| 12 | +export class EntailmentLabelBadgeComponent { |
| 13 | + public entailmentLabel = input.required<EntailmentLabel>(); |
| 14 | + |
| 15 | + public entailmentText = computed<string>(() => { |
| 16 | + const entailment = this.entailmentLabel(); |
| 17 | + return entailmentLabels[entailment]; |
| 18 | + }); |
| 19 | + |
| 20 | + public entailmentClass = computed<string>(() => { |
| 21 | + const entailment = this.entailmentLabel(); |
| 22 | + switch (entailment) { |
| 23 | + case EntailmentLabel.ENTAILMENT: |
| 24 | + return "badge text-bg-success"; |
| 25 | + case EntailmentLabel.CONTRADICTION: |
| 26 | + return "badge text-bg-danger"; |
| 27 | + case EntailmentLabel.NEUTRAL: |
| 28 | + return "badge text-bg-secondary"; |
| 29 | + case EntailmentLabel.UNKNOWN: |
| 30 | + return "badge text-bg-warning"; |
| 31 | + case EntailmentLabel.CONFLICT: |
| 32 | + return "badge text-bg-dark"; |
| 33 | + } |
| 34 | + }); |
| 35 | +} |
0 commit comments