From 8049aabf5be0da589cdbdc9c187e7f420e535dc6 Mon Sep 17 00:00:00 2001
From: fbsanchez <fborja.sanchez@artica.es>
Date: Tue, 16 Feb 2021 13:35:04 +0100
Subject: [PATCH 1/2] select2 on select items

---
 pandora_console/include/functions_html.php | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/pandora_console/include/functions_html.php b/pandora_console/include/functions_html.php
index d00628000c..b807c209cf 100644
--- a/pandora_console/include/functions_html.php
+++ b/pandora_console/include/functions_html.php
@@ -834,6 +834,33 @@ function html_print_select(
 		";
     }
 
+    if ($multiple === false) {
+        if (is_ajax()) {
+            $output .= '<script src="';
+            $output .= ui_get_full_url(
+                'include/javascript/select2.min.js',
+                false,
+                false,
+                false
+            );
+            $output .= '" type="text/javascript"></script>';
+
+            $output .= '<link rel="stylesheet" href="';
+            $output .= ui_get_full_url(
+                'include/styles/select2.min.css',
+                false,
+                false,
+                false
+            );
+            $output .= '"/>';
+        } else {
+            ui_require_css_file('select2.min');
+            ui_require_javascript_file('select2.min');
+        }
+
+        $output .= '<script>$("#'.$id.'").select2();</script>';
+    }
+
     if ($return) {
         return $output;
     }

From 210017b1625530818b1da8e469ea139717558b0f Mon Sep 17 00:00:00 2001
From: fbsanchez <fborja.sanchez@artica.es>
Date: Tue, 16 Feb 2021 13:41:03 +0100
Subject: [PATCH 2/2] minor style fix select2

---
 pandora_console/include/styles/pandora.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 9a1ce23dca..7f3dfa9bb9 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -6079,6 +6079,10 @@ li .select2 {
   max-width: 400px !important;
 }
 
+.select2-container {
+  min-width: 110px !important;
+}
+
 div.graph td.legendLabel {
   text-align: justify;
 }