Programming exercises: Add clone in IDE buttons

src/main/webapp/app/exercises/programming/shared/service/external-cloning.service.ts

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'root' })
+export class ExternalCloningService {
+    /**
+     * Build source tree url.
+     * @param baseUrl - the base url of the version control system
+     * @param cloneUrl - url of the target.
+     */
+    buildSourceTreeUrl(baseUrl: string, cloneUrl: string | undefined): string | undefined {
+        return cloneUrl ? `sourcetree://cloneRepo?type=stash&cloneUrl=${encodeURI(cloneUrl)}&baseWebUrl=${baseUrl}` : undefined;
+    }
+
+    /**
+     * Builds an url to clone a Repository in IntelliJ
+     * Structure: jetbrains://idea/checkout/git?idea.required.plugins.id=Git4Idea&checkout.repo=:RepoUrl
+     * @param cloneUrl the url of the repository to clone
+     */
+    buildJetbrainsUrl(cloneUrl: string | undefined): string | undefined {
+        if (!cloneUrl) {
+            return undefined;
+        }
+        return `jetbrains://idea/checkout/git?idea.required.plugins.id=Git4Idea&checkout.repo=${encodeURIComponent(cloneUrl)}`;
+    }
+}

src/main/webapp/app/overview/exercise-details/exercise-details-student-actions.component.ts

