From 8d2972a4ac7045ad5ec403adc736da817cc540b9 Mon Sep 17 00:00:00 2001
From: Monviech <79600909+Monviech@users.noreply.github.com>
Date: Thu, 17 Apr 2025 10:05:16 +0200
Subject: [PATCH] www/caddy: Fix missing translation and toggle filter icon
 correctly (#4648)

---
 .../mvc/app/views/OPNsense/Caddy/reverse_proxy.volt       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/www/caddy/src/opnsense/mvc/app/views/OPNsense/Caddy/reverse_proxy.volt b/www/caddy/src/opnsense/mvc/app/views/OPNsense/Caddy/reverse_proxy.volt
index abb23a0a4..f7d9bbe62 100644
--- a/www/caddy/src/opnsense/mvc/app/views/OPNsense/Caddy/reverse_proxy.volt
+++ b/www/caddy/src/opnsense/mvc/app/views/OPNsense/Caddy/reverse_proxy.volt
@@ -323,7 +323,9 @@
 
             });
 
-            $('#reverseFilterIcon').toggleClass('text-success', ($(this).val() || []).length > 0);
+            $('#reverseFilterIcon')
+                .toggleClass('text-success fa-filter-circle-xmark', ($(this).val() || []).length > 0)
+                .toggleClass('fa-filter', !($(this).val() || []).length);
         });
 
         // Autofill domain and subdomain when add dialog is opened
@@ -475,8 +477,8 @@
 </style>
 
 <div id="add_filter_container" class="btn-group" style="display: none;">
-    <button type="button" id="reverseFilterClear" class="btn btn-default" title="Clear Selection">
-        <i id="reverseFilterIcon" class="fa fa-fw fa-filter-circle-xmark"></i>
+    <button type="button" id="reverseFilterClear" class="btn btn-default" title="{{ lang._('Clear Selection') }}">
+        <i id="reverseFilterIcon" class="fa fa-fw fa-filter"></i>
     </button>
     <select id="reverseFilter" class="selectpicker form-control" multiple data-live-search="true" data-width="200px" data-size="10" data-container="body" title="{{ lang._('Filter by Domain') }}">
     </select>