From 22c6a382feeec2265bf70139923a271d7a7e4377 Mon Sep 17 00:00:00 2001
From: Florian Glombik <florian.glombik@tum.de>
Date: Fri, 25 Oct 2024 00:18:28 +0200
Subject: [PATCH] Removing usages of lintignore and fixing the underlying issue

---
 .../assessment-header.component.html             |  6 +++---
 .../assessment-header.component.ts               | 10 ++++------
 .../assessment-layout.component.html             |  4 ++--
 .../assessment-layout.component.ts               |  6 ++----
 .../complaints-student-view.component.html       |  2 +-
 .../complaints/form/complaints-form.component.ts |  5 ++---
 .../assess/file-upload-assessment.component.html |  4 ++--
 .../modeling-assessment-editor.component.html    |  4 ++--
 ...tor-tutor-assessment-container.component.html |  4 ++--
 .../text-submission-assessment.component.html    |  4 ++--
 .../textblock-assessment-card.component.html     |  2 +-
 .../textblock-feedback-editor.component.ts       |  5 ++---
 .../assessment-header.component.spec.ts          | 16 ++++++++--------
 .../complaints/complaints-form.component.spec.ts |  8 ++++----
 14 files changed, 37 insertions(+), 43 deletions(-)

diff --git a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.html b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.html
index fbf4de107932..47c600031279 100644
--- a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.html
+++ b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.html
@@ -115,7 +115,7 @@ <h3 class="top-container flex-wrap flex-lg-nowrap">
                     <button
                         id="submit"
                         class="btn m-1 btn-success"
-                        (click)="submit.emit(); sendSubmitAssessmentEventToAnalytics()"
+                        (click)="onSubmit.emit(); sendSubmitAssessmentEventToAnalytics()"
                         [disabled]="submitDisabled"
                         [ngbTooltip]="('artemisApp.assessment.button.control' | artemisTranslate) + ' + Enter'"
                     >