@@ -1,7 +1,7 @@
 import { Component, ContentChild, HostBinding, Input, OnChanges, OnInit, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { AlertService } from 'app/core/util/alert.service';
-import { SourceTreeService } from 'app/exercises/programming/shared/service/sourceTree.service';
+import { ExternalCloningService } from 'app/exercises/programming/shared/service/external-cloning.service';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
 import { InitializationState } from 'app/entities/participation/participation.model';
 import { Exercise, ExerciseType } from 'app/entities/exercise.model';
@@ -25,7 +25,7 @@ import { AssessmentType } from 'app/entities/assessment-type.model';
     selector: 'jhi-exercise-details-student-actions',
     templateUrl: './exercise-details-student-actions.component.html',
     styleUrls: ['../course-overview.scss'],
-    providers: [SourceTreeService],
+    providers: [ExternalCloningService],
 })
 export class ExerciseDetailsStudentActionsComponent implements OnInit, OnChanges {
     readonly FeatureToggle = FeatureToggle;

src/main/webapp/app/shared/components/clone-repo-button/clone-repo-button.component.html

@@ -80,9 +80,9 @@ <h5>{{ cloneHeadline | artemisTranslate }}</h5>
         >
             {{ wasCopied ? ('artemisApp.exerciseActions.copiedUrl' | artemisTranslate) : ('artemisApp.exerciseActions.copyUrl' | artemisTranslate) }}
         </button>
-        <a class="btn btn-primary btn-sm" target="hidden-iframe" [href]="buildSourceTreeUrl() | safeUrl"
-            >{{ 'artemisApp.exerciseActions.cloneSourceTree.button' | artemisTranslate }}
-        </a>
+        <a class="btn btn-primary btn-sm" [href]="buildJetbrainsUrl() | safeUrl" jhiTranslate="artemisApp.exerciseActions.cloneIntelliJ.button"> </a>
+        <jhi-help-icon placement="right auto" text="artemisApp.exerciseActions.cloneIntelliJ.helpIcon" />
+        <a class="btn btn-primary btn-sm" target="hidden-iframe" [href]="buildSourceTreeUrl() | safeUrl" jhiTranslate="artemisApp.exerciseActions.cloneSourceTree.button"> </a>
         <iframe name="hidden-iframe" style="visibility: hidden; position: absolute"></iframe>
         <jhi-help-icon placement="right auto" text="artemisApp.exerciseActions.cloneSourceTree.helpIcon" />
     </ng-template>

src/main/webapp/app/shared/components/clone-repo-button/clone-repo-button.component.ts

@@ -1,14 +1,14 @@
 import { Component, Input, OnChanges, OnInit } from '@angular/core';
+import { ProgrammingExercise, ProgrammingLanguage } from 'app/entities/programming-exercise.model';
 import { FeatureToggle } from 'app/shared/feature-toggle/feature-toggle.service';
-import { SourceTreeService } from 'app/exercises/programming/shared/service/sourceTree.service';
+import { ExternalCloningService } from 'app/exercises/programming/shared/service/external-cloning.service';
 import { TranslateService } from '@ngx-translate/core';
 import { AccountService } from 'app/core/auth/account.service';
 import { User } from 'app/core/user/user.model';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { LocalStorageService } from 'ngx-webstorage';
 import { ProgrammingExerciseStudentParticipation } from 'app/entities/participation/programming-exercise-student-participation.model';
 import { ParticipationService } from 'app/exercises/shared/participation/participation.service';
-import { Exercise } from 'app/entities/exercise.model';
 import { PROFILE_LOCALVC } from 'app/app.constants';
 import { isPracticeMode } from 'app/entities/participation/student-participation.model';
 import { faDownload, faExternalLink } from '@fortawesome/free-solid-svg-icons';
@@ -20,6 +20,7 @@ import { faDownload, faExternalLink } from '@fortawesome/free-solid-svg-icons';
 })
 export class CloneRepoButtonComponent implements OnInit, OnChanges {
     readonly FeatureToggle = FeatureToggle;
+    readonly ProgrammingLanguage = ProgrammingLanguage;
 
     @Input()
     loading = false;
@@ -30,7 +31,7 @@ export class CloneRepoButtonComponent implements OnInit, OnChanges {
     @Input()
     participations?: ProgrammingExerciseStudentParticipation[];
     @Input()
-    exercise?: Exercise;
+    exercise?: ProgrammingExercise;
 
     useSsh = false;
     sshKeysUrl?: string;
@@ -53,7 +54,7 @@ export class CloneRepoButtonComponent implements OnInit, OnChanges {
 
     constructor(
         private translateService: TranslateService,
-        private sourceTreeService: SourceTreeService,
+        private externalCloningService: ExternalCloningService,
         private accountService: AccountService,
         private profileService: ProfileService,
         private localStorage: LocalStorageService,
@@ -189,8 +190,12 @@ export class CloneRepoButtonComponent implements OnInit, OnChanges {
      * build the sourceTreeUrl from the repository uri
      * @return sourceTreeUrl
      */
-    buildSourceTreeUrl() {
-        return this.sourceTreeService.buildSourceTreeUrl(this.versionControlUrl, this.getHttpOrSshRepositoryUri(false));
+    buildSourceTreeUrl(): string | undefined {
+        return this.externalCloningService.buildSourceTreeUrl(this.versionControlUrl, this.getHttpOrSshRepositoryUri(false));
+    }
+
+    buildJetbrainsUrl(): string | undefined {
+        return this.externalCloningService.buildJetbrainsUrl(this.getHttpOrSshRepositoryUri(false));
     }
 
     switchPracticeMode() {

src/main/webapp/i18n/de/exercise-actions.json

@@ -54,6 +54,10 @@
                 "button": "Im Git Client klonen",
                 "helpIcon": "Dies öffnet das Repository in Sourcetree oder Tower. Falls du diese nicht installiert hast, kannst du das Repository in deiner IDE oder dem Terminal klonen."
             },
+            "cloneIntelliJ": {
+                "button": "In IntelliJ klonen",
+                "helpIcon": "Klone das Repository direkt in IntelliJ. Dieses Feature benötigt die Jetbrains Toolbox."
+            },
             "goToBuildPlan": "Zum Build Plan gehen",
             "openTextEditor": "Texteditor öffnen",
             "copyUrl": "URL kopieren",

src/main/webapp/i18n/en/exercise-actions.json

@@ -55,6 +55,10 @@
                 "button": "Clone in Git client",
                 "helpIcon": "This opens the repository in Sourcetree or Tower. If you do not have them, you can still clone the repository using your IDE or terminal."
             },
+            "cloneIntelliJ": {
+                "button": "Clone in IntelliJ",
+                "helpIcon": "Clone this repository in IntelliJ IDEA. This feature requires the Jetbrains Toolbox."
+            },
             "goToBuildPlan": "Go to build plan",
             "openTextEditor": "Open text editor",
             "copyUrl": "Copy URL",

src/test/javascript/spec/service/external-cloning.service.spec.ts

@@ -0,0 +1,32 @@
+import { TestBed } from '@angular/core/testing';
+import { ExternalCloningService } from 'app/exercises/programming/shared/service/external-cloning.service';
+
+describe('ExternalCloningService', () => {
+    let service: ExternalCloningService;
+    const baseUrl = 'https://artemis.cit.tum.de';
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({});
+        service = TestBed.inject(ExternalCloningService);
+    });
+
+    it('should build source tree url correctly', () => {
+        const cloneUrl = baseUrl + '/git/reo.git';
+        const expectedUrl = `sourcetree://cloneRepo?type=stash&cloneUrl=https://artemis.cit.tum.de/git/reo.git&baseWebUrl=https://artemis.cit.tum.de`;
+        expect(service.buildSourceTreeUrl(baseUrl, cloneUrl)).toEqual(expectedUrl);
+    });
+
+    it('should return undefined when cloneUrl is undefined', () => {
+        expect(service.buildSourceTreeUrl(baseUrl, undefined)).toBeUndefined();
+    });
+
+    it('should build JetBrains url correctly', () => {
+        const cloneUrl = baseUrl + '/git/repo.git';
+        const expectedUrl = 'jetbrains://idea/checkout/git?idea.required.plugins.id=Git4Idea&checkout.repo=https%3A%2F%2Fartemis.cit.tum.de%2Fgit%2Frepo.git';
+        expect(service.buildJetbrainsUrl(cloneUrl)).toEqual(expectedUrl);
+    });
+
+    it('should return undefined when the argument is undefined', () => {
+        expect(service.buildJetbrainsUrl(undefined)).toBeUndefined();
+    });
+});