From 9478d4f69dc2db0e756ca579d8535cf88777a591 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sedat=20=C3=96zt=C3=BCrk?= <sedat.ozturk@sozsoft.com>
Date: Sat, 17 Jan 2026 23:13:25 +0300
Subject: [PATCH] =?UTF-8?q?Card,=20Pivot,=20Tree=20i=C3=A7erisinde=20t?=
 =?UTF-8?q?=C3=BCm=20translate=20de=C4=9Ferleri?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Seeds/LanguagesData.json                  | 198 ++++++++++++++++++
 ui/src/views/list/Card.tsx                    |  38 ++--
 ui/src/views/list/CardItem.tsx                |   3 +-
 ui/src/views/list/Chart.tsx                   |  25 ++-
 ui/src/views/list/ChartDrawer.tsx             |  52 ++---
 ui/src/views/list/Pivot.tsx                   |  14 +-
 ui/src/views/list/Tree.tsx                    |   7 +-
 7 files changed, 275 insertions(+), 62 deletions(-)

diff --git a/api/src/Erp.Platform.DbMigrator/Seeds/LanguagesData.json b/api/src/Erp.Platform.DbMigrator/Seeds/LanguagesData.json
index cdaf0945..4c3379fe 100644
--- a/api/src/Erp.Platform.DbMigrator/Seeds/LanguagesData.json
+++ b/api/src/Erp.Platform.DbMigrator/Seeds/LanguagesData.json
@@ -10794,6 +10794,204 @@
             "key": "App.Platform.DeleteAction",
             "tr": "Sil",
             "en": "Delete"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.Selected",
+            "tr": "seçili",
+            "en": "selected"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.SelectAll",
+            "tr": "Tümünü Seç",
+            "en": "Select All"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ExportSelectedToExcel",
+            "tr": "Seçilenleri Excel'e Aktar",
+            "en": "Export Selected to Excel"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ExportAllToExcel",
+            "tr": "Tümünü Excel'e Aktar",
+            "en": "Export All to Excel"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.NoSorting",
+            "tr": "Sıralama Yok",
+            "en": "No Sorting"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ChangeSortDirection",
+            "tr": "Sıralama yönünü değiştir",
+            "en": "Change sort direction"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ShowIn1Column",
+            "tr": "1 Sütunda Göster",
+            "en": "Show in 1 Column"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ShowIn2Columns",
+            "tr": "2 Sütunda Göster",
+            "en": "Show in 2 Columns"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ShowIn3Columns",
+            "tr": "3 Sütunda Göster",
+            "en": "Show in 3 Columns"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ShowIn4Columns",
+            "tr": "4 Sütunda Göster",
+            "en": "Show in 4 Columns"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.ShowIn5Columns",
+            "tr": "5 Sütunda Göster",
+            "en": "Show in 5 Columns"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.NoRecordsFound",
+            "tr": "Uygun kayıt bulunamadı",
+            "en": "No records found"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.TryDifferentFilters",
+            "tr": "Farklı filtreler deneyin veya yeni bir kayıt ekleyin.",
+            "en": "Try different filters or add a new record."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.Loading",
+            "tr": "Yükleniyor...",
+            "en": "Loading..."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.Card.TotalRecords",
+            "tr": "Toplam {0} kayıt",
+            "en": "Total {0} records"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ChartSeries",
+            "tr": "Grafik Serileri",
+            "en": "Chart Series"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.AddNewSeries",
+            "tr": "Yeni Seri Ekle",
+            "en": "Add New Series"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.Series",
+            "tr": "Seri",
+            "en": "Series"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ChartType",
+            "tr": "Grafik Tipi",
+            "en": "Chart Type"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.Name",
+            "tr": "Ad",
+            "en": "Name"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.SeriesName",
+            "tr": "Seri adı",
+            "en": "Series name"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ArgumentField",
+            "tr": "Argüman Alanı (X-Ekseni)",
+            "en": "Argument Field (X-Axis)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ValueField",
+            "tr": "Değer Alanı (Y-Ekseni)",
+            "en": "Value Field (Y-Axis)"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.SummaryType",
+            "tr": "Özet Tipi",
+            "en": "Summary Type"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.SelectField",
+            "tr": "Alan seçin...",
+            "en": "Select field..."
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.Cancel",
+            "tr": "İptal",
+            "en": "Cancel"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.Save",
+            "tr": "Kaydet",
+            "en": "Save"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ChartSaved",
+            "tr": "Grafik kaydedildi",
+            "en": "Chart saved"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.Error",
+            "tr": "Hata",
+            "en": "Error"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.NameRequired",
+            "tr": "Ad Gerekli",
+            "en": "Name Required"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ArgumentFieldRequired",
+            "tr": "Argüman Alanı Gerekli",
+            "en": "Argument Field Required"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.ValueFieldRequired",
+            "tr": "Değer Alanı Gerekli",
+            "en": "Value Field Required"
+        },
+        {
+            "resourceName": "Platform",
+            "key": "App.Platform.ChartDrawer.SummaryTypeRequired",
+            "tr": "Özet Tipi Gerekli",
+            "en": "Summary Type Required"
         }
     ]
 }
