Enhance audience management features with new components and API integrations
- Added `AssignCoursesModal`, `AudienceMemberRow`, `AudienceTable`, and related components for improved audience management UI. - Implemented audience invite actions including resend and revoke functionality. - Updated audience API to support importing members and assigning courses. - Refactored audience data handling to include status and invite management. - Improved overall user experience with pagination and selection features in the audience table.
This commit is contained in:
+44
@@ -0,0 +1,44 @@
|
||||
<script lang="ts">
|
||||
import { getExerciseQuestionLabel, type ExerciseQuestionLabels } from '@cio/question-types';
|
||||
import * as ToggleGroup from '../../../../base/toggle-group';
|
||||
import OptionCorrectnessBadges from '../shared/option-correctness-badges.svelte';
|
||||
|
||||
interface Props {
|
||||
labels: ExerciseQuestionLabels | undefined;
|
||||
correctIsTrue: boolean;
|
||||
studentValue: string;
|
||||
isCorrect: boolean | null;
|
||||
}
|
||||
|
||||
let { labels, correctIsTrue, studentValue, isCorrect }: Props = $props();
|
||||
|
||||
const label = (key: Parameters<typeof getExerciseQuestionLabel>[1], fallback = '') =>
|
||||
getExerciseQuestionLabel(labels, key, fallback);
|
||||
</script>
|
||||
|
||||
<div class="ui:space-y-2">
|
||||
<ToggleGroup.Root type="single" value={studentValue} disabled={true} variant="outline">
|
||||
<ToggleGroup.Item
|
||||
value="true"
|
||||
class={correctIsTrue ? 'ui:border-emerald-500 ui:bg-emerald-50/40 dark:ui:bg-emerald-950/30' : ''}
|
||||
>
|
||||
{label('true_false.true_label')}
|
||||
<OptionCorrectnessBadges
|
||||
{labels}
|
||||
showCorrect={correctIsTrue}
|
||||
showIncorrect={studentValue === 'true' && isCorrect === false}
|
||||
/>
|
||||
</ToggleGroup.Item>
|
||||
<ToggleGroup.Item
|
||||
value="false"
|
||||
class={!correctIsTrue ? 'ui:border-emerald-500 ui:bg-emerald-50/40 dark:ui:bg-emerald-950/30' : ''}
|
||||
>
|
||||
{label('true_false.false_label')}
|
||||
<OptionCorrectnessBadges
|
||||
{labels}
|
||||
showCorrect={!correctIsTrue}
|
||||
showIncorrect={studentValue === 'false' && isCorrect === false}
|
||||
/>
|
||||
</ToggleGroup.Item>
|
||||
</ToggleGroup.Root>
|
||||
</div>
|
||||
Reference in New Issue
Block a user