From 23be30390d2a27539deb277ff30807b7aeef83dd Mon Sep 17 00:00:00 2001
From: Adrian Kunz <clashsoft@hotmail.com>
Date: Sun, 22 Oct 2023 21:04:46 +0200
Subject: [PATCH] feat(frontend): Toggle Code Search, Snippet Suggestions and
 Similar Solutions in config

---
 .../evaluation-modal.component.html           | 30 +++----
 .../evaluation-modal.component.ts             | 78 ++++++++++---------
 .../app/assignment/services/config.service.ts | 34 +++++++-
 3 files changed, 92 insertions(+), 50 deletions(-)

diff --git a/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.html b/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.html
index f105a01fd..feceb0192 100644
--- a/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.html
+++ b/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.html
@@ -61,27 +61,29 @@
         Code Search will only look for files matching the glob pattern <code>{{ task.glob }}</code>.
       </span>
     </div>
-    <label class="form-label" for="embedding-snippets">
-      Snippet Suggestions
-      <span class="badge bg-gradient-primary">New</span>
-      &nbsp;
-      <i class="bi-question-circle" [ngbTooltip]='"Code Search suggests code that is related to the task \"" + task?.description + "\"" '></i>
-    </label>
-    <ul class="list-group" id="embedding-snippets">
-      <li *ngFor="let snippet of embeddingSnippets; let first=first" class="list-group-item">
-        <app-snippet [snippet]="snippet" [expanded]="first" (confirmed)="confirmEmbedding(snippet)"></app-snippet>
-      </li>
-    </ul>
+    <ng-container *ngIf="snippetSuggestionsEnabled && embeddingSnippets.length">
+      <label class="form-label" for="embedding-snippets">
+        Snippet Suggestions
+        <span class="badge bg-gradient-primary">New</span>
+        &nbsp;
+        <i class="bi-question-circle" [ngbTooltip]='"Code Search suggests code that is related to the task \"" + task?.description + "\"" '></i>
+      </label>
+      <ul class="list-group" id="embedding-snippets">
+        <li *ngFor="let snippet of embeddingSnippets; let first=first" class="list-group-item">
+          <app-snippet [snippet]="snippet" [expanded]="first" (confirmed)="confirmEmbedding(snippet)"></app-snippet>
+        </li>
+      </ul>
+    </ng-container>
   </ng-container>
   <ng-container modal-footer>
-    <div class="form-check">
+    <div class="form-check" *ngIf="codeSearchEnabled">
       <input type="checkbox" class="form-check-input" id="codeSearchCheck" [(ngModel)]="dto.codeSearch">
       <label for="codeSearchCheck" class="form-check-label"
              ngbTooltip="Use Code Search to create or update derived evaluations in other solutions">
         Code Search
       </label>
     </div>
-    <div class="form-check" *ngIf="!evaluation">
+    <div class="form-check" *ngIf="similarSolutionsEnabled && !evaluation">
       <input type="checkbox" class="form-check-input" id="similarCheck" [(ngModel)]="viewSimilar">
       <label for="similarCheck" class="form-check-label"
              ngbTooltip="View similar solutions to quickly copy this evaluation">
@@ -89,7 +91,7 @@
         <span class="badge bg-gradient-primary">New</span>
       </label>
     </div>
-    <a routerLink="similar" *ngIf="evaluation">
+    <a routerLink="similar" *ngIf="similarSolutionsEnabled && evaluation">
       Similar Solutions
     </a>
     <button type="button" class="btn btn-secondary" (click)="modal.close()">
