Spaces:
Sleeping
Sleeping
File size: 1,780 Bytes
44e5f85 f839bd4 44e5f85 f839bd4 44e5f85 f839bd4 44e5f85 | 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 48 49 50 51 52 53 |
import React from "react";
import AxisItemRow from "./AxisItemRow";
import axisDefinitions from "../data/axisDefinitions";
// TC_REL and CC are judged once per video (not per event) - shown after all
// event cards, per the guideline's hierarchy: A/V -> AVB -> TC_REL/TC_COUNT -> CC.
export default function VideoLevelAxes({
video,
temporalConstraintDescription,
onChangeField,
isPractice = false,
grading
}) {
return (
<section className="video-level-axes">
<h3>Whole-video judgments</h3>
<div className="event-axis-rows">
<div className="axis-context">
<span className="axis-context-label">Temporal constraint</span>
<p>{temporalConstraintDescription}</p>
</div>
<AxisItemRow
axisKey={axisDefinitions.tcRel.key}
title={axisDefinitions.tcRel.title}
summary={axisDefinitions.tcRel.summary}
kind="verdict"
value={video.tcRel.label}
rationale={video.tcRel.rationale}
onChangeValue={(value) => onChangeField("tcRel", "label", value)}
onChangeRationale={(value) => onChangeField("tcRel", "rationale", value)}
isPractice={isPractice}
grading={grading && grading.tcRel}
/>
<AxisItemRow
axisKey={axisDefinitions.cc.key}
title={axisDefinitions.cc.title}
summary={axisDefinitions.cc.summary}
kind="verdict"
value={video.cc.label}
rationale={video.cc.rationale}
onChangeValue={(value) => onChangeField("cc", "label", value)}
onChangeRationale={(value) => onChangeField("cc", "rationale", value)}
isPractice={isPractice}
grading={grading && grading.cc}
/>
</div>
</section>
);
}
|