Fixing slash encode problems

src/main/webapp/app/exercise/service/exercise.service.ts

@@ -13,7 +13,7 @@ import { Observable } from 'rxjs';
 @Injectable({ providedIn: 'root' })
 export class ExerciseService {
   public resourceUrl = this.applicationConfigService.getEndpointFor('api/exerciseFile/');
-  public exerciseUrl = this.applicationConfigService.getEndpointFor('api/exercise/');
+  public exerciseUrl: string = this.applicationConfigService.getEndpointFor('api/exercise/');
 
   constructor(
     private http: HttpClient,
@@ -36,9 +36,18 @@ export class ExerciseService {
   }
 
   public loadExercise(exerciseId: string): Observable<SearchResultDTO> {
-    return this.http.get<SearchResultDTO>(this.exerciseUrl + encodeURIComponent(exerciseId));
+    return this.http.get<SearchResultDTO>(this.exerciseUrl + this.encodeURIforExerciseId(exerciseId));
   }
 
+  /*
+   * behind the apache reverse proxy, encoded slashes are not working.
+   * I have not found a good way to repair this. So we unencode the slashes here.
+   */
+  private encodeURIforExerciseId(exerciseId: string): string {
+	  const encodedURL = encodeURIComponent(exerciseId);
+	  return encodedURL.replace("%2F", "/").replace("%2f", "/")  
+  }
+  
   populateExerciseWithData(exercise: Exercise): Exercise {
     if (exercise !== undefined) {
       exercise.views = 0;