From d981b7dcff2070ae315e6302522e00ac1c9d906d Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 6 Apr 2025 17:29:52 +0200
Subject: [PATCH] Add toggle functionality for exceptions in Rules component

---
 frontend/src/app/rules/rules.component.html | 5 +++--
 frontend/src/app/rules/rules.component.ts   | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/rules/rules.component.html b/frontend/src/app/rules/rules.component.html
index 759e9d5..ebe2838 100644
--- a/frontend/src/app/rules/rules.component.html
+++ b/frontend/src/app/rules/rules.component.html
@@ -193,8 +193,9 @@
             chunkloaders are prohibited.</p>
           <p style="margin-bottom: 0;">We have a system in place to restrict the number of mobs that can be in a
             certain area. Please do not try to circumvent this system. Additionally, mob grinder holding chambers must
-            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" id="ruleButton">Show exceptions...</a></p>
-          <ul id="exceptions" class="full-page-list hide">
+            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" (click)="toggleExceptions()">Show
+              exceptions...</a></p>
+          <ul id="exceptions" class="full-page-list" [ngClass]="{'hide': !showExceptions}">
             <li>Magma kill chamber may be up to 3x3</li>
             <li>Hoglin kill chamber may be up to 2x2</li>
             <li>Enderman kill chamber may be up to 3x3</li>
diff --git a/frontend/src/app/rules/rules.component.ts b/frontend/src/app/rules/rules.component.ts
index 6b3af12..5f9f4af 100644
--- a/frontend/src/app/rules/rules.component.ts
+++ b/frontend/src/app/rules/rules.component.ts
@@ -8,6 +8,12 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './rules.component.scss'
 })
 export class RulesComponent {
+  showExceptions: boolean = false;
+
   constructor(public scrollService: ScrollService) {
   }
+
+  public toggleExceptions() {
+    this.showExceptions = !this.showExceptions;
+  }
 }