-
Notifications
You must be signed in to change notification settings - Fork 276
/
text-exam-submission.component.html
56 lines (56 loc) · 2.76 KB
/
text-exam-submission.component.html
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
54
55
56
<!--resizable container-->
@if (exercise) {
<jhi-resizeable-container class="col-12" [examTimeline]="examTimeline">
<!--region Left Panel-->
<span class="exercise-title" left-header>{{ examTimeline ? exercise.title : exercise?.exerciseGroup?.title ?? '-' }}</span>
<!-- prettier-ignore -->
<span left-header> [{{ exercise.maxPoints }} {{ 'artemisApp.examParticipation.points' | artemisTranslate }}@if (exercise.bonusPoints) {
<span
>, {{ exercise.bonusPoints }} {{ 'artemisApp.examParticipation.bonus' | artemisTranslate }}</span>
}] @if (exercise.includedInOverallScore !== IncludedInOverallScore.INCLUDED_COMPLETELY) {
<jhi-included-in-score-badge
[includedInOverallScore]="exercise.includedInOverallScore" />
}</span>
<div left-body class="text-editor-grid mt-4 ps-2 pb-2 w-100">
<div class="grid-area-main">
<div>
<span class="badge bg-primary mb-2">
{{ 'artemisApp.textExercise.wordCount' | artemisTranslate: { count: wordCount } }}
</span>
<span class="badge bg-primary mb-2">
{{ 'artemisApp.textExercise.characterCount' | artemisTranslate: { count: characterCount } }}
</span>
</div>
<ng-container>
<textarea
#textEditor
id="text-editor"
class="text-editor-textarea"
[maxLength]="maxCharacterCount"
[(ngModel)]="answer"
[readOnly]="readonly || !studentSubmission"
[disabled]="readonly || !studentSubmission"
(keydown.tab)="onTextEditorTab(textEditor, $event)"
(input)="onTextEditorInput($event)"
></textarea>
</ng-container>
</div>
</div>
<!--endregion-->
<!--region Right Panel-->
<fa-icon right-header [icon]="farListAlt" />
<span right-header jhiTranslate="artemisApp.exercise.problemStatement">Problem Statement</span>
<!-- problem statement update & difference highlighter -->
<ng-container right-body>
@if (exercise) {
<jhi-exam-exercise-update-highlighter [exercise]="exercise" (problemStatementUpdateEvent)="updateProblemStatement($event)" />
}
@if (exercise.problemStatement) {
<p class="markdown-preview mb-3">
<span [innerHTML]="exercise.problemStatement! | htmlForMarkdown"></span>
</p>
}
</ng-container>
<!--endregion-->
</jhi-resizeable-container>
}