Add copy button to exam questions tab (#1014)

Co-authored-by: Matti Lupari <[email protected]>
CSCfi · Dec 1, 2023 · 62ec1a7 · 62ec1a7
1 parent 68fd1f9
commit 62ec1a7
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/ui/src/app/exam/editor/sections/section-question.component.html b/ui/src/app/exam/editor/sections/section-question.component.html
@@ -43,6 +43,7 @@
             </button>
             <div ngbDropdownMenu>
                 <button ngbDropdownItem (click)="editQuestion()">{{ 'sitnet_edit' | translate }}</button>
+                <button ngbDropdownItem (click)="copyQuestion()">{{ 'sitnet_copy' | translate }}</button>
                 <button ngbDropdownItem (click)="removeQuestion()">{{ 'sitnet_remove' | translate }}</button>
             </div>
         </div>

diff --git a/ui/src/app/exam/editor/sections/section-question.component.ts b/ui/src/app/exam/editor/sections/section-question.component.ts
@@ -40,6 +40,7 @@ export class SectionQuestionComponent {
     @Input() examId = 0;
     @Output() removed = new EventEmitter<ExamSectionQuestion>();
     @Output() updated = new EventEmitter<ExamSectionQuestion>();
+    @Output() copied = new EventEmitter<ExamSectionQuestion>();
 
     constructor(
         private http: HttpClient,
@@ -73,6 +74,12 @@ export class SectionQuestionComponent {
             this.translate.instant('sitnet_remove_question'),
         ).subscribe({ next: () => this.removed.emit(this.sectionQuestion), error: (err) => this.toast.error(err) });
 
+    copyQuestion = () =>
+        this.Confirmation.open$(
+            this.translate.instant('sitnet_confirm'),
+            this.translate.instant('sitnet_copy_question'),
+        ).subscribe({ next: () => this.copied.emit(this.sectionQuestion), error: (err) => this.toast.error(err) });
+
     determineClaimOptionType(examOption: ExamSectionQuestionOption) {
         return this.Question.determineClaimOptionTypeForExamQuestionOption(examOption);
     }

diff --git a/ui/src/app/exam/editor/sections/section.component.html b/ui/src/app/exam/editor/sections/section.component.html
@@ -235,6 +235,7 @@
                         [lotteryOn]="section.lotteryOn"
                         (removed)="removeQuestion($event)"
                         (updated)="updateQuestion($event)"
+                        (copied)="copyQuestion($event)"
                     >
                     </xm-section-question>
                 </div>

diff --git a/ui/src/app/exam/editor/sections/section.component.ts b/ui/src/app/exam/editor/sections/section.component.ts
@@ -180,6 +180,15 @@ export class SectionComponent {
             });
     };
 
+    copyQuestion = (sq: ExamSectionQuestion) =>
+        this.http.post<Question>(`/app/question/${sq.question.id}`, {}).subscribe({
+            next: (copy) => {
+                this.insertExamQuestion(copy, sq.sequenceNumber);
+                this.toast.info(this.translate.instant('sitnet_question_copied'));
+            },
+            error: (err) => this.toast.error(err),
+        });
+
     updateQuestion = (sq: ExamSectionQuestion) => {
         const index = this.section.sectionQuestions.findIndex((q) => q.id == sq.id);
         this.section.sectionQuestions[index] = sq;