diff --git a/ui/src/views/list/Card.tsx b/ui/src/views/list/Card.tsx
index dfa330a6..9ff20758 100644
--- a/ui/src/views/list/Card.tsx
+++ b/ui/src/views/list/Card.tsx
@@ -15,6 +15,7 @@ import { usePWA } from '@/utils/hooks/usePWA'
 import CardItem from './CardItem'
 import { layoutTypes } from '../admin/listForm/edit/types'
 import { useListFormCustomDataSource } from './useListFormCustomDataSource'
+import { useLocalization } from '@/utils/hooks/useLocalization'
 
 interface CardProps {
   listFormCode: string
@@ -32,6 +33,7 @@ type Option = {
 
 const Card = (props: CardProps) => {
   const { listFormCode, searchParams, gridDto } = props
+  const { translate } = useLocalization()
   const { createSelectDataSource } = useListFormCustomDataSource({} as any)
   const [data, setData] = useState<any[]>([])
   const [totalCount, setTotalCount] = useState(0)
@@ -528,7 +530,7 @@ const Card = (props: CardProps) => {
                     className="cursor-pointer"
                   />
                   <span className="text-sm text-gray-600 dark:text-gray-300">
-                    {selectedKeys.size > 0 ? `${selectedKeys.size} seçili` : 'Tümünü Seç'}
+                    {selectedKeys.size > 0 ? `${selectedKeys.size} ${translate('::App.Platform.Card.Selected')}` : translate('::App.Platform.Card.SelectAll')}
                   </span>
                 </div>
               )}
@@ -536,10 +538,10 @@ const Card = (props: CardProps) => {
               {selectionMode !== 'none' && selectedKeys.size > 0 && !gridDto?.gridOptions?.selectionDto?.allowSelectAll && (
                 <div className="flex items-center gap-2">
                   <span className="text-sm text-gray-600 dark:text-gray-300">
-                    {selectedKeys.size} seçili
+                    {selectedKeys.size} {translate('::App.Platform.Card.Selected')}
                   </span>
                 </div>
-              )}
+              )}  
             </div>
             
             <div className="flex justify-end items-center gap-2">
@@ -550,9 +552,9 @@ const Card = (props: CardProps) => {
                     size="xs"
                     variant="default"
                     onClick={() => handleExport('xlsx', selectionMode !== 'none' && selectedKeys.size > 0)}
-                    title={selectionMode !== 'none' && selectedKeys.size > 0 ? `Seçilenleri Excel'e Aktar (${selectedKeys.size})` : "Tümünü Excel'e Aktar"}
+                    title={selectionMode !== 'none' && selectedKeys.size > 0 ? `${translate('::App.Platform.Card.ExportSelectedToExcel')} (${selectedKeys.size})` : translate('::App.Platform.Card.ExportAllToExcel')}
                   >
-                    📊 {selectionMode !== 'none' && selectedKeys.size > 0 ? `Seçilenleri Excel'e Aktar (${selectedKeys.size})` : `Tümünü Excel'e Aktar`}
+                    📊 {selectionMode !== 'none' && selectedKeys.size > 0 ? `${translate('::App.Platform.Card.ExportSelectedToExcel')} (${selectedKeys.size})` : translate('::App.Platform.Card.ExportAllToExcel')}
                   </Button>
                 </div>
               )}
@@ -576,7 +578,7 @@ const Card = (props: CardProps) => {
                     }}
                     value={sortColumn || ''}
                   >
