gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: verified score display validation

Browse Source
This commit is contained in:
Sukma Gladys 2024-11-26 13:28:07 +07:00
parent 6eb3a2e073
commit 3d96fc69fc
1 changed files with 56 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
View File

@ -72,6 +72,9 @@ export default function AssessmentResultPage() {
const { data: allVerifiedAspectsScoreData } = useQuery(getAllVerifiedAspectsAverageScore(assessmentId));
const { data: allVerifiedSubAspectsScoreData } = useQuery(getAllVerifiedSubAspectsAverageScore(assessmentId));
// Pastikan status tersedia
const assessmentStatus = assessmentResult?.statusAssessment;
const getAspectScore = (aspectId: string) => {
return allAspectsScoreData?.aspects?.find((score) => score.aspectId === aspectId)?.averageScore || undefined;
};
@ -80,11 +83,13 @@ export default function AssessmentResultPage() {
return allSubAspectsScoreData?.subAspects?.find((score) => score.subAspectId === subAspectId)?.averageScore || undefined;
};
const getVerifiedAspectScore = (aspectId: string) => {
const getVerifiedAspectScore = (aspectId: string, assessmentStatus: string) => {
if (assessmentStatus !== "selesai") return undefined;
return allVerifiedAspectsScoreData?.aspects?.find((score) => score.aspectId === aspectId)?.averageScore || undefined;
};
const getVerifiedSubAspectScore = (subAspectId: string) => {
const getVerifiedSubAspectScore = (subAspectId: string, assessmentStatus: string) => {
if (assessmentStatus !== "selesai") return undefined;
return allVerifiedSubAspectsScoreData?.subAspects?.find((score) => score.subAspectId === subAspectId)?.averageScore || undefined;
};
@ -96,7 +101,10 @@ export default function AssessmentResultPage() {
// Total score
const totalScore = parseFloat(formatScore(assessmentResult?.assessmentsResult));
const totalVerifiedScore = parseFloat(formatScore(verifiedAssessmentResult?.verifiedAssessmentsResult));
const totalVerifiedScore =
assessmentStatus === "selesai"
? parseFloat(formatScore(verifiedAssessmentResult?.verifiedAssessmentsResult))
: 0;
// Mengatur warna dan level maturitas berdasarkan skor
const getScoreStyleClass = (score: number | undefined, isBg: boolean = false) => {
@ -140,11 +148,14 @@ export default function AssessmentResultPage() {
fill: aspectsColors[index % aspectsColors.length],
})) || [];
const verifiedChartData = aspectsData?.data?.map((aspect, index) => ({
const verifiedChartData =
assessmentStatus === "selesai"
? aspectsData?.data?.map((aspect, index) => ({
aspectName: aspect.name,
score: Number(formatScore(getVerifiedAspectScore(aspect.id))),
score: Number(formatScore(getVerifiedAspectScore(aspect.id, assessmentStatus))),
fill: aspectsColors[index % aspectsColors.length],
})) || [];
})) || []
: [];
const barChartData = aspectsData?.data?.flatMap((aspect) =>
aspect.subAspects.map((subAspect) => ({
@ -156,28 +167,36 @@ export default function AssessmentResultPage() {
}))
) || [];
const verifiedBarChartData = aspectsData?.data?.flatMap((aspect) =>
const verifiedBarChartData =
assessmentStatus === "selesai"
? aspectsData?.data?.flatMap((aspect) =>
aspect.subAspects.map((subAspect) => ({
subAspectName: subAspect.name,
score: Number(formatScore(getVerifiedSubAspectScore(subAspect.id))),
score: Number(formatScore(getVerifiedSubAspectScore(subAspect.id, assessmentStatus))),
fill: "#005BFF",
aspectId: aspect.id,
aspectName: aspect.name
aspectName: aspect.name,
}))
) || [];
) || []
: [];
const sortedBarChartData = barChartData.sort((a, b) => (a.aspectId ?? '').localeCompare(b.aspectId ?? ''));
const sortedVerifiedBarChartData = verifiedBarChartData.sort((a, b) => (a.aspectId ?? '').localeCompare(b.aspectId ?? ''));
const chartConfig = aspectsData?.data?.reduce((config, aspect, index) => {
const chartConfig =
assessmentStatus === "selesai"
? aspectsData?.data?.reduce((config, aspect, index) => {
config[aspect.name.toLowerCase()] = {
label: aspect.name,
color: aspectsColors[index % aspectsColors.length],
};
return config;
}, {} as ChartConfig) || {};
}, {} as ChartConfig) || {}
: {};
const barChartConfig = aspectsData?.data?.reduce((config, aspect, index) => {
const barChartConfig =
assessmentStatus === "selesai"
? aspectsData?.data?.reduce((config, aspect, index) => {
aspect.subAspects.forEach((subAspect) => {
config[subAspect.name.toLowerCase()] = {
label: subAspect.name,
@ -185,7 +204,8 @@ export default function AssessmentResultPage() {
};
});
return config;
}, {} as ChartConfig) || {};
}, {} as ChartConfig) || {}
: {};
// Dropdown State
const [isOpen, setIsOpen] = useState(false);
@ -735,9 +755,9 @@ export default function AssessmentResultPage() {
className={clsx(
"text-sm lg:text-3xl font-bold",
)}
style={getScoreStyleClass(getVerifiedAspectScore(aspect.id))}
style={getScoreStyleClass(getVerifiedAspectScore(aspect.id, assessmentStatus ?? ''))}
>
{formatScore(getVerifiedAspectScore(aspect.id))}
{formatScore(getVerifiedAspectScore(aspect.id, assessmentStatus ?? ''))}
</span>
</div>
</th>
@ -755,7 +775,7 @@ export default function AssessmentResultPage() {
</td>
{/* Sub-aspect Score Column (No Left Border and w-fit for flexible width) */}
<td className="text-[0.4rem] lg:text-sm font-bold text-right p-1 lg:p-2 border-t border-b border-r border-gray-200 w-fit">
{aspect.subAspects[rowIndex] ? formatScore(getVerifiedSubAspectScore(aspect.subAspects[rowIndex].id)) : ""}
{aspect.subAspects[rowIndex] ? formatScore(getVerifiedSubAspectScore(aspect.subAspects[rowIndex].id, assessmentStatus ?? '')) : ""}
</td>
</React.Fragment>
))}