From 8b864ed11107dcc6ef2780d8536cba1f9c5ff388 Mon Sep 17 00:00:00 2001
From: Markus Heiser <markus.heiser@darmarit.de>
Date: Sat, 15 Feb 2025 09:17:21 +0100
Subject: [PATCH] [fix] simple template - video.html fix button icon to
 icon_small

BTW: Rename the manufacturer-specific name ``ion-icon`` of the icon set in
SerXNG to ``sxng-icon-set`` --> The icon set can be assembled together as
desired in the FE and should therefore not have a manufacturer-specific name in
the style and template definitions.

Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
---
 client/simple/src/less/style.less                   | 12 ++++++------
 client/simple/theme_icons.js                        |  6 +++---
 searx/templates/simple/icons.html                   |  6 +++---
 searx/templates/simple/result_templates/videos.html |  2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/simple/src/less/style.less b/client/simple/src/less/style.less
index 7b34ea406..1ea7c3e4b 100644
--- a/client/simple/src/less/style.less
+++ b/client/simple/src/less/style.less
@@ -32,8 +32,8 @@
 // to center the results
 @import "style-center.less";
 
-// ion-icon
-.ion-icon {
+// sxng-icon-set
+.sxng-icon-set {
   display: inline-block;
   vertical-align: bottom;
   line-height: 1;
@@ -41,16 +41,16 @@
   .ltr-transform();
 }
 
-.ion-icon-small {
+.sxng-icon-set-small {
   width: 1rem;
   height: 1rem;
-  .ion-icon;
+  .sxng-icon-set;
 }
 
-.ion-icon-big {
+.sxng-icon-set-big {
   width: 1.5rem;
   height: 1.5rem;
-  .ion-icon;
+  .sxng-icon-set;
 }
 
 // Main LESS-Code
diff --git a/client/simple/theme_icons.js b/client/simple/theme_icons.js
index dc896a15c..b7d695cc8 100644
--- a/client/simple/theme_icons.js
+++ b/client/simple/theme_icons.js
@@ -11,9 +11,9 @@ const dest = resolve(HERE, "../../searx/templates/simple/icons.html");
 
 /** @type import("./tools/jinja_svg_catalog.js").JinjaMacro[] */
 const searxng_jinja_macros = [
-  { name: "icon",       class: "ion-icon" },
-  { name: "icon_small", class: "ion-icon-small" },
-  { name: "icon_big",   class: "ion-icon-big" },
+  { name: "icon",       class: "sxng-icon-set" },
+  { name: "icon_small", class: "sxng-icon-set-small" },
+  { name: "icon_big",   class: "sxng-icon-set-big" },
 ];
 
 
diff --git a/searx/templates/simple/icons.html b/searx/templates/simple/icons.html
index c6022de09..2ef37dd26 100644
--- a/searx/templates/simple/icons.html
+++ b/searx/templates/simple/icons.html
@@ -43,13 +43,13 @@ set catalog = {
 
 
 {% macro icon(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set") | safe }}
 {%- endmacro %}
 
 {% macro icon_small(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-small") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-small") | safe }}
 {%- endmacro %}
 
 {% macro icon_big(action, alt) -%}
-  {{ catalog[action] | replace("__jinja_class_placeholder__", "ion-icon-big") | safe }}
+  {{ catalog[action] | replace("__jinja_class_placeholder__", "sxng-icon-set-big") | safe }}
 {%- endmacro %}
\ No newline at end of file
diff --git a/searx/templates/simple/result_templates/videos.html b/searx/templates/simple/result_templates/videos.html
index 40a05698f..23d4195ca 100644
--- a/searx/templates/simple/result_templates/videos.html
+++ b/searx/templates/simple/result_templates/videos.html
@@ -3,7 +3,7 @@
 {{ result_header(result, favicons, image_proxify) }}
 {{ result_sub_header(result) }}
 {% if result.iframe_src -%}
-<p class="altlink"> <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon('film') }} {{ _('show video') }}</a></p>
+<p class="altlink"> <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon_small('film') }} {{ _('show video') }}</a></p>
 {%- endif %}
 {%- if result.content %}
   <p class="content">