From 1cb1a4e035f603bfdeb189e30f23cf420b3e5739 Mon Sep 17 00:00:00 2001
From: Alex <milleral@nmu.edu>
Date: Sat, 26 Apr 2025 17:27:42 -0400
Subject: [PATCH] added the images with no flags into the Modify Contest Page

---
 .../src/app/modify-contest/modify-contest.component.html | 4 ++++
 .../src/app/modify-contest/modify-contest.component.ts   | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.html b/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.html
index 7b8f91e..6e77e7f 100644
--- a/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.html
+++ b/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.html
@@ -99,6 +99,10 @@
                 [ngClass]="{'selected-contest': flag.FlagID === selectedFlag?.FlagID}">
                     {{ flag.Name }} ({{flag.Image}})
                 </li>
+                <li *ngFor="let image of allImages" (click)="selectFlagImage(image)"
+                [ngClass]="{'selected-contest': image.Name === selectedFlagImage?.Name}">
+                  <span style="color:red">NONE: </span> ({{image.Name}})
+                </li>
             </ul>
           </div>
       </div>
diff --git a/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.ts b/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.ts
index 2f77ea6..b5755cb 100644
--- a/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.ts
+++ b/CTF/CTF-Frontend/src/app/modify-contest/modify-contest.component.ts
@@ -22,7 +22,8 @@ export class ModifyContestComponent {
   flagsForContest: Flag[] = [];
   selectedContestId: number = 0;
   selectedFlag: Flag | null = null;
-  allImages: Image[] = []
+  selectedFlagImage: Image | null = null;
+  allImages: Image[] = [];
   isDialogVisible = false;
   selectedImage: string = "Select an Image";
   constructor(private renderer: Renderer2, private router: Router, private modifyContestService: ModifyContestService, private terminalService: TerminalService){}
@@ -144,6 +145,12 @@ handlePopupMessage(event: MessageEvent): void {
 
   selectFlag(flag: Flag): void{
     this.selectedFlag = flag
+    this.selectedFlagImage = null;
+  }
+
+  selectFlagImage(image: Image): void {
+    this.selectedFlagImage = image;
+    this.selectedFlag = null;
   }
 
   getEmail(): string {