From 9034d1ec3976edb270bb2404688f3b577dc72678 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96zt=C3=BCrk?= <sedat.ozturk@sozsoft.com>
Date: Thu, 23 Oct 2025 22:54:08 +0300
Subject: [PATCH] =?UTF-8?q?Grid=20=C3=BCzerinde=20TagBox=20larda=20Badge?=
 =?UTF-8?q?=20g=C3=B6sterimi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Seeds/ListFormsSeeder.cs                  |  4 +-
 ui/src/shared/useListFormColumns.ts           | 51 ++++++++++++++-----
 2 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/api/src/Kurs.Platform.DbMigrator/Seeds/ListFormsSeeder.cs b/api/src/Kurs.Platform.DbMigrator/Seeds/ListFormsSeeder.cs
index 0ff928cf..74dec2aa 100644
--- a/api/src/Kurs.Platform.DbMigrator/Seeds/ListFormsSeeder.cs
+++ b/api/src/Kurs.Platform.DbMigrator/Seeds/ListFormsSeeder.cs
@@ -37527,7 +37527,7 @@ public class ListFormsSeeder : IDataSeedContributor, ITransientDependency
                     CultureName = LanguageCodes.En,
                     SourceDbType = DbType.String,
                     FieldName = "Name",
-                    Width = 300,
+                    Width = 250,
                     ListOrderNo = 2,
                     Visible = true,
                     IsActive = true,
@@ -37561,7 +37561,7 @@ public class ListFormsSeeder : IDataSeedContributor, ITransientDependency
                     CultureName = LanguageCodes.En,
                     SourceDbType = DbType.String,
                     FieldName = "Description",
-                    Width = 600,
+                    Width = 450,
                     ListOrderNo = 3,
                     Visible = true,
                     IsActive = true,
diff --git a/ui/src/shared/useListFormColumns.ts b/ui/src/shared/useListFormColumns.ts
index c1967d61..8abe14f7 100644
--- a/ui/src/shared/useListFormColumns.ts
+++ b/ui/src/shared/useListFormColumns.ts
@@ -24,24 +24,49 @@ const cellTemplateMultiValue = (
   cellInfo: DataGridTypes.ColumnCellTemplateData<any, any>,
 ) => {
   if (cellInfo?.value) {
-    const text = Array.isArray(cellInfo.value)
-      ? cellInfo.value
-          .map((a: any) => {
-            const { lookup } = cellInfo.column
-            if (lookup && lookup.calculateCellValue) {
-              return lookup.calculateCellValue(a)
-            }
+    const values = Array.isArray(cellInfo.value)
+      ? cellInfo.value.map((a: any) => {
+          const { lookup } = cellInfo.column
+          if (lookup && lookup.calculateCellValue) {
+            return lookup.calculateCellValue(a)
+          }
+          return ''
+        })
+      : [cellInfo.value]
 
-            return ''
-          })
-          .join(', ')
-      : cellInfo.value
+    // Badge benzeri HTML üret
+    const html = values
+      .filter((v) => v)
+      .map(
+        (v) => `
+          <div
+            style="
+              display:inline-block;
+              background-color:#dc3545;
+              color:#fff;
+              border-radius:12px;
+              padding:2px 8px;
+              margin:2px 2px;
+              font-size:12px;
+              font-weight:300;
+              line-height:1.4;
+              white-space:nowrap;
+            "
+          >
+            ${v}
+          </div>
+        `
+      )
+      .join('')
 
-    cellElement.textContent = text
-    cellElement.title = text
+      console.log({ html })
+
+    cellElement.innerHTML = html
+    cellElement.title = values.join(',')
   }
 }
 
+
 function calculateFilterExpressionMultiValue(
   this: DataGridTypes.Column,
   filterValue: any,