From e88a602baf6613aa81744d3ae4d719e9335ed670 Mon Sep 17 00:00:00 2001
From: Melina Gamboa <melina.devel@gmail.com>
Date: Tue, 8 Jun 2021 20:59:11 +0200
Subject: [PATCH] Changed users table groups field

---
 admin/src/admin/static/js/users.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/admin/src/admin/static/js/users.js b/admin/src/admin/static/js/users.js
index edd8d4b..c09ca77 100644
--- a/admin/src/admin/static/js/users.js
+++ b/admin/src/admin/static/js/users.js
@@ -148,9 +148,9 @@ $(document).ready(function() {
                                         // '<button id="btn-edit" class="btn btn-xs" type="button"  data-placement="top" ><i class="fa fa-pencil" style="color:darkblue"></i></button> \
                                     },
 				{ "data": "first", "width": "10px"},
-				{ "data": "last", "width": "200px"},
+				{ "data": "last", "width": "150px"},
                 { "data": "email", "width": "10px"},
-                { "data": "keycloak_groups", "width": "10px" },
+                { "data": "keycloak_groups", "width": "50px" },
                 { "data": "roles", "width": "10px" },
 				],
 			 "order": [[6, 'asc']],		 
@@ -177,7 +177,11 @@ $(document).ready(function() {
                             {
                             "targets": 8,
                             "render": function ( data, type, full, meta ) {
-                                return "<li>" + full.keycloak_groups.join("</li><li>") + "</li>"
+                                grups = ''
+                                full.keycloak_groups.forEach(element => {
+                                    grups += '<span class="label label-primary" style="margin: 5px;">' + element + '</span>'
+                                })
+                                return grups
                             }},
 							]
 	} );