add rule toggle

Author: RubenHalman

force-app/main/default/lwc/scanConfigurator/scanConfigurator.css

@@ -0,0 +1,27 @@
+.config-page {
+    padding: 1rem;
+    background-color: #f4f6f9;
+}
+
+.slds-table th {
+    background-color: #003087; /* Dark blue background */
+    color: #ffffff; /* White text */
+    font-weight: bold;
+    padding: 0.5rem;
+}
+
+.slds-table td {
+    padding: 0.5rem;
+}
+
+.toggle-all-row {
+    background-color: #ffffff; /* Match table row background */
+    border-bottom: 1px solid #ddd; /* Match table borders */
+}
+
+.toggle-all-checkbox {
+    --slds-c-checkbox-label-font-size: 0.875rem;
+    --slds-c-checkbox-label-font-weight: bold;
+    --slds-c-checkbox-color-border: #003087; /* Dark blue border */
+    padding-left: 0.5rem;
+}

force-app/main/default/lwc/scanConfigurator/scanConfigurator.html

@@ -11,6 +11,17 @@
                     </tr>
                 </thead>
                 <tbody>
+                    <tr class="toggle-all-row">
+                        <td colspan="4">
+                            <lightning-input
+                                type="checkbox"
+                                label={toggleAllLabel}
+                                checked={allRulesEnabled}
+                                onchange={handleToggleAllRules}
+                                class="toggle-all-checkbox"
+                            ></lightning-input>
+                        </td>
+                    </tr>
                     <template for:each={rules} for:item="rule">
                         <tr key={rule.id}>
                             <td>

force-app/main/default/lwc/scanConfigurator/scanConfigurator.js

@@ -3,7 +3,6 @@ import { LightningElement, api, track } from 'lwc';
 export default class scanConfigurator extends LightningElement {
     @api rules;
     @track localRules;
-    // Severity options for dropdown
     severityOptions = [
         { label: 'Error', value: 'error' },
         { label: 'Warning', value: 'warning' },
@@ -12,10 +11,35 @@ export default class scanConfigurator extends LightningElement {
     ];
 
     connectedCallback() {
-        // Initialize localRules to ensure reactivity
         this.localRules = this.rules ? JSON.parse(JSON.stringify(this.rules)) : [];
     }
 
+    get allRulesDisabled() {
+        return this.localRules.every(rule => !rule.isActive);
+    }
+
+    get allRulesEnabled() {
+        return this.localRules.every(rule => rule.isActive);
+    }
+
+    get toggleAllLabel() {
+        return this.allRulesDisabled ? 'Enable All Rules' : 'Disable All Rules';
+    }
+
+    handleToggleAllRules(event) {
+        const isChecked = event.target.checked;
+        this.localRules = this.localRules.map(rule => ({
+            ...rule,
+            isActive: isChecked
+        }));
+
+        this.dispatchEvent(
+            new CustomEvent('rulechange', {
+                detail: { rules: this.localRules }
+            })
+        );
+    }
+
     handleRuleToggle(event) {
         const ruleId = event.target.dataset.ruleId;
         this.localRules = this.localRules.map(rule => {
@@ -25,7 +49,6 @@ export default class scanConfigurator extends LightningElement {
             return rule;
         });
 
-        // Dispatch custom event with updated rules
         this.dispatchEvent(
             new CustomEvent('rulechange', {
                 detail: { rules: this.localRules }
@@ -43,7 +66,6 @@ export default class scanConfigurator extends LightningElement {
             return rule;
         });
 
-        // Dispatch custom event with updated rules
         this.dispatchEvent(
             new CustomEvent('rulechange', {
                 detail: { rules: this.localRules }