diff --git a/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.ts b/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.ts
index cedd3629d..cd5a6236e 100644
--- a/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.ts
+++ b/frontend/src/app/assignment/modules/solution/evaluation-modal/evaluation-modal.component.ts
@@ -28,6 +28,10 @@ export class EvaluationModalComponent implements OnInit, OnDestroy {
 
   readonly selectionComment = selectionComment;
 
+  codeSearchEnabled = this.configService.getBool('codeSearch');
+  snippetSuggestionsEnabled = this.configService.getBool('snippetSuggestions');
+  similarSolutionsEnabled = this.configService.getBool('similarSolutions');
+
   task?: Task;
   comments: string[] = [];
   evaluation?: Evaluation;
@@ -71,7 +75,7 @@ export class EvaluationModalComponent implements OnInit, OnDestroy {
   ngOnInit(): void {
     this.route.params.pipe(
       switchMap(({aid, task}) => this.assignmentService.get(aid).pipe(
-        tap(assignment => this.dto.codeSearch = !!assignment.classroom?.codeSearch),
+        tap(assignment => this.dto.codeSearch = this.codeSearchEnabled && !!assignment.classroom?.codeSearch),
         map(assignment => this.taskService.find(assignment.tasks, task)),
       )),
     ).subscribe(task => {
@@ -112,9 +116,11 @@ export class EvaluationModalComponent implements OnInit, OnDestroy {
       switchMap(({aid, task}) => this.evaluationService.distinctValues<string>(aid, 'snippets.comment', {task})),
     ).subscribe(comments => this.comments = comments);
 
-    this.route.params.pipe(
-      switchMap(({aid, sid, task}) => this.embeddingService.findTaskRelatedSnippets(aid, sid, task)),
-    ).subscribe(snippets => this.embeddingSnippets = snippets);
+    if (this.snippetSuggestionsEnabled) {
+      this.route.params.pipe(
+        switchMap(({aid, sid, task}) => this.embeddingService.findTaskRelatedSnippets(aid, sid, task)),
+      ).subscribe(snippets => this.embeddingSnippets = snippets);
+    }
 
     const selection$ = this.route.params.pipe(
       switchMap(({aid, sid}) => this.selectionService.stream(aid, sid)),
@@ -134,37 +140,39 @@ export class EvaluationModalComponent implements OnInit, OnDestroy {
       setTimeout(() => document.getElementById('snippet-' + index)?.focus());
     }));
 
-    this.subscriptions.add(merge(
-      selection$.pipe(map(sel => sel.snippet.code)),
-      this.snippetUpdates$.pipe(map(snippet => snippet.pattern || snippet.code)),
-    ).pipe(
-      debounceTime(200),
-      distinctUntilChanged(),
-      switchMap(code => this.assignmentService.searchSummary(this.route.snapshot.params.aid, code, this.task?.glob, '***').pipe(
-        map(searchSummary => ({...searchSummary, code})),
-      )),
-    ).subscribe(summary => {
-      let level: string;
-      let message: string | undefined;
-      if (!summary.hits) {
-        level = 'warning';
-        message = 'No result indicates the snippet is not part of the submitted code for this solution. Please make sure you checked out the correct commit.';
-      } else if (summary.files > summary.solutions) {
-        level = 'danger';
-        message = 'The snippet was found in multiple files per solution. It most likely does not provide enough context.';
-      } else if (summary.hits > summary.files) {
-        level = 'warning';
-        message = 'The snippet was found in multiple places per file. It probably does not provide enough context.';
-      } else {
-        level = 'success';
-      }
-
-      this.searchSummary = {
-        ...summary,
-        level,
-        message,
-      };
-    }));
+    if (this.codeSearchEnabled) {
+      this.subscriptions.add(merge(
+        selection$.pipe(map(sel => sel.snippet.code)),
+        this.snippetUpdates$.pipe(map(snippet => snippet.pattern || snippet.code)),
+      ).pipe(
+        debounceTime(200),
+        distinctUntilChanged(),
+        switchMap(code => this.assignmentService.searchSummary(this.route.snapshot.params.aid, code, this.task?.glob, '***').pipe(
+          map(searchSummary => ({...searchSummary, code})),
+        )),
+      ).subscribe(summary => {
+        let level: string;
+        let message: string | undefined;
+        if (!summary.hits) {
+          level = 'warning';
+          message = 'No result indicates the snippet is not part of the submitted code for this solution. Please make sure you checked out the correct commit.';
+        } else if (summary.files > summary.solutions) {
+          level = 'danger';
+          message = 'The snippet was found in multiple files per solution. It most likely does not provide enough context.';
+        } else if (summary.hits > summary.files) {
+          level = 'warning';
+          message = 'The snippet was found in multiple places per file. It probably does not provide enough context.';
+        } else {
+          level = 'success';
+        }
+
+        this.searchSummary = {
+          ...summary,
+          level,
+          message,
+        };
+      }));
+    }
   }
 
   ngOnDestroy(): void {
diff --git a/frontend/src/app/assignment/services/config.service.ts b/frontend/src/app/assignment/services/config.service.ts
index ece528c43..637544766 100644
--- a/frontend/src/app/assignment/services/config.service.ts
+++ b/frontend/src/app/assignment/services/config.service.ts
@@ -7,6 +7,9 @@ export type ConfigKey =
   | 'ide'
   | 'cloneProtocol'
   | 'cloneRef'
+  | 'codeSearch'
+  | 'similarSolutions'
+  | 'snippetSuggestions'
   ;
 
 export interface ConfigOption {
@@ -49,7 +52,28 @@ export const CONFIG_OPTIONS: ConfigOption[] = [
       'Tags are only supported in VSCode v1.74+ and Assignments imported after 2022-12-21.',
     options: [['none', 'None'], ['tag', 'Tag']],
     default: 'tag',
-  }
+  },
+  {
+    key: 'codeSearch',
+    title: 'Code Search',
+    description: 'Enable Code Search globally.',
+    options: [['true', '✔️ Enabled'], ['false', '❌ Disabled']],
+    default: 'true',
+  },
+  {
+    key: 'snippetSuggestions',
+    title: 'Snippet Suggestions',
+    description: 'Enable Snippet Suggestions globally.',
+    options: [['true', '✔️ Enabled'], ['false', '❌ Disabled']],
+    default: 'true',
+  },
+  {
+    key: 'similarSolutions',
+    title: 'Similar Solutions',
+    description: 'Enable Similar Solutions globally.',
+    options: [['true', '✔️ Enabled'], ['false', '❌ Disabled']],
+    default: 'true',
+  },
 ];
 
 @Injectable()
@@ -78,12 +102,20 @@ export class ConfigService {
     return this.privacyService.getStorage('assignments/' + key) || option?.default || '';
   }
 
+  getBool(key: ConfigKey): boolean {
+    return this.get(key) === 'true';
+  }
+
   set(key: ConfigKey, value: string) {
     if (this.getOption(key)) {
       this.privacyService.setStorage('assignments/' + key, value);
     }
   }
 
+  setBool(key: ConfigKey, value: boolean) {
+    this.set(key, value ? 'true' : 'false');
+  }
+
   private getOption(key: ConfigKey): ConfigOption | undefined {
     return CONFIG_OPTIONS.find(o => o.key === key);
   }