@@ -127,7 +127,7 @@ <h3 class="top-container flex-wrap flex-lg-nowrap">
                     @if (!isTestRun) {
                         <button
                             class="btn m-1 btn-danger"
-                            (click)="cancel.emit()"
+                            (click)="onCancel.emit()"
                             [disabled]="!(exercise?.isAtLeastInstructor || isAssessor) || saveBusy || submitBusy || cancelBusy"
                         >
                             @if (cancelBusy) {
@@ -140,7 +140,7 @@ <h3 class="top-container flex-wrap flex-lg-nowrap">
                 @if (overrideVisible) {
                     <button
                         class="btn m-1 btn-danger"
-                        (click)="submit.emit()"
+                        (click)="onSubmit.emit()"
                         [disabled]="overrideDisabled"
                         [ngbTooltip]="('artemisApp.assessment.button.control' | artemisTranslate) + ' + Enter'"
                     >
diff --git a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
index 0325c21089c8..6e6dc93aff16 100644
--- a/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
+++ b/src/main/webapp/app/assessment/assessment-header/assessment-header.component.ts
@@ -47,10 +47,8 @@ export class AssessmentHeaderComponent {
     @Input() isProgrammingExercise = false; // remove once diff view activated for programming exercises
 
     @Output() save = new EventEmitter<void>();
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() submit = new EventEmitter<void>();
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() cancel = new EventEmitter<void>();
+    @Output() onSubmit = new EventEmitter<void>();
+    @Output() onCancel = new EventEmitter<void>();
     @Output() nextSubmission = new EventEmitter<void>();
     @Output() highlightDifferencesChange = new EventEmitter<boolean>();
     @Output() useAsExampleSubmission = new EventEmitter<void>();
@@ -143,9 +141,9 @@ export class AssessmentHeaderComponent {
     submitOnControlAndEnter(event: KeyboardEvent) {
         event.preventDefault();
         if (!this.overrideDisabled) {
-            this.submit.emit();
+            this.onSubmit.emit();
         } else if (!this.submitDisabled) {
-            this.submit.emit();
+            this.onSubmit.emit();
             this.sendSubmitAssessmentEventToAnalytics();
         }
     }
diff --git a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.html b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.html
index 88fae3315dbe..7857252f879c 100644
--- a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.html
+++ b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.html
@@ -18,8 +18,8 @@
     [correctionRound]="correctionRound"
     [isProgrammingExercise]="isProgrammingExercise"
     (save)="save.emit()"
-    (submit)="submit.emit()"
-    (cancel)="cancel.emit()"
+    (onSubmit)="onSubmit.emit()"
+    (onCancel)="onCancel.emit()"
     [(highlightDifferences)]="highlightDifferences"
     (nextSubmission)="nextSubmission.emit()"
     [hasComplaint]="!!complaint"
diff --git a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
index 3447b854c6ab..b68902048248 100644
--- a/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
+++ b/src/main/webapp/app/assessment/assessment-layout/assessment-layout.component.ts
@@ -62,10 +62,8 @@ export class AssessmentLayoutComponent {
     }
 
     @Output() save = new EventEmitter<void>();
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() submit = new EventEmitter<void>();
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() cancel = new EventEmitter<void>();
+    @Output() onSubmit = new EventEmitter<void>();
+    @Output() onCancel = new EventEmitter<void>();
     @Output() nextSubmission = new EventEmitter<void>();
     @Output() updateAssessmentAfterComplaint = new EventEmitter<AssessmentAfterComplaint>();
     @Output() highlightDifferencesChange = new EventEmitter<boolean>();
diff --git a/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.html b/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.html
index c59190b2dad7..ae902f4ec8de 100644
--- a/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.html
+++ b/src/main/webapp/app/complaints/complaints-for-students/complaints-student-view.component.html
@@ -54,7 +54,7 @@
                     [examId]="exam?.id!"
                     [complaintType]="formComplaintType"
                     [isCurrentUserSubmissionAuthor]="isCorrectUserToFileAction"
-                    (submit)="loadPotentialComplaint()"
+                    (onSubmit)="loadPotentialComplaint()"
                 />
             </div>
         }
diff --git a/src/main/webapp/app/complaints/form/complaints-form.component.ts b/src/main/webapp/app/complaints/form/complaints-form.component.ts
index 5ebe167df7bb..015b05f95a95 100644
--- a/src/main/webapp/app/complaints/form/complaints-form.component.ts
+++ b/src/main/webapp/app/complaints/form/complaints-form.component.ts
@@ -19,8 +19,7 @@ export class ComplaintsFormComponent implements OnInit {
     @Input() examId?: number;
     @Input() complaintType: ComplaintType;
     @Input() isCurrentUserSubmissionAuthor = false;
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() submit: EventEmitter<void> = new EventEmitter();
+    @Output() onSubmit: EventEmitter<void> = new EventEmitter();
     maxComplaintsPerCourse = 1;
     maxComplaintTextLimit: number;
     complaintText?: string;
@@ -63,7 +62,7 @@ export class ComplaintsFormComponent implements OnInit {
 
         this.complaintService.create(complaintRequest).subscribe({
             next: () => {
-                this.submit.emit();
+                this.onSubmit.emit();
             },
             error: (err: HttpErrorResponse) => {
                 if (err?.error?.errorKey === 'tooManyComplaints') {
diff --git a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.html b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.html
index 002e35fe3ee3..acabef44c6b6 100644
--- a/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.html
+++ b/src/main/webapp/app/exercises/file-upload/assess/file-upload-assessment.component.html
@@ -15,8 +15,8 @@
     [correctionRound]="correctionRound"
     [(highlightDifferences)]="highlightDifferences"
     (save)="onSaveAssessment()"
-    (submit)="onSubmitAssessment()"
-    (cancel)="onCancelAssessment()"
+    (onSubmit)="onSubmitAssessment()"
+    (onCancel)="onCancelAssessment()"
     (nextSubmission)="assessNext()"
     (updateAssessmentAfterComplaint)="onUpdateAssessmentAfterComplaint($event)"
 >
diff --git a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.html b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.html
index 44a7f145c8ad..2bdfb5600177 100644
--- a/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.html
+++ b/src/main/webapp/app/exercises/modeling/assess/modeling-assessment-editor/modeling-assessment-editor.component.html
@@ -14,8 +14,8 @@
     [submission]="submission"
     [hasAssessmentDueDatePassed]="hasAssessmentDueDatePassed"
     (save)="onSaveAssessment()"
-    (submit)="onSubmitAssessment()"
-    (cancel)="onCancelAssessment()"
+    (onSubmit)="onSubmitAssessment()"
+    (onCancel)="onCancelAssessment()"
     (nextSubmission)="assessNext()"
     (updateAssessmentAfterComplaint)="onUpdateAssessmentAfterComplaint($event)"
     [(highlightDifferences)]="highlightDifferences"
diff --git a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
index 4d1a6fa449e2..a36543eca9a3 100644
--- a/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
+++ b/src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html
@@ -39,8 +39,8 @@
         [correctionRound]="correctionRound"
         [isProgrammingExercise]="true"
         (save)="save()"
-        (submit)="submit()"
-        (cancel)="cancel()"
+        (onSubmit)="submit()"
+        (onCancel)="cancel()"
         (nextSubmission)="nextSubmission()"
         (updateAssessmentAfterComplaint)="onUpdateAssessmentAfterComplaint($event)"
     >
diff --git a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.html b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.html
index c9c661d2f05f..4eb6c4650ed2 100644
--- a/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.html
+++ b/src/main/webapp/app/exercises/text/assess/text-submission-assessment.component.html
@@ -18,8 +18,8 @@
     [hasAssessmentDueDatePassed]="hasAssessmentDueDatePassed"
     [correctionRound]="correctionRound"
     (save)="save()"
-    (submit)="submit()"
-    (cancel)="cancel()"
+    (onSubmit)="submit()"
+    (onCancel)="cancel()"
     (nextSubmission)="nextSubmission()"
     [(highlightDifferences)]="highlightDifferences"
     (updateAssessmentAfterComplaint)="updateAssessmentAfterComplaint($event)"
diff --git a/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.html b/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.html
index a0f66fbeee8e..f7d1e4a24e6c 100644
--- a/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.html
+++ b/src/main/webapp/app/exercises/text/assess/textblock-assessment-card/textblock-assessment-card.component.html
@@ -22,7 +22,7 @@
         class="guided-tour-text-assessment"
         (click)="select(false)"
         (onFocus)="select(false)"
-        (close)="unselect()"
+        (onClose)="unselect()"
         (feedbackChange)="feedbackDidChange()"
         [readOnly]="readOnly"
         [highlightDifferences]="highlightDifferences"
diff --git a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
index 307e7ee92f8a..0cae1c87a35b 100644
--- a/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
+++ b/src/main/webapp/app/exercises/text/assess/textblock-feedback-editor/textblock-feedback-editor.component.ts
@@ -21,8 +21,7 @@ export class TextblockFeedbackEditorComponent implements AfterViewInit {
     @Input() textBlock: TextBlock = new TextBlock();
     @Input() feedback: Feedback = new Feedback();
     @Output() feedbackChange = new EventEmitter<Feedback>();
-    // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() close = new EventEmitter<void>();
+    @Output() onClose = new EventEmitter<void>();
     @Output() onFocus = new EventEmitter<void>();
     @ViewChild('detailText') textareaRef: ElementRef;
     @ViewChild(ConfirmIconComponent) confirmIconComponent: ConfirmIconComponent;
@@ -96,7 +95,7 @@ export class TextblockFeedbackEditorComponent implements AfterViewInit {
      * Dismiss changes in feedback editor
      */
     dismiss(): void {
-        this.close.emit();
+        this.onClose.emit();
         this.textAssessmentAnalytics.sendAssessmentEvent(TextAssessmentEventType.DELETE_FEEDBACK, this.feedback.type, this.textBlock.type);
     }
 
diff --git a/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts b/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
index a85e5e47bc16..aa0073961211 100644
--- a/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
+++ b/src/test/javascript/spec/component/assessment-shared/assessment-header.component.spec.ts
@@ -159,14 +159,14 @@ describe('AssessmentHeaderComponent', () => {
         saveButtonSpan.nativeElement.click();
         expect(component.save.emit).toHaveBeenCalledOnce();
 
-        jest.spyOn(component.submit, 'emit');
+        jest.spyOn(component.onSubmit, 'emit');
         submitButtonSpan.nativeElement.click();
-        expect(component.submit.emit).toHaveBeenCalledOnce();
+        expect(component.onSubmit.emit).toHaveBeenCalledOnce();
 
         const cancelButtonSpan = fixture.debugElement.query(By.css('[jhiTranslate$=cancel]'));
-        jest.spyOn(component.cancel, 'emit');
+        jest.spyOn(component.onCancel, 'emit');
         cancelButtonSpan.nativeElement.click();
-        expect(component.cancel.emit).toHaveBeenCalledOnce();
+        expect(component.onCancel.emit).toHaveBeenCalledOnce();
     });
 
     it('should show override button when result is present', () => {
@@ -189,9 +189,9 @@ describe('AssessmentHeaderComponent', () => {
         overrideAssessmentButtonSpan = fixture.debugElement.query(By.css('[jhiTranslate$=overrideAssessment]'));
         expect(overrideAssessmentButtonSpan).toBeTruthy();
 
-        jest.spyOn(component.submit, 'emit');
+        jest.spyOn(component.onSubmit, 'emit');
         overrideAssessmentButtonSpan.nativeElement.click();
-        expect(component.submit.emit).toHaveBeenCalledOnce();
+        expect(component.onSubmit.emit).toHaveBeenCalledOnce();
     });
 
     it('should show next submission if assessor or instructor, result is present and no complaint', () => {
@@ -345,7 +345,7 @@ describe('AssessmentHeaderComponent', () => {
 
         const eventMock = new KeyboardEvent('keydown', { ctrlKey: true, key: 'Enter' });
         const spyOnControlAndEnter = jest.spyOn(component, 'submitOnControlAndEnter');
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         document.dispatchEvent(eventMock);
 
         expect(spyOnControlAndEnter).toHaveBeenCalledOnce();
@@ -362,7 +362,7 @@ describe('AssessmentHeaderComponent', () => {
 
         const eventMock = new KeyboardEvent('keydown', { ctrlKey: true, key: 'Enter' });
         const spyOnControlAndEnter = jest.spyOn(component, 'submitOnControlAndEnter');
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         document.dispatchEvent(eventMock);
 
         expect(spyOnControlAndEnter).toHaveBeenCalledOnce();
diff --git a/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts b/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
index c0e144ca8828..488c740be038 100644
--- a/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
+++ b/src/test/javascript/spec/component/complaints/complaints-form.component.spec.ts
@@ -84,7 +84,7 @@ describe('ComplaintsFormComponent', () => {
 
     it('should submit after complaint creation', () => {
         const createMock = jest.spyOn(complaintService, 'create').mockReturnValue(of({} as EntityResponseType));
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         component.createComplaint();
         expect(createMock).toHaveBeenCalledOnce();
         expect(submitSpy).toHaveBeenCalledOnce();
@@ -93,7 +93,7 @@ describe('ComplaintsFormComponent', () => {
 
     it('should throw unknown error after complaint creation', () => {
         const createMock = jest.spyOn(complaintService, 'create').mockReturnValue(throwError(() => ({ status: 400 })));
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         const errorSpy = jest.spyOn(alertService, 'error');
         component.createComplaint();
         expect(createMock).toHaveBeenCalledOnce();
@@ -104,7 +104,7 @@ describe('ComplaintsFormComponent', () => {
     it('should throw known error after complaint creation', () => {
         const error = { error: { errorKey: 'tooManyComplaints' } } as HttpErrorResponse;
         const createMock = jest.spyOn(complaintService, 'create').mockReturnValue(throwError(() => error));
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         const errorSpy = jest.spyOn(alertService, 'error');
         const numberOfComplaints = 42;
         component.maxComplaintsPerCourse = numberOfComplaints;
@@ -120,7 +120,7 @@ describe('ComplaintsFormComponent', () => {
         component.exercise = courseExercise;
         component.ngOnInit();
 
-        const submitSpy = jest.spyOn(component.submit, 'emit');
+        const submitSpy = jest.spyOn(component.onSubmit, 'emit');
         const errorSpy = jest.spyOn(alertService, 'error');
         // 26 characters
         component.complaintText = 'abcdefghijklmnopqrstuvwxyz';