-                    <option value="">Sıralama Yok</option>
+                    <option value="">{translate('::App.Platform.Card.NoSorting')}</option>
                     {gridDto.columnFormats
                       .filter((col) => col.visible && col.dataType !== 'buttons')
                       .map((col) => (
@@ -589,7 +591,7 @@ const Card = (props: CardProps) => {
                     <button
                       onClick={() => toggleSort(sortColumn)}
                       className="text-gray-600 dark:text-gray-300 hover:text-blue-500 p-1"
-                      title="Sıralama yönünü değiştir"
+                      title={translate('::App.Platform.Card.ChangeSortDirection')}
                     >
                       {sortOrder === 'asc' ? <FaSortAmountUp className="w-3 h-3" /> : <FaSortAmountDown className="w-3 h-3" />}
                     </button>
@@ -601,7 +603,7 @@ const Card = (props: CardProps) => {
               <FaSearch className="absolute left-2 top-1/2 -translate-y-1/2 text-gray-400 text-sm" />
               <input
                 type="text"
-                placeholder="Search..."
+                placeholder={translate('::App.Search')}
                 value={searchText}
                 onChange={(e) => setSearchText(e.target.value)}
                 onKeyDown={(e) => {
@@ -632,7 +634,7 @@ const Card = (props: CardProps) => {
                   setLayoutCount(1)
                   setStates({ listFormCode, layout: 'card', cardLayoutColumn: 1 })
                 }}
-                title="1 Sütunda Göster"
+                title={translate('::App.Platform.Card.ShowIn1Column')}
               >
                 1
               </Button>
@@ -644,7 +646,7 @@ const Card = (props: CardProps) => {
                   setLayoutCount(2)
                   setStates({ listFormCode, layout: 'card', cardLayoutColumn: 2 })
                 }}
-                title="2 Sütunda Göster"
+                title={translate('::App.Platform.Card.ShowIn2Columns')}
               >
                 2
               </Button>
@@ -656,7 +658,7 @@ const Card = (props: CardProps) => {
                   setLayoutCount(3)
                   setStates({ listFormCode, layout: 'card', cardLayoutColumn: 3 })
                 }}
-                title="3 Sütunda Göster"
+                title={translate('::App.Platform.Card.ShowIn3Columns')}
               >
                 3
               </Button>
@@ -668,7 +670,7 @@ const Card = (props: CardProps) => {
                   setLayoutCount(4)
                   setStates({ listFormCode, layout: 'card', cardLayoutColumn: 4 })
                 }}
-                title="4 Sütunda Göster"
+                title={translate('::App.Platform.Card.ShowIn4Columns')}
               >
                 4
               </Button>
@@ -680,7 +682,7 @@ const Card = (props: CardProps) => {
                   setLayoutCount(5)
                   setStates({ listFormCode, layout: 'card', cardLayoutColumn: 5 })
                 }}
-                title="5 Sütunda Göster"
+                title={translate('::App.Platform.Card.ShowIn5Columns')}
               >
                 5
               </Button>
@@ -699,7 +701,7 @@ const Card = (props: CardProps) => {
                       isPwaMode ? '_self' : '_blank',
                     )
                   }}
-                  title="Form Manager"
+                  title={translate('::ListForms.ListForm.Manage')}
                 >
                   <FaCog className="w-3 h-3" />
                 </Button>
@@ -714,10 +716,10 @@ const Card = (props: CardProps) => {
             <div className="text-center py-12">
               <FaSearch className="mx-auto h-10 w-10 text-gray-400" />
               <h3 className="mt-2 text-sm font-medium text-gray-900 dark:text-gray-200">
-                Uygun kayıt bulunamadı
+                {translate('::App.Platform.Card.NoRecordsFound')}
               </h3>
               <p className="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                Farklı filtreler deneyin veya yeni bir kayıt ekleyin.
+                {translate('::App.Platform.Card.TryDifferentFilters')}
               </p>
             </div>
           ) : (
@@ -766,7 +768,7 @@ const Card = (props: CardProps) => {
                 <div className="text-center py-4">
                   <div className="inline-block animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500"></div>
                   <p className="text-xs text-gray-500 dark:text-gray-400 mt-2">
-                    Yükleniyor... ({renderedCount}/{data.length})
+                    {translate('::App.Platform.Card.Loading')} ({renderedCount}/{data.length})
                   </p>
                 </div>
               )}
@@ -777,7 +779,7 @@ const Card = (props: CardProps) => {
             <div className={classNames('flex items-center justify-between border-t-1 gap-4 mt-2')}>
               <div className="flex items-center gap-2">
                 <span className="text-xs text-gray-600 dark:text-gray-300">
-                  Toplam {totalCount} kayıt
+                  {translate('::App.Platform.Card.TotalRecords').replace('{0}', totalCount.toString())}
                 </span>
                 <Select
                   size="xs"
diff --git a/ui/src/views/list/CardItem.tsx b/ui/src/views/list/CardItem.tsx
index 90c75a81..bfe1034d 100644
--- a/ui/src/views/list/CardItem.tsx
+++ b/ui/src/views/list/CardItem.tsx
@@ -136,6 +136,7 @@ const CardItem = forwardRef<HTMLDivElement, CardItemProps>((
                 canExport: colData?.canExport ?? false,
                 dataField: i.dataField,
                 name: i.dataField,
+                label: { text: colData?.captionName ? translate('::' + colData?.captionName) : i.dataField },
                 editorType2: i.editorType2,
                 editorType:
                   i.editorType2 == PlatformEditorTypes.dxGridBox ? 'dxDropDownBox' : i.editorType2,
@@ -167,7 +168,7 @@ const CardItem = forwardRef<HTMLDivElement, CardItemProps>((
             }),
         } as GroupItem
       })
-  }, [gridDto, getCachedLookupDataSource])
+  }, [gridDto, getCachedLookupDataSource, translate])
 
   const permissionResults: PermissionResults = {
     c:
diff --git a/ui/src/views/list/Chart.tsx b/ui/src/views/list/Chart.tsx
index 99f1b38e..6a5a0f71 100644
--- a/ui/src/views/list/Chart.tsx
+++ b/ui/src/views/list/Chart.tsx
@@ -53,6 +53,7 @@ const Chart = (props: ChartProps) => {
   const [searchParams] = useSearchParams()
   const [chartOptions, setChartOptions] = useState<any>()
   const { createSelectDataSource } = useListFormCustomDataSource({} as any)
+  const config = useStoreState((state) => state.abpConfig.config)
 
   const params = useParams()
   const _listFormCode = props?.listFormCode ?? params?.listFormCode ?? ''
@@ -229,7 +230,13 @@ const Chart = (props: ChartProps) => {
       })
       if (resp.data?.items) {
         const fieldNames = groupBy(resp?.data?.items, 'fieldName')
-        setFieldList(Object.keys(fieldNames).map((a) => ({ value: a, label: a })))
+        setFieldList(Object.keys(fieldNames).map((fieldName) => {
+          const firstItem = fieldNames[fieldName][0]
+          const label = firstItem.captionName 
+            ? translate('::' + firstItem.captionName) 
+            : fieldName
+          return { value: fieldName, label }
+        }))
       }
     } catch (error: any) {
       toast.push(
@@ -243,7 +250,7 @@ const Chart = (props: ChartProps) => {
 
   useEffect(() => {
     if (props.listFormCode) getFields()
-  }, [props.listFormCode])
+  }, [props.listFormCode, config])
 
   const handlePreviewChange = (series: ChartSeriesDto[]) => {
     // Preview değişikliklerini anında chart'a yansıt
@@ -310,7 +317,7 @@ const Chart = (props: ChartProps) => {
               <FaSearch className="absolute left-2 top-1/2 -translate-y-1/2 text-gray-400 text-sm" />
               <input
                 type="text"
-                placeholder="Search..."
+                placeholder={translate('::App.Search')}
                 value={searchText}
                 onChange={(e) => setSearchText(e.target.value)}
                 onKeyDown={(e) => {
@@ -335,23 +342,23 @@ const Chart = (props: ChartProps) => {
               <Button
                 size="xs"
                 variant={'default'}
-                className="text-sm"
+                className="text-sm flex items-center gap-1"
                 onClick={async () => {
                   setInitialized(false)
                   await refreshGridDto?.()
                 }}
-                title="Refresh Data"
+                title={translate('::App.Platform.Refresh')} 
               >
-                <FaSyncAlt className="w-3 h-3" />
+                <FaSyncAlt className="w-3 h-3" /> {translate('::App.Platform.Refresh')}
               </Button>
               <Button
                 size="xs"
                 variant="default"
                 className="text-sm flex items-center gap-1"
                 onClick={() => setOpenDrawer(true)}
-                title="Series Customization"
+                title={translate('::ListForms.ListFormEdit.TabChartSeries')}
               >
-                <FaCrosshairs className="w-3 h-3" /> Serileri Özelleştir
+                <FaCrosshairs className="w-3 h-3" /> {translate('::ListForms.ListFormEdit.TabChartSeries')}
               </Button>
 
               {checkPermission(gridDto?.gridOptions.permissionDto.u) && (
@@ -368,7 +375,7 @@ const Chart = (props: ChartProps) => {
                       isPwaMode ? '_self' : '_blank',
                     )
                   }}
-                  title="Form Manager"
+                  title={translate('::ListForms.ListForm.Manage')}
                 >
                   <FaCog className="w-3 h-3" />
                 </Button>
diff --git a/ui/src/views/list/ChartDrawer.tsx b/ui/src/views/list/ChartDrawer.tsx
index 8302b0b1..9a6b9552 100644
--- a/ui/src/views/list/ChartDrawer.tsx
+++ b/ui/src/views/list/ChartDrawer.tsx
@@ -19,17 +19,6 @@ interface ChartDrawerProps {
   onPreviewChange: (series: ChartSeriesDto[]) => void
 }
 
-const schema = object().shape({
-  series: array().of(
-    object().shape({
-      name: string().required('Name Required'),
-      argumentField: string().required('Argument Field Required'),
-      valueField: string().required('Value Field Required'),
-      summaryType: string().required('Summary Type Required'),
-    }),
-  ),
-})
-
 const ChartDrawer = ({
   open,
   onClose,
@@ -42,6 +31,17 @@ const ChartDrawer = ({
   const { userName } = useStoreState((s) => s.auth.user)
   const [selectedSeriesIndex, setSelectedSeriesIndex] = useState<number>(-1)
 
+  const schema = object().shape({
+    series: array().of(
+      object().shape({
+        name: string().required(translate('::App.Platform.ChartDrawer.NameRequired')),
+        argumentField: string().required(translate('::App.Platform.ChartDrawer.ArgumentFieldRequired')),
+        valueField: string().required(translate('::App.Platform.ChartDrawer.ValueFieldRequired')),
+        summaryType: string().required(translate('::App.Platform.ChartDrawer.SummaryTypeRequired')),
+      }),
+    ),
+  })
+
   // Chart type icons
   const chartTypeIcons = [
     { type: 'line', label: 'Line', icon: '📈' },
@@ -111,14 +111,14 @@ const ChartDrawer = ({
           onSubmit={async (values, { setSubmitting }) => {
             try {
               await onSave(values.series)
-              toast.push(<Notification type="success">Chart kaydedildi</Notification>, {
+              toast.push(<Notification type="success">{translate('::App.Platform.ChartDrawer.ChartSaved')}</Notification>, {
                 placement: 'top-end',
               })
               onClose()
             } catch (error: any) {
               toast.push(
                 <Notification type="danger">
-                  Hata
+                  {translate('::App.Platform.ChartDrawer.Error')}
                   <code>{error}</code>
                 </Notification>,
                 { placement: 'top-end' },
@@ -145,7 +145,7 @@ const ChartDrawer = ({
                 <div className="flex items-center justify-between p-4 border-b bg-gray-50">
                   <h2 className="text-lg font-semibold flex items-center gap-2">
                     <span>📊</span>
-                    Chart Series
+                    {translate('::App.Platform.ChartDrawer.ChartSeries')}
                   </h2>
                   <button
                     type="button"
@@ -169,7 +169,7 @@ const ChartDrawer = ({
                       className="w-full"
                     >
                       <div className="flex items-center justify-center gap-2">
-                        <FaPlus /> Yeni Seri Ekle
+                        <FaPlus /> {translate('::App.Platform.ChartDrawer.AddNewSeries')}
                       </div>
                     </Button>
                   </div>
@@ -186,7 +186,7 @@ const ChartDrawer = ({
                             >
                               {/* Header */}
                               <div className="flex items-center justify-between mb-3">
-                                <span className="font-semibold text-sm">Seri #{index + 1}</span>
+                                <span className="font-semibold text-sm">{translate('::App.Platform.ChartDrawer.Series')} #{index + 1}</span>
                                 <Button
                                   type="button"
                                   size="xs"
@@ -201,7 +201,7 @@ const ChartDrawer = ({
 
                               {/* Chart Type Selector */}
                               <div className="mb-3">
-                                <label className="text-xs font-medium mb-1 block">Chart Type</label>
+                                <label className="text-xs font-medium mb-1 block">{translate('::App.Platform.ChartDrawer.ChartType')}</label>
                                 <Field name={`series[${index}].type`}>
                                   {({ field, form }: FieldProps) => (
                                     <div className="relative">
@@ -256,20 +256,20 @@ const ChartDrawer = ({
 
                               {/* Name */}
                               <div className="mb-3">
-                                <label className="text-xs font-medium mb-1 block">Name</label>
+                                <label className="text-xs font-medium mb-1 block">{translate('::App.Platform.ChartDrawer.Name')}</label>
                                 <Field
                                   size="sm"
                                   name={`series[${index}].name`}
                                   type="text"
                                   component={Input}
-                                  placeholder="Series name"
+                                  placeholder={translate('::App.Platform.ChartDrawer.SeriesName')}
                                 />
                               </div>
 
                               {/* Argument Field */}
                               <div className="mb-3">
                                 <label className="text-xs font-medium mb-1 block">
-                                  Argument Field (X-Axis)
+                                  {translate('::App.Platform.ChartDrawer.ArgumentField')}
                                 </label>
                                 <Field name={`series[${index}].argumentField`}>
                                   {({ field, form }: FieldProps) => (
@@ -284,7 +284,7 @@ const ChartDrawer = ({
                                       onChange={(option) => {
                                         form.setFieldValue(field.name, option?.value)
                                       }}
-                                      placeholder="Select field..."
+                                      placeholder={translate('::App.Platform.ChartDrawer.SelectField')}
                                     />
                                   )}
                                 </Field>
@@ -293,7 +293,7 @@ const ChartDrawer = ({
                               {/* Value Field */}
                               <div className="mb-3">
                                 <label className="text-xs font-medium mb-1 block">
-                                  Value Field (Y-Axis)
+                                  {translate('::App.Platform.ChartDrawer.ValueField')}
                                 </label>
                                 <Field name={`series[${index}].valueField`}>
                                   {({ field, form }: FieldProps) => (
@@ -308,7 +308,7 @@ const ChartDrawer = ({
                                       onChange={(option) => {
                                         form.setFieldValue(field.name, option?.value)
                                       }}
-                                      placeholder="Select field..."
+                                      placeholder={translate('::App.Platform.ChartDrawer.SelectField')}
                                     />
                                   )}
                                 </Field>
@@ -317,7 +317,7 @@ const ChartDrawer = ({
                               {/* Summary Type */}
                               <div className="mb-3">
                                 <label className="text-xs font-medium mb-1 block">
-                                  Summary Type
+                                  {translate('::App.Platform.ChartDrawer.SummaryType')}
                                 </label>
                                 <Field name={`series[${index}].summaryType`}>
                                   {({ field, form }: FieldProps) => (
@@ -346,12 +346,12 @@ const ChartDrawer = ({
                   {/* Footer */}
                   <div className="p-4 border-t bg-gray-50 flex gap-2">
                     <Button type="button" variant="plain" onClick={onClose} className="flex-1">
-                      İptal
+                      {translate('::App.Platform.ChartDrawer.Cancel')}
                     </Button>
                     <Button variant="solid" loading={isSubmitting} type="submit" className="flex-1">
                       <div className="flex items-center justify-center gap-2">
                         <FaSave />
-                        {isSubmitting ? translate('::SavingWithThreeDot') : 'Kaydet'}
+                        {isSubmitting ? translate('::SavingWithThreeDot') : translate('::App.Platform.ChartDrawer.Save')}
                       </div>
                     </Button>
                   </div>
diff --git a/ui/src/views/list/Pivot.tsx b/ui/src/views/list/Pivot.tsx
index 3542e05a..7a442153 100644
--- a/ui/src/views/list/Pivot.tsx
+++ b/ui/src/views/list/Pivot.tsx
@@ -44,6 +44,7 @@ import { usePWA } from '@/utils/hooks/usePWA'
 import { layoutTypes } from '../admin/listForm/edit/types'
 import { useListFormCustomDataSource } from './useListFormCustomDataSource'
 import { useListFormColumns } from './useListFormColumns'
+import { useStoreState } from '@/store'
 
 interface PivotProps {
   listFormCode: string
@@ -66,6 +67,7 @@ const Pivot = (props: PivotProps) => {
   const gridRef = useRef<PivotGridRef>()
   const chartRef = useRef<ChartRef>(null)
   const refListFormCode = useRef('')
+  const config = useStoreState((state) => state.abpConfig.config)
 
   const [gridDataSource, setGridDataSource] = useState<CustomStore<any, any>>()
   const [columnData, setColumnData] = useState<GridColumnData[]>()
@@ -248,7 +250,7 @@ const Pivot = (props: PivotProps) => {
     )
 
     setGridDataSource(dataSource)
-  }, [gridDto, searchParams])
+  }, [gridDto, config, searchParams])
 
   useEffect(() => {
     refListFormCode.current = listFormCode
@@ -321,9 +323,9 @@ const Pivot = (props: PivotProps) => {
                   variant={'default'}
                   className="text-sm flex items-center gap-1"
                   onClick={clearPivotFilters}
-                  title="Remove Filter"
+                  title={translate('::ListForms.ListForm.RemoveFilter')}
                 >
-                  <FaTimes className="w-3 h-3" /> Remove Filters
+                  <FaTimes className="w-3 h-3" /> {translate('::ListForms.ListForm.RemoveFilter')}
                 </Button>
 
                 <Button
@@ -331,9 +333,9 @@ const Pivot = (props: PivotProps) => {
                   variant={'default'}
                   className="text-sm flex items-center gap-1"
                   onClick={resetPivotGridState}
-                  title="Reset Grid State"
+                  title={translate('::ListForms.ListForm.ResetGridState')}
                 >
-                  <FaUndo className="w-3 h-3" /> Reset Grid State
+                  <FaUndo className="w-3 h-3" /> {translate('::ListForms.ListForm.ResetGridState')}
                 </Button>
 
                 {checkPermission(gridDto?.gridOptions.permissionDto.u) && (
@@ -350,7 +352,7 @@ const Pivot = (props: PivotProps) => {
                         isPwaMode ? '_self' : '_blank',
                       )
                     }}
-                    title="Form Manager"
+                    title={translate('::ListForms.ListForm.Manage')}
                   >
                     <FaCog className="w-3 h-3" />
                   </Button>
diff --git a/ui/src/views/list/Tree.tsx b/ui/src/views/list/Tree.tsx
index 8b3d14d3..6a3bdcb9 100644
--- a/ui/src/views/list/Tree.tsx
+++ b/ui/src/views/list/Tree.tsx
@@ -63,6 +63,7 @@ import { layoutTypes } from '../admin/listForm/edit/types'
 import { useListFormCustomDataSource } from './useListFormCustomDataSource'
 import { useListFormColumns } from './useListFormColumns'
 import { DataType } from 'devextreme/common'
+import { useStoreState } from '@/store/store'
 
 interface TreeProps {
   listFormCode: string
@@ -94,6 +95,7 @@ const Tree = (props: TreeProps) => {
   const [widgetGroupHeight, setWidgetGroupHeight] = useState(0)
 
   const [expandedRowKeys, setExpandedRowKeys] = useState<any[]>([])
+  const config = useStoreState((state) => state.abpConfig.config)
 
   const preloadExportLibs = () => {
     import('exceljs')
@@ -635,7 +637,7 @@ const Tree = (props: TreeProps) => {
   }, [gridDto])
 
   useEffect(() => {
-    if (!gridDto) return
+    if (!gridDto || !config) return
 
     const cols = getBandedColumns()
     setColumnData(cols)
@@ -648,7 +650,7 @@ const Tree = (props: TreeProps) => {
       cols,
     )
     setTreeListDataSource(dataSource)
-  }, [gridDto, searchParams])
+  }, [gridDto, searchParams, config])
 
   useEffect(() => {
     const activeFilters = extraFilters.filter((f) => f.value)
@@ -1120,6 +1122,7 @@ const Tree = (props: TreeProps) => {
               <SearchPanel
                 visible={gridDto.gridOptions.searchPanelDto.visible}
                 width={gridDto.gridOptions.searchPanelDto.width}
+                placeholder={translate('::App.Search')}
               ></SearchPanel>
               <Selection
                 mode={gridDto.gridOptions.selectionDto?.mode}