From 065b096f14515ebee793f85f097bcf02de63663c Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan.leon@pandorafms.com>
Date: Thu, 14 Dec 2023 10:03:58 +0100
Subject: [PATCH] #12366 user list 5 users bug styles

---
 pandora_console/godmode/users/user_list.php | 65 +++++++--------------
 pandora_console/include/styles/pandora.css  | 11 ++++
 2 files changed, 31 insertions(+), 45 deletions(-)

diff --git a/pandora_console/godmode/users/user_list.php b/pandora_console/godmode/users/user_list.php
index d488b4faad..89607ced69 100644
--- a/pandora_console/godmode/users/user_list.php
+++ b/pandora_console/godmode/users/user_list.php
@@ -689,7 +689,7 @@ foreach ($info as $user_id => $user_info) {
     // User profiles.
     if ($user_is_admin || $user_id == $config['id_user'] || isset($group_um[0])) {
         $user_profiles = db_get_all_rows_sql(
-            'SELECT * FROM tusuario_perfil where id_usuario LIKE "'.$user_id.'" LIMIT 5'
+            'SELECT * FROM tusuario_perfil where id_usuario LIKE "'.$user_id.'"'
         );
     } else {
         $user_profiles_aux = users_get_user_profile($user_id, 'LIMIT 5');
@@ -778,17 +778,24 @@ foreach ($info as $user_id => $user_info) {
     if ($user_profiles !== false) {
         $total_profile = 0;
 
-        $data[4] .= '<div class="text_end">';
+        $data[4] .= '<div class="flex-column-start">';
         foreach ($user_profiles as $row) {
+            if ($total_profile > 5) {
+                $data[4] .= "<div class='invisible checkhide_".$row['id_usuario']."'>";
+            }
+
             $data[4] .= "<div class='float-left'>";
             $data[4] .= profile_get_name($row['id_perfil']);
-            $data[4] .= ' / </div>';
-            $data[4] .= "<div class='float-left pdd_l_5px'>";
+            $data[4] .= ' / ';
             $data[4] .= groups_get_name($row['id_grupo'], true);
             $data[4] .= '</div>';
 
-            if ($total_profile == 0 && count($user_profiles) >= 5) {
-                $data[4] .= '<span onclick="showGroups(`'.$row['id_usuario'].'`)">'.html_print_image(
+            if ($total_profile > 5) {
+                $data[4] .= '</div>';
+            }
+
+            if ($total_profile == 0 && count($user_profiles) > 5) {
+                $data[4] .= '<span class="show-profiles" onclick="showGroups(`'.$row['id_usuario'].'`)">'.html_print_image(
                     'images/zoom.png',
                     true,
                     [
@@ -804,8 +811,6 @@ foreach ($info as $user_id => $user_info) {
                 );
             }
 
-            $data[4] .= '<br/>';
-
             $total_profile++;
         }
 
@@ -1052,43 +1057,13 @@ if ($is_management_allowed === true) {
 ?>
 <script type="text/javascript">
     function showGroups(id_user) {
-        if ($(`#hidden-show_groups_${id_user}`).val() === '-1') {
-            var request = $.ajax({
-                url: "<?php echo ui_get_full_url('ajax.php', false, false, false); ?>",
-                type: 'GET',
-                dataType: 'json',
-                data: {
-                    page: 'godmode/users/user_list',
-                    get_user_profile_group: 1,
-                    id_user: id_user
-                },
-                success: function (data, textStatus, xhr) {
-                    let count = 1;
-                    data.forEach( function(valor, indice, array) {
-                        if (count >= 6) {
-                            let main_div = $(`#profiles_${id_user}`);
-                            main_div.append(
-                                `<div id="left_${id_user}_${count}" class='float-left'>${valor.id_perfil} / </div>`,
-                                `<div id="right_${id_user}_${count}" class='float-left pdd_l_5px'>${valor.id_grupo}</div>`,
-                                `<br/><br/>`
-                            );
-                        }
-                        count ++;
-                    });
-                },
-                error: function (e, textStatus) {
-                    console.error(textStatus);
-                }
-            });
-            $(`#hidden-show_groups_${id_user}`).val('1');
-            $(`#profiles_${id_user}`).show();
-        } else if ($(`#hidden-show_groups_${id_user}`).val() === '1') {
-            $(`#hidden-show_groups_${id_user}`).val('0');
-            $(`#profiles_${id_user}`).hide();
-        } else {
-            $(`#hidden-show_groups_${id_user}`).val('1');
-            $(`#profiles_${id_user}`).show();
-        }
+        $('.checkhide_'+id_user).each(function(){
+            if ($(this).hasClass('invisible') === true) {
+                $(this).removeClass('invisible');
+            } else {
+                $(this).addClass('invisible');
+            }
+        });
     }
 
 </script>
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 53d559b1d0..65212bed73 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -985,6 +985,12 @@ select:-internal-list-box {
   justify-content: flex-start !important;
 }
 
+.flex-column-start {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
 .padding-2 {
   padding: 2em;
 }
@@ -5530,6 +5536,11 @@ input:checked + .p-slider:before {
   color: #4d4d4d;
 }
 
+.show-profiles {
+  position: absolute;
+  margin-left: 15%;
+}
+
 /* Tables to upload files */
 #table_filemanager tr:first-child th span {
   font-weight: bold;