Integrated code lifecycle: Open repository for editors and instructors during assessment

src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.html

@@ -98,12 +98,18 @@
         </ng-template>
         <ng-template #editorToolbar>
             <ng-container *jhiExtensionPoint="overrideExportGoToRepository">
+                @if (isAtLeastEditor && localVCEnabled && !isTestRun) {
+                    <a class="btn btn-secondary btn-sm me-2 open-repository-button" [routerLink]="localRepositoryLink" target="_blank" rel="noopener noreferrer">
+                        <fa-icon [icon]="faExternalLink" />
+                        <span jhiTranslate="artemisApp.exerciseAssessmentDashboard.programmingExercise.goToRepo"></span>
+                    </a>
+                }
                 <jhi-programming-assessment-repo-export
                     [programmingExercises]="[exercise]"
                     [singleParticipantMode]="true"
                     [participationIdList]="participation ? [participation!.id!] : []"
                 />
-                @if (!localVCEnabled) {
+                @if (isAtLeastEditor && !localVCEnabled) {
                     <a
                         class="ms-2 me-5"
                         href="{{ participation?.userIndependentRepositoryUri }}"

src/main/webapp/app/exercises/programming/assess/code-editor-tutor-assessment-container.component.ts

@@ -29,11 +29,11 @@ import { DiffMatchPatch } from 'diff-match-patch-typescript';
 import { ProgrammingExerciseService } from 'app/exercises/programming/manage/services/programming-exercise.service';
 import { TemplateProgrammingExerciseParticipation } from 'app/entities/participation/template-programming-exercise-participation.model';
 import { getPositiveAndCappedTotalScore, getTotalMaxPoints } from 'app/exercises/shared/exercise/exercise.utils';
-import { getExerciseDashboardLink, getLinkToSubmissionAssessment } from 'app/utils/navigation.utils';
+import { getExerciseDashboardLink, getLinkToSubmissionAssessment, getLocalRepositoryLink } from 'app/utils/navigation.utils';
 import { SubmissionType, getLatestSubmissionResult } from 'app/entities/submission.model';
 import { isAllowedToModifyFeedback } from 'app/assessment/assessment.service';
 import { breakCircularResultBackReferences } from 'app/exercises/shared/result/result.utils';
-import { faTimesCircle } from '@fortawesome/free-solid-svg-icons';
+import { faExternalLink, faTimesCircle } from '@fortawesome/free-solid-svg-icons';
 import { cloneDeep } from 'lodash-es';
 import { AssessmentAfterComplaint } from 'app/complaints/complaints-for-tutor/complaints-for-tutor.component';
 import { PROFILE_LOCALVC } from 'app/app.constants';
@@ -84,10 +84,12 @@ export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDe
     exerciseId: number;
     exerciseGroupId: number;
     exerciseDashboardLink: string[];
+    localRepositoryLink: string[];
     loadingInitialSubmission = true;
     highlightDifferences = false;
 
     localVCEnabled = false;
+    isAtLeastEditor = false;
 
     unreferencedFeedback: Feedback[] = [];
     referencedFeedback: Feedback[] = [];
@@ -111,6 +113,7 @@ export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDe
 
     // Icons
     faTimesCircle = faTimesCircle;
+    faExternalLink = faExternalLink;
 
     /**
      * Get all feedback suggestions without a reference. They will be shown in cards below the build output.
@@ -187,13 +190,15 @@ export class CodeEditorTutorAssessmentContainerComponent implements OnInit, OnDe
                         const programmingExercise = response.body!;
                         this.templateParticipation = programmingExercise.templateParticipation!;
                         this.exercise.gradingCriteria = programmingExercise.gradingCriteria;
+                        this.isAtLeastEditor = !!this.exercise.isAtLeastEditor;
                     }),
                     switchMap(() => {
                         // Get all files with content from template repository
                         this.domainService.setDomain([DomainType.PARTICIPATION, this.templateParticipation]);
                         const observable = this.repositoryFileService.getFilesWithContent();
                         // Set back to student participation
                         this.domainService.setDomain([DomainType.PARTICIPATION, this.participation]);
+                        this.localRepositoryLink = getLocalRepositoryLink(this.courseId, this.exerciseId, this.participation.id!, this.exerciseGroupId, this.examId);
                         return observable;
                     }),
                     tap((templateFilesObj) => {

src/main/webapp/app/utils/navigation.utils.ts

@@ -152,6 +152,14 @@ export const getExerciseDashboardLink = (courseId: number, exerciseId: number, e
         : ['/course-management', courseId.toString(), 'assessment-dashboard', exerciseId.toString()];
 };
 
+export const getLocalRepositoryLink = (courseId: number, exerciseId: number, participationId: number, exerciseGroupId: number = 0, examId = 0): string[] => {
+    const suffix = ['programming-exercises', exerciseId.toString(), 'participations', participationId.toString(), 'repository'];
+
+    return examId < 0
+        ? ['/course-management', courseId.toString(), 'exams', examId.toString(), 'exercise-groups', exerciseGroupId.toString(), ...suffix]
+        : ['/course-management', courseId.toString(), ...suffix];
+};
+
 /**
  * A generic method which navigates into a subpage of an exam exercise
  * @router the router th component uses to navigate into different webpages