admin/39422-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Autosave: 20260401-082056

Browse Source
This commit is contained in:
Flatlogic Bot 2026-04-01 08:20:57 +00:00
parent e426a53f7e
commit 59f990bebb
306 changed files with 4322 additions and 4778 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/Activities/CardActivities.tsx
View File

@ -78,7 +78,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ActivityType</dt> <dt className=' text-gray-500 dark:text-dark-600'>Aktivite Türü</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.activity_type } { item.activity_type }
@ -90,7 +90,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -102,7 +102,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Subject</dt> <dt className=' text-gray-500 dark:text-dark-600'>Konu</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.subject } { item.subject }
@ -114,7 +114,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Details</dt> <dt className=' text-gray-500 dark:text-dark-600'>Detaylar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.details } { item.details }
@ -126,7 +126,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DueAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Termin Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.due_at) } { dataFormatter.dateTimeFormatter(item.due_at) }
@ -138,7 +138,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>CompletedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Tamamlanma Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.completed_at) } { dataFormatter.dateTimeFormatter(item.completed_at) }
@ -150,7 +150,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>AssignedTo</dt> <dt className=' text-gray-500 dark:text-dark-600'>Atanan Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.assigned_to) } { dataFormatter.usersOneListFormatter(item.assigned_to) }
@ -162,7 +162,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Company</dt> <dt className=' text-gray-500 dark:text-dark-600'>Şirket</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.companiesOneListFormatter(item.company) } { dataFormatter.companiesOneListFormatter(item.company) }
@ -174,7 +174,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Contact</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.contactsOneListFormatter(item.contact) } { dataFormatter.contactsOneListFormatter(item.contact) }
@ -186,7 +186,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Lead</dt> <dt className=' text-gray-500 dark:text-dark-600'>Potansiyel Müşteri</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.leadsOneListFormatter(item.lead) } { dataFormatter.leadsOneListFormatter(item.lead) }
@ -198,7 +198,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Deal</dt> <dt className=' text-gray-500 dark:text-dark-600'>Fırsat</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dealsOneListFormatter(item.deal) } { dataFormatter.dealsOneListFormatter(item.deal) }
@ -210,7 +210,7 @@ const CardActivities = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Attachments</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ekler</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium'> <div className='font-medium'>
{dataFormatter.filesFormatter(item.attachments).map(link => ( {dataFormatter.filesFormatter(item.attachments).map(link => (
@ -232,7 +232,7 @@ const CardActivities = ({
))} ))}
{!loading && activities.length === 0 && ( {!loading && activities.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

26
frontend/src/components/Activities/ListActivities.tsx
View File

@ -48,7 +48,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ActivityType</p> <p className={'text-xs text-gray-500 '}>Aktivite Türü</p>
<p className={'line-clamp-2'}>{ item.activity_type }</p> <p className={'line-clamp-2'}>{ item.activity_type }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Subject</p> <p className={'text-xs text-gray-500 '}>Konu</p>
<p className={'line-clamp-2'}>{ item.subject }</p> <p className={'line-clamp-2'}>{ item.subject }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Details</p> <p className={'text-xs text-gray-500 '}>Detaylar</p>
<p className={'line-clamp-2'}>{ item.details }</p> <p className={'line-clamp-2'}>{ item.details }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DueAt</p> <p className={'text-xs text-gray-500 '}>Termin Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>CompletedAt</p> <p className={'text-xs text-gray-500 '}>Tamamlanma Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.completed_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.completed_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>AssignedTo</p> <p className={'text-xs text-gray-500 '}>Atanan Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Company</p> <p className={'text-xs text-gray-500 '}>Şirket</p>
<p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p> <p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Contact</p> <p className={'text-xs text-gray-500 '}>Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.contact) }</p> <p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.contact) }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Lead</p> <p className={'text-xs text-gray-500 '}>Potansiyel Müşteri</p>
<p className={'line-clamp-2'}>{ dataFormatter.leadsOneListFormatter(item.lead) }</p> <p className={'line-clamp-2'}>{ dataFormatter.leadsOneListFormatter(item.lead) }</p>
</div> </div>
@ -128,7 +128,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Deal</p> <p className={'text-xs text-gray-500 '}>Fırsat</p>
<p className={'line-clamp-2'}>{ dataFormatter.dealsOneListFormatter(item.deal) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dealsOneListFormatter(item.deal) }</p>
</div> </div>
@ -136,7 +136,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Attachments</p> <p className={'text-xs text-gray-500 '}>Ekler</p>
{dataFormatter.filesFormatter(item.attachments).map(link => ( {dataFormatter.filesFormatter(item.attachments).map(link => (
<button <button
key={link.publicUrl} key={link.publicUrl}
@ -165,7 +165,7 @@ const ListActivities = ({ activities, loading, onDelete, currentPage, numPages,
))} ))}
{!loading && activities.length === 0 && ( {!loading && activities.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Activities/TableActivities.tsx
View File

@ -286,7 +286,7 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -310,7 +310,7 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -320,7 +320,7 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -335,22 +335,22 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -365,12 +365,12 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -378,11 +378,11 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -392,11 +392,11 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerir'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -404,12 +404,12 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -422,13 +422,13 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -438,14 +438,14 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -476,7 +476,7 @@ const TableSampleActivities = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`${selectedRows.length} satırı sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

24
frontend/src/components/Activities/configureActivitiesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'activity_type', field: 'activity_type',
headerName: 'ActivityType', headerName: 'Aktivite Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'subject', field: 'subject',
headerName: 'Subject', headerName: 'Konu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'details', field: 'details',
headerName: 'Details', headerName: 'Detaylar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'due_at', field: 'due_at',
headerName: 'DueAt', headerName: 'Termin Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -121,7 +121,7 @@ export const loadColumns = async (
{ {
field: 'completed_at', field: 'completed_at',
headerName: 'CompletedAt', headerName: 'Tamamlanma Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -139,7 +139,7 @@ export const loadColumns = async (
{ {
field: 'assigned_to', field: 'assigned_to',
headerName: 'AssignedTo', headerName: 'Atanan Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -161,7 +161,7 @@ export const loadColumns = async (
{ {
field: 'company', field: 'company',
headerName: 'Company', headerName: 'Şirket',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -183,7 +183,7 @@ export const loadColumns = async (
{ {
field: 'contact', field: 'contact',
headerName: 'Contact', headerName: 'Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -205,7 +205,7 @@ export const loadColumns = async (
{ {
field: 'lead', field: 'lead',
headerName: 'Lead', headerName: 'Potansiyel',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -227,7 +227,7 @@ export const loadColumns = async (
{ {
field: 'deal', field: 'deal',
headerName: 'Deal', headerName: 'Fırsat',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -249,7 +249,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

4
frontend/src/components/Budget_items/CardBudget_items.tsx
View File

@ -138,7 +138,7 @@ const CardBudget_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DueAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Termin Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.due_at) } { dataFormatter.dateTimeFormatter(item.due_at) }
@ -220,7 +220,7 @@ const CardBudget_items = ({
))} ))}
{!loading && budget_items.length === 0 && ( {!loading && budget_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

4
frontend/src/components/Budget_items/ListBudget_items.tsx
View File

@ -88,7 +88,7 @@ const ListBudget_items = ({ budget_items, loading, onDelete, currentPage, numPag
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DueAt</p> <p className={'text-xs text-gray-500 '}>Termin Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p>
</div> </div>
@ -157,7 +157,7 @@ const ListBudget_items = ({ budget_items, loading, onDelete, currentPage, numPag
))} ))}
{!loading && budget_items.length === 0 && ( {!loading && budget_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Budget_items/TableBudget_items.tsx
View File

@ -277,7 +277,7 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleBudget_items = ({ filterItems, setFilterItems, filters, showGri
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

22
frontend/src/components/Budget_items/configureBudget_itemsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'BudgetItemName', headerName: 'Bütçe Kalemi Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'category', field: 'category',
headerName: 'Category', headerName: 'Kategori',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'estimated_cost', field: 'estimated_cost',
headerName: 'EstimatedCost', headerName: 'Tahmini Maliyet',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -104,7 +104,7 @@ export const loadColumns = async (
{ {
field: 'actual_cost', field: 'actual_cost',
headerName: 'ActualCost', headerName: 'Gerçekleşen Maliyet',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -120,7 +120,7 @@ export const loadColumns = async (
{ {
field: 'due_at', field: 'due_at',
headerName: 'DueAt', headerName: 'Vade Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -138,7 +138,7 @@ export const loadColumns = async (
{ {
field: 'paid_at', field: 'paid_at',
headerName: 'PaidAt', headerName: 'Ödeme Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -156,7 +156,7 @@ export const loadColumns = async (
{ {
field: 'event', field: 'event',
headerName: 'Event', headerName: 'Etkinlik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -178,7 +178,7 @@ export const loadColumns = async (
{ {
field: 'vendor', field: 'vendor',
headerName: 'Vendor', headerName: 'Tedarikçi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -200,7 +200,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -215,7 +215,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/CardBoxModal.tsx
View File

@ -33,7 +33,7 @@ const CardBoxModal = ({
const footer = ( const footer = (
<BaseButtons> <BaseButtons>
<BaseButton label={buttonLabel} color={buttonColor} onClick={onConfirm} /> <BaseButton label={buttonLabel} color={buttonColor} onClick={onConfirm} />
{!!onCancel && <BaseButton label="Cancel" color={buttonColor} outline onClick={onCancel} />} {!!onCancel && <BaseButton label="İptal" color={buttonColor} outline onClick={onCancel} />}
</BaseButtons> </BaseButtons>
) )

2
frontend/src/components/Companies/CardCompanies.tsx
View File

@ -213,7 +213,7 @@ const CardCompanies = ({
))} ))}
{!loading && companies.length === 0 && ( {!loading && companies.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Companies/ListCompanies.tsx
View File

@ -150,7 +150,7 @@ const ListCompanies = ({ companies, loading, onDelete, currentPage, numPages, on
))} ))}
{!loading && companies.length === 0 && ( {!loading && companies.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Companies/TableCompanies.tsx
View File

@ -277,7 +277,7 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleCompanies = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

22
frontend/src/components/Companies/configureCompaniesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'CompanyName', headerName: 'Şirket Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'legal_name', field: 'legal_name',
headerName: 'LegalName', headerName: 'Resmi Ünvan',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'tax_number', field: 'tax_number',
headerName: 'TaxNumber', headerName: 'Vergi Numarası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'industry', field: 'industry',
headerName: 'Industry', headerName: 'Sektör',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'website', field: 'website',
headerName: 'Website', headerName: 'Web Sitesi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -118,7 +118,7 @@ export const loadColumns = async (
{ {
field: 'phone', field: 'phone',
headerName: 'Phone', headerName: 'Telefon',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -133,7 +133,7 @@ export const loadColumns = async (
{ {
field: 'email', field: 'email',
headerName: 'Email', headerName: 'E-posta',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -148,7 +148,7 @@ export const loadColumns = async (
{ {
field: 'billing_address', field: 'billing_address',
headerName: 'BillingAddress', headerName: 'Fatura Adresi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -163,7 +163,7 @@ export const loadColumns = async (
{ {
field: 'shipping_address', field: 'shipping_address',
headerName: 'ShippingAddress', headerName: 'Sevkiyat Adresi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -178,7 +178,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -193,7 +193,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

18
frontend/src/components/Contacts/CardContacts.tsx
View File

@ -78,7 +78,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>FirstName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ad</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.first_name } { item.first_name }
@ -90,7 +90,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>LastName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Soyad</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.last_name } { item.last_name }
@ -102,7 +102,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Email</dt> <dt className=' text-gray-500 dark:text-dark-600'>E-posta</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.email } { item.email }
@ -114,7 +114,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Phone</dt> <dt className=' text-gray-500 dark:text-dark-600'>Telefon</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.phone } { item.phone }
@ -138,7 +138,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -150,7 +150,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Company</dt> <dt className=' text-gray-500 dark:text-dark-600'>Şirket</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.companiesOneListFormatter(item.company) } { dataFormatter.companiesOneListFormatter(item.company) }
@ -162,7 +162,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Owner</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sorumlu Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.owner) } { dataFormatter.usersOneListFormatter(item.owner) }
@ -174,7 +174,7 @@ const CardContacts = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Notes</dt> <dt className=' text-gray-500 dark:text-dark-600'>Notlar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.notes } { item.notes }
@ -189,7 +189,7 @@ const CardContacts = ({
))} ))}
{!loading && contacts.length === 0 && ( {!loading && contacts.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

18
frontend/src/components/Contacts/ListContacts.tsx
View File

@ -48,7 +48,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>FirstName</p> <p className={'text-xs text-gray-500 '}>Ad</p>
<p className={'line-clamp-2'}>{ item.first_name }</p> <p className={'line-clamp-2'}>{ item.first_name }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>LastName</p> <p className={'text-xs text-gray-500 '}>Soyad</p>
<p className={'line-clamp-2'}>{ item.last_name }</p> <p className={'line-clamp-2'}>{ item.last_name }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Email</p> <p className={'text-xs text-gray-500 '}>E-posta</p>
<p className={'line-clamp-2'}>{ item.email }</p> <p className={'line-clamp-2'}>{ item.email }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Phone</p> <p className={'text-xs text-gray-500 '}>Telefon</p>
<p className={'line-clamp-2'}>{ item.phone }</p> <p className={'line-clamp-2'}>{ item.phone }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Company</p> <p className={'text-xs text-gray-500 '}>Şirket</p>
<p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p> <p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Owner</p> <p className={'text-xs text-gray-500 '}>Sorumlu Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Notes</p> <p className={'text-xs text-gray-500 '}>Notlar</p>
<p className={'line-clamp-2'}>{ item.notes }</p> <p className={'line-clamp-2'}>{ item.notes }</p>
</div> </div>
@ -134,7 +134,7 @@ const ListContacts = ({ contacts, loading, onDelete, currentPage, numPages, onPa
))} ))}
{!loading && contacts.length === 0 && ( {!loading && contacts.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Contacts/TableContacts.tsx
View File

@ -277,7 +277,7 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,22 +326,22 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -356,12 +356,12 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,11 +369,11 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -383,11 +383,11 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerir'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleContacts = ({ filterItems, setFilterItems, filters, showGrid })
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`${selectedRows.length} satırı sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

18
frontend/src/components/Contacts/configureContactsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'first_name', field: 'first_name',
headerName: 'FirstName', headerName: 'Ad',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'last_name', field: 'last_name',
headerName: 'LastName', headerName: 'Soyad',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'email', field: 'email',
headerName: 'Email', headerName: 'E-posta',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'phone', field: 'phone',
headerName: 'Phone', headerName: 'Telefon',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'job_title', field: 'job_title',
headerName: 'JobTitle', headerName: 'Pozisyon',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -118,7 +118,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -133,7 +133,7 @@ export const loadColumns = async (
{ {
field: 'company', field: 'company',
headerName: 'Company', headerName: 'Şirket',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -155,7 +155,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -177,7 +177,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

30
frontend/src/components/Deals/CardDeals.tsx
View File

@ -78,7 +78,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DealName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Fırsat Adı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.name } { item.name }
@ -90,7 +90,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DealType</dt> <dt className=' text-gray-500 dark:text-dark-600'>Fırsat Türü</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.deal_type } { item.deal_type }
@ -102,7 +102,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -114,7 +114,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Amount</dt> <dt className=' text-gray-500 dark:text-dark-600'>Tutar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.amount } { item.amount }
@ -126,7 +126,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Probability</dt> <dt className=' text-gray-500 dark:text-dark-600'>Olasılık</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.probability } { item.probability }
@ -138,7 +138,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ExpectedCloseAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Beklenen Kapanış Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.expected_close_at) } { dataFormatter.dateTimeFormatter(item.expected_close_at) }
@ -150,7 +150,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ClosedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kapanış Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.closed_at) } { dataFormatter.dateTimeFormatter(item.closed_at) }
@ -162,7 +162,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Company</dt> <dt className=' text-gray-500 dark:text-dark-600'>Şirket</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.companiesOneListFormatter(item.company) } { dataFormatter.companiesOneListFormatter(item.company) }
@ -174,7 +174,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PrimaryContact</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ana Yetkili</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.contactsOneListFormatter(item.primary_contact) } { dataFormatter.contactsOneListFormatter(item.primary_contact) }
@ -186,7 +186,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Owner</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sorumlu Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.owner) } { dataFormatter.usersOneListFormatter(item.owner) }
@ -198,7 +198,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Pipeline</dt> <dt className=' text-gray-500 dark:text-dark-600'>Satış Hattı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.pipelinesOneListFormatter(item.pipeline) } { dataFormatter.pipelinesOneListFormatter(item.pipeline) }
@ -210,7 +210,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Stage</dt> <dt className=' text-gray-500 dark:text-dark-600'>Aşama</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.pipeline_stagesOneListFormatter(item.stage) } { dataFormatter.pipeline_stagesOneListFormatter(item.stage) }
@ -222,7 +222,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Lead</dt> <dt className=' text-gray-500 dark:text-dark-600'>Potansiyel Müşteri</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.leadsOneListFormatter(item.lead) } { dataFormatter.leadsOneListFormatter(item.lead) }
@ -234,7 +234,7 @@ const CardDeals = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Notes</dt> <dt className=' text-gray-500 dark:text-dark-600'>Notlar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.notes } { item.notes }
@ -249,7 +249,7 @@ const CardDeals = ({
))} ))}
{!loading && deals.length === 0 && ( {!loading && deals.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

30
frontend/src/components/Deals/ListDeals.tsx
View File

@ -48,7 +48,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DealName</p> <p className={'text-xs text-gray-500 '}>Fırsat Adı</p>
<p className={'line-clamp-2'}>{ item.name }</p> <p className={'line-clamp-2'}>{ item.name }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DealType</p> <p className={'text-xs text-gray-500 '}>Fırsat Türü</p>
<p className={'line-clamp-2'}>{ item.deal_type }</p> <p className={'line-clamp-2'}>{ item.deal_type }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Amount</p> <p className={'text-xs text-gray-500 '}>Tutar</p>
<p className={'line-clamp-2'}>{ item.amount }</p> <p className={'line-clamp-2'}>{ item.amount }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Probability</p> <p className={'text-xs text-gray-500 '}>Olasılık</p>
<p className={'line-clamp-2'}>{ item.probability }</p> <p className={'line-clamp-2'}>{ item.probability }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ExpectedCloseAt</p> <p className={'text-xs text-gray-500 '}>Beklenen Kapanış Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.expected_close_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.expected_close_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ClosedAt</p> <p className={'text-xs text-gray-500 '}>Kapanış Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.closed_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.closed_at) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Company</p> <p className={'text-xs text-gray-500 '}>Şirket</p>
<p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p> <p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PrimaryContact</p> <p className={'text-xs text-gray-500 '}>Ana Yetkili</p>
<p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.primary_contact) }</p> <p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.primary_contact) }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Owner</p> <p className={'text-xs text-gray-500 '}>Sorumlu Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p>
</div> </div>
@ -128,7 +128,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Pipeline</p> <p className={'text-xs text-gray-500 '}>Satış Hattı</p>
<p className={'line-clamp-2'}>{ dataFormatter.pipelinesOneListFormatter(item.pipeline) }</p> <p className={'line-clamp-2'}>{ dataFormatter.pipelinesOneListFormatter(item.pipeline) }</p>
</div> </div>
@ -136,7 +136,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Stage</p> <p className={'text-xs text-gray-500 '}>Aşama</p>
<p className={'line-clamp-2'}>{ dataFormatter.pipeline_stagesOneListFormatter(item.stage) }</p> <p className={'line-clamp-2'}>{ dataFormatter.pipeline_stagesOneListFormatter(item.stage) }</p>
</div> </div>
@ -144,7 +144,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Lead</p> <p className={'text-xs text-gray-500 '}>Potansiyel Müşteri</p>
<p className={'line-clamp-2'}>{ dataFormatter.leadsOneListFormatter(item.lead) }</p> <p className={'line-clamp-2'}>{ dataFormatter.leadsOneListFormatter(item.lead) }</p>
</div> </div>
@ -152,7 +152,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Notes</p> <p className={'text-xs text-gray-500 '}>Notlar</p>
<p className={'line-clamp-2'}>{ item.notes }</p> <p className={'line-clamp-2'}>{ item.notes }</p>
</div> </div>
@ -174,7 +174,7 @@ const ListDeals = ({ deals, loading, onDelete, currentPage, numPages, onPageChan
))} ))}
{!loading && deals.length === 0 && ( {!loading && deals.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Deals/TableDeals.tsx
View File

@ -307,7 +307,7 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -331,7 +331,7 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -341,7 +341,7 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -356,22 +356,22 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -386,12 +386,12 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -399,11 +399,11 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -413,11 +413,11 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerir'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -425,12 +425,12 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -443,13 +443,13 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -459,14 +459,14 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -493,7 +493,7 @@ const TableSampleDeals = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`${selectedRows.length} satırı sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

26
frontend/src/components/Deals/configureDealsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'DealName', headerName: 'Fırsat Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'deal_type', field: 'deal_type',
headerName: 'DealType', headerName: 'Fırsat Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'amount', field: 'amount',
headerName: 'Amount', headerName: 'Tutar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -104,7 +104,7 @@ export const loadColumns = async (
{ {
field: 'probability', field: 'probability',
headerName: 'Probability', headerName: 'Olasılık',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -120,7 +120,7 @@ export const loadColumns = async (
{ {
field: 'expected_close_at', field: 'expected_close_at',
headerName: 'ExpectedCloseAt', headerName: 'Beklenen Kapanış',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -138,7 +138,7 @@ export const loadColumns = async (
{ {
field: 'closed_at', field: 'closed_at',
headerName: 'ClosedAt', headerName: 'Kapanış Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -156,7 +156,7 @@ export const loadColumns = async (
{ {
field: 'company', field: 'company',
headerName: 'Company', headerName: 'Şirket',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -178,7 +178,7 @@ export const loadColumns = async (
{ {
field: 'primary_contact', field: 'primary_contact',
headerName: 'PrimaryContact', headerName: 'Ana Kontak',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -200,7 +200,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -244,7 +244,7 @@ export const loadColumns = async (
{ {
field: 'stage', field: 'stage',
headerName: 'Stage', headerName: 'Aşama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -266,7 +266,7 @@ export const loadColumns = async (
{ {
field: 'lead', field: 'lead',
headerName: 'Lead', headerName: 'Potansiyel',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -288,7 +288,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/ErrorBoundary.tsx
View File

@ -202,7 +202,7 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
className='w-full py-2 px-4 border border-pavitra-600 text-pavitra-800 hover:bg-pavitra-400 rounded-md transition-colors' className='w-full py-2 px-4 border border-pavitra-600 text-pavitra-800 hover:bg-pavitra-400 rounded-md transition-colors'
onClick={this.resetError} onClick={this.resetError}
> >
Go Back Geri Dön
</button> </button>
</div> </div>
</div> </div>

2
frontend/src/components/Event_guests/CardEvent_guests.tsx
View File

@ -189,7 +189,7 @@ const CardEvent_guests = ({
))} ))}
{!loading && event_guests.length === 0 && ( {!loading && event_guests.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Event_guests/ListEvent_guests.tsx
View File

@ -134,7 +134,7 @@ const ListEvent_guests = ({ event_guests, loading, onDelete, currentPage, numPag
))} ))}
{!loading && event_guests.length === 0 && ( {!loading && event_guests.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Event_guests/TableEvent_guests.tsx
View File

@ -277,7 +277,7 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleEvent_guests = ({ filterItems, setFilterItems, filters, showGri
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

18
frontend/src/components/Event_guests/configureEvent_guestsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'full_name', field: 'full_name',
headerName: 'FullName', headerName: 'Ad Soyad',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'email', field: 'email',
headerName: 'Email', headerName: 'E-posta',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'phone', field: 'phone',
headerName: 'Phone', headerName: 'Telefon',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'rsvp_status', field: 'rsvp_status',
headerName: 'RSVPStatus', headerName: 'Katılım Durumu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'guest_type', field: 'guest_type',
headerName: 'GuestType', headerName: 'Davetli Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -118,7 +118,7 @@ export const loadColumns = async (
{ {
field: 'invited_at', field: 'invited_at',
headerName: 'InvitedAt', headerName: 'Davet Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -136,7 +136,7 @@ export const loadColumns = async (
{ {
field: 'checked_in_at', field: 'checked_in_at',
headerName: 'CheckedInAt', headerName: 'Giriş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -154,7 +154,7 @@ export const loadColumns = async (
{ {
field: 'event', field: 'event',
headerName: 'Event', headerName: 'Etkinlik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -176,7 +176,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Event_schedule_items/CardEvent_schedule_items.tsx
View File

@ -196,7 +196,7 @@ const CardEvent_schedule_items = ({
))} ))}
{!loading && event_schedule_items.length === 0 && ( {!loading && event_schedule_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Event_schedule_items/ListEvent_schedule_items.tsx
View File

@ -141,7 +141,7 @@ const ListEvent_schedule_items = ({ event_schedule_items, loading, onDelete, cur
))} ))}
{!loading && event_schedule_items.length === 0 && ( {!loading && event_schedule_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Event_schedule_items/TableEvent_schedule_items.tsx
View File

@ -286,7 +286,7 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -310,7 +310,7 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -320,7 +320,7 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -335,18 +335,18 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -365,12 +365,12 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -378,7 +378,7 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -392,11 +392,11 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -404,12 +404,12 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -422,13 +422,13 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -438,14 +438,14 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -476,7 +476,7 @@ const TableSampleEvent_schedule_items = ({ filterItems, setFilterItems, filters,
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

18
frontend/src/components/Event_schedule_items/configureEvent_schedule_itemsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'title', field: 'title',
headerName: 'ScheduleItemTitle', headerName: 'Takvim Kalemi Başlığı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'start_at', field: 'start_at',
headerName: 'StartAt', headerName: 'Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -91,7 +91,7 @@ export const loadColumns = async (
{ {
field: 'end_at', field: 'end_at',
headerName: 'EndAt', headerName: 'Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -109,7 +109,7 @@ export const loadColumns = async (
{ {
field: 'event', field: 'event',
headerName: 'Event', headerName: 'Etkinlik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -131,7 +131,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -153,7 +153,7 @@ export const loadColumns = async (
{ {
field: 'location', field: 'location',
headerName: 'Location', headerName: 'Konum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -168,7 +168,7 @@ export const loadColumns = async (
{ {
field: 'description', field: 'description',
headerName: 'Description', headerName: 'Açıklama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -183,7 +183,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

8
frontend/src/components/Event_tasks/CardEvent_tasks.tsx
View File

@ -114,7 +114,7 @@ const CardEvent_tasks = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DueAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Termin Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.due_at) } { dataFormatter.dateTimeFormatter(item.due_at) }
@ -150,7 +150,7 @@ const CardEvent_tasks = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>AssignedTo</dt> <dt className=' text-gray-500 dark:text-dark-600'>Atanan Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.assigned_to) } { dataFormatter.usersOneListFormatter(item.assigned_to) }
@ -174,7 +174,7 @@ const CardEvent_tasks = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Details</dt> <dt className=' text-gray-500 dark:text-dark-600'>Detaylar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.details } { item.details }
@ -208,7 +208,7 @@ const CardEvent_tasks = ({
))} ))}
{!loading && event_tasks.length === 0 && ( {!loading && event_tasks.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

8
frontend/src/components/Event_tasks/ListEvent_tasks.tsx
View File

@ -72,7 +72,7 @@ const ListEvent_tasks = ({ event_tasks, loading, onDelete, currentPage, numPages
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DueAt</p> <p className={'text-xs text-gray-500 '}>Termin Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListEvent_tasks = ({ event_tasks, loading, onDelete, currentPage, numPages
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>AssignedTo</p> <p className={'text-xs text-gray-500 '}>Atanan Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListEvent_tasks = ({ event_tasks, loading, onDelete, currentPage, numPages
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Details</p> <p className={'text-xs text-gray-500 '}>Detaylar</p>
<p className={'line-clamp-2'}>{ item.details }</p> <p className={'line-clamp-2'}>{ item.details }</p>
</div> </div>
@ -149,7 +149,7 @@ const ListEvent_tasks = ({ event_tasks, loading, onDelete, currentPage, numPages
))} ))}
{!loading && event_tasks.length === 0 && ( {!loading && event_tasks.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Event_tasks/TableEvent_tasks.tsx
View File

@ -308,7 +308,7 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -332,7 +332,7 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -342,7 +342,7 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -357,18 +357,18 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -387,12 +387,12 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -400,7 +400,7 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -414,11 +414,11 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -426,12 +426,12 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -444,13 +444,13 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -460,14 +460,14 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -494,7 +494,7 @@ const TableSampleEvent_tasks = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

20
frontend/src/components/Event_tasks/configureEvent_tasksCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'title', field: 'title',
headerName: 'TaskTitle', headerName: 'Görev Başlığı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'priority', field: 'priority',
headerName: 'Priority', headerName: 'Öncelik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'due_at', field: 'due_at',
headerName: 'DueAt', headerName: 'Termin Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -106,7 +106,7 @@ export const loadColumns = async (
{ {
field: 'completed_at', field: 'completed_at',
headerName: 'CompletedAt', headerName: 'Tamamlanma Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -124,7 +124,7 @@ export const loadColumns = async (
{ {
field: 'event', field: 'event',
headerName: 'Event', headerName: 'Etkinlik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -146,7 +146,7 @@ export const loadColumns = async (
{ {
field: 'assigned_to', field: 'assigned_to',
headerName: 'AssignedTo', headerName: 'Atanan Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -168,7 +168,7 @@ export const loadColumns = async (
{ {
field: 'vendor', field: 'vendor',
headerName: 'Vendor', headerName: 'Tedarikçi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -190,7 +190,7 @@ export const loadColumns = async (
{ {
field: 'details', field: 'details',
headerName: 'Details', headerName: 'Detaylar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -205,7 +205,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

4
frontend/src/components/Events/CardEvents.tsx
View File

@ -150,7 +150,7 @@ const CardEvents = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>BudgetTotal</dt> <dt className=' text-gray-500 dark:text-dark-600'>Toplam Bütçe</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.budget_total } { item.budget_total }
@ -208,7 +208,7 @@ const CardEvents = ({
))} ))}
{!loading && events.length === 0 && ( {!loading && events.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

4
frontend/src/components/Events/ListEvents.tsx
View File

@ -96,7 +96,7 @@ const ListEvents = ({ events, loading, onDelete, currentPage, numPages, onPageCh
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>BudgetTotal</p> <p className={'text-xs text-gray-500 '}>Toplam Bütçe</p>
<p className={'line-clamp-2'}>{ item.budget_total }</p> <p className={'line-clamp-2'}>{ item.budget_total }</p>
</div> </div>
@ -149,7 +149,7 @@ const ListEvents = ({ events, loading, onDelete, currentPage, numPages, onPageCh
))} ))}
{!loading && events.length === 0 && ( {!loading && events.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Events/TableEvents.tsx
View File

@ -286,7 +286,7 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -310,7 +310,7 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -320,7 +320,7 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -335,18 +335,18 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -365,12 +365,12 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -378,7 +378,7 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -392,11 +392,11 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -404,12 +404,12 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -422,13 +422,13 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -438,14 +438,14 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -476,7 +476,7 @@ const TableSampleEvents = ({ filterItems, setFilterItems, filters, showGrid }) =
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

20
frontend/src/components/Events/configureEventsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'EventName', headerName: 'Etkinlik Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'start_at', field: 'start_at',
headerName: 'StartAt', headerName: 'Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -91,7 +91,7 @@ export const loadColumns = async (
{ {
field: 'end_at', field: 'end_at',
headerName: 'EndAt', headerName: 'Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -109,7 +109,7 @@ export const loadColumns = async (
{ {
field: 'venue', field: 'venue',
headerName: 'Venue', headerName: 'Mekan',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -131,7 +131,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -153,7 +153,7 @@ export const loadColumns = async (
{ {
field: 'budget_total', field: 'budget_total',
headerName: 'BudgetTotal', headerName: 'Toplam Bütçe',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -169,7 +169,7 @@ export const loadColumns = async (
{ {
field: 'budget_spent', field: 'budget_spent',
headerName: 'BudgetSpent', headerName: 'Harcanan Bütçe',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -185,7 +185,7 @@ export const loadColumns = async (
{ {
field: 'description', field: 'description',
headerName: 'Description', headerName: 'Açıklama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -200,7 +200,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

22
frontend/src/components/Inventory_items/CardInventory_items.tsx
View File

@ -78,7 +78,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Material</dt> <dt className=' text-gray-500 dark:text-dark-600'>Malzeme</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.materialsOneListFormatter(item.material) } { dataFormatter.materialsOneListFormatter(item.material) }
@ -90,7 +90,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Warehouse</dt> <dt className=' text-gray-500 dark:text-dark-600'>Depo</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.warehousesOneListFormatter(item.warehouse) } { dataFormatter.warehousesOneListFormatter(item.warehouse) }
@ -102,7 +102,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>LotNumber</dt> <dt className=' text-gray-500 dark:text-dark-600'>Lot Numarası</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.lot_number } { item.lot_number }
@ -114,7 +114,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>SerialNumber</dt> <dt className=' text-gray-500 dark:text-dark-600'>Seri Numarası</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.serial_number } { item.serial_number }
@ -126,7 +126,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>QuantityOnHand</dt> <dt className=' text-gray-500 dark:text-dark-600'>Mevcut Miktar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.quantity_on_hand } { item.quantity_on_hand }
@ -138,7 +138,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>QuantityReserved</dt> <dt className=' text-gray-500 dark:text-dark-600'>Rezerve Miktar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.quantity_reserved } { item.quantity_reserved }
@ -150,7 +150,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ReceivedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Giriş Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.received_at) } { dataFormatter.dateTimeFormatter(item.received_at) }
@ -162,7 +162,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ExpiresAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Son Kullanma Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.expires_at) } { dataFormatter.dateTimeFormatter(item.expires_at) }
@ -174,7 +174,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -186,7 +186,7 @@ const CardInventory_items = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>LocationBin</dt> <dt className=' text-gray-500 dark:text-dark-600'>Raf Konumu</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.location_bin } { item.location_bin }
@ -201,7 +201,7 @@ const CardInventory_items = ({
))} ))}
{!loading && inventory_items.length === 0 && ( {!loading && inventory_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

22
frontend/src/components/Inventory_items/ListInventory_items.tsx
View File

@ -48,7 +48,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Material</p> <p className={'text-xs text-gray-500 '}>Malzeme</p>
<p className={'line-clamp-2'}>{ dataFormatter.materialsOneListFormatter(item.material) }</p> <p className={'line-clamp-2'}>{ dataFormatter.materialsOneListFormatter(item.material) }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Warehouse</p> <p className={'text-xs text-gray-500 '}>Depo</p>
<p className={'line-clamp-2'}>{ dataFormatter.warehousesOneListFormatter(item.warehouse) }</p> <p className={'line-clamp-2'}>{ dataFormatter.warehousesOneListFormatter(item.warehouse) }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>LotNumber</p> <p className={'text-xs text-gray-500 '}>Lot Numarası</p>
<p className={'line-clamp-2'}>{ item.lot_number }</p> <p className={'line-clamp-2'}>{ item.lot_number }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>SerialNumber</p> <p className={'text-xs text-gray-500 '}>Seri Numarası</p>
<p className={'line-clamp-2'}>{ item.serial_number }</p> <p className={'line-clamp-2'}>{ item.serial_number }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>QuantityOnHand</p> <p className={'text-xs text-gray-500 '}>Mevcut Miktar</p>
<p className={'line-clamp-2'}>{ item.quantity_on_hand }</p> <p className={'line-clamp-2'}>{ item.quantity_on_hand }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>QuantityReserved</p> <p className={'text-xs text-gray-500 '}>Rezerve Miktar</p>
<p className={'line-clamp-2'}>{ item.quantity_reserved }</p> <p className={'line-clamp-2'}>{ item.quantity_reserved }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ReceivedAt</p> <p className={'text-xs text-gray-500 '}>Giriş Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.received_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.received_at) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ExpiresAt</p> <p className={'text-xs text-gray-500 '}>Son Kullanma Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.expires_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.expires_at) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>LocationBin</p> <p className={'text-xs text-gray-500 '}>Raf Konumu</p>
<p className={'line-clamp-2'}>{ item.location_bin }</p> <p className={'line-clamp-2'}>{ item.location_bin }</p>
</div> </div>
@ -142,7 +142,7 @@ const ListInventory_items = ({ inventory_items, loading, onDelete, currentPage,
))} ))}
{!loading && inventory_items.length === 0 && ( {!loading && inventory_items.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Inventory_items/TableInventory_items.tsx
View File

@ -277,7 +277,7 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,22 +326,22 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -356,12 +356,12 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,11 +369,11 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -383,11 +383,11 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleInventory_items = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

20
frontend/src/components/Inventory_items/configureInventory_itemsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'material', field: 'material',
headerName: 'Material', headerName: 'Malzeme',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -65,7 +65,7 @@ export const loadColumns = async (
{ {
field: 'warehouse', field: 'warehouse',
headerName: 'Warehouse', headerName: 'Depo',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -87,7 +87,7 @@ export const loadColumns = async (
{ {
field: 'lot_number', field: 'lot_number',
headerName: 'LotNumber', headerName: 'Lot Numarası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -102,7 +102,7 @@ export const loadColumns = async (
{ {
field: 'serial_number', field: 'serial_number',
headerName: 'SerialNumber', headerName: 'Seri Numarası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -117,7 +117,7 @@ export const loadColumns = async (
{ {
field: 'quantity_on_hand', field: 'quantity_on_hand',
headerName: 'QuantityOnHand', headerName: 'Mevcut Miktar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -133,7 +133,7 @@ export const loadColumns = async (
{ {
field: 'quantity_reserved', field: 'quantity_reserved',
headerName: 'QuantityReserved', headerName: 'Rezerve Miktar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -149,7 +149,7 @@ export const loadColumns = async (
{ {
field: 'received_at', field: 'received_at',
headerName: 'ReceivedAt', headerName: 'Giriş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -167,7 +167,7 @@ export const loadColumns = async (
{ {
field: 'expires_at', field: 'expires_at',
headerName: 'ExpiresAt', headerName: 'Son Kullanma Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -185,7 +185,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -200,7 +200,7 @@ export const loadColumns = async (
{ {
field: 'location_bin', field: 'location_bin',
headerName: 'LocationBin', headerName: 'Raf Konumu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/KanbanBoard/KanbanCard.tsx
View File

@ -42,7 +42,7 @@ const KanbanCard = ({
href={`/${entityName}/${entityName}-view/?id=${item.id}`} href={`/${entityName}/${entityName}-view/?id=${item.id}`}
className={'text-base font-semibold'} className={'text-base font-semibold'}
> >
{item[showFieldName] ?? 'No data'} {item[showFieldName] ?? 'Veri yok'}
</Link> </Link>
</div> </div>
<div className={'flex items-center justify-between'}> <div className={'flex items-center justify-between'}>

12
frontend/src/components/KanbanBoard/KanbanColumn.tsx
View File

@ -138,7 +138,7 @@ const KanbanColumn = ({
} }
}; };
const onDeleteConfirm = () => { const onDeleteOnayla = () => {
if (!itemIdToDelete) return; if (!itemIdToDelete) return;
dispatch(deleteThunk(itemIdToDelete)) dispatch(deleteThunk(itemIdToDelete))
@ -188,19 +188,19 @@ const KanbanColumn = ({
</div> </div>
))} ))}
{!data?.length && ( {!data?.length && (
<p className={'text-center py-8 bg-gray-50 dark:bg-dark-800'}>No data</p> <p className={'text-center py-8 bg-gray-50 dark:bg-dark-800'}>Veri yok</p>
)} )}
</div> </div>
</CardBox> </CardBox>
<CardBoxModal <CardBoxModal
title='Please confirm' title='Lütfen onaylayın'
buttonColor='info' buttonColor='info'
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={!!itemIdToDelete} isActive={!!itemIdToDelete}
onConfirm={onDeleteConfirm} onConfirm={onDeleteOnayla}
onCancel={() => setItemIdToDelete('')} onCancel={() => setItemIdToDelete('')}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
</> </>
); );

20
frontend/src/components/Leads/CardLeads.tsx
View File

@ -78,7 +78,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>LeadTitle</dt> <dt className=' text-gray-500 dark:text-dark-600'>Potansiyel Müşteri Başlığı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.title } { item.title }
@ -90,7 +90,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Source</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kaynak</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.source } { item.source }
@ -102,7 +102,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -114,7 +114,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>EstimatedValue</dt> <dt className=' text-gray-500 dark:text-dark-600'>Tahmini Tutar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.estimated_value } { item.estimated_value }
@ -126,7 +126,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Description</dt> <dt className=' text-gray-500 dark:text-dark-600'>Açıklama</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.description } { item.description }
@ -138,7 +138,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Company</dt> <dt className=' text-gray-500 dark:text-dark-600'>Şirket</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.companiesOneListFormatter(item.company) } { dataFormatter.companiesOneListFormatter(item.company) }
@ -150,7 +150,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PrimaryContact</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ana Yetkili</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.contactsOneListFormatter(item.primary_contact) } { dataFormatter.contactsOneListFormatter(item.primary_contact) }
@ -162,7 +162,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Owner</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sorumlu Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.owner) } { dataFormatter.usersOneListFormatter(item.owner) }
@ -210,7 +210,7 @@ const CardLeads = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ClosedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kapanış Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.closed_at) } { dataFormatter.dateTimeFormatter(item.closed_at) }
@ -225,7 +225,7 @@ const CardLeads = ({
))} ))}
{!loading && leads.length === 0 && ( {!loading && leads.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

20
frontend/src/components/Leads/ListLeads.tsx
View File

@ -48,7 +48,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>LeadTitle</p> <p className={'text-xs text-gray-500 '}>Potansiyel Müşteri Başlığı</p>
<p className={'line-clamp-2'}>{ item.title }</p> <p className={'line-clamp-2'}>{ item.title }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Source</p> <p className={'text-xs text-gray-500 '}>Kaynak</p>
<p className={'line-clamp-2'}>{ item.source }</p> <p className={'line-clamp-2'}>{ item.source }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>EstimatedValue</p> <p className={'text-xs text-gray-500 '}>Tahmini Tutar</p>
<p className={'line-clamp-2'}>{ item.estimated_value }</p> <p className={'line-clamp-2'}>{ item.estimated_value }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Description</p> <p className={'text-xs text-gray-500 '}>Açıklama</p>
<p className={'line-clamp-2'}>{ item.description }</p> <p className={'line-clamp-2'}>{ item.description }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Company</p> <p className={'text-xs text-gray-500 '}>Şirket</p>
<p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p> <p className={'line-clamp-2'}>{ dataFormatter.companiesOneListFormatter(item.company) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PrimaryContact</p> <p className={'text-xs text-gray-500 '}>Ana Yetkili</p>
<p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.primary_contact) }</p> <p className={'line-clamp-2'}>{ dataFormatter.contactsOneListFormatter(item.primary_contact) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Owner</p> <p className={'text-xs text-gray-500 '}>Sorumlu Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p>
</div> </div>
@ -136,7 +136,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ClosedAt</p> <p className={'text-xs text-gray-500 '}>Kapanış Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.closed_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.closed_at) }</p>
</div> </div>
@ -158,7 +158,7 @@ const ListLeads = ({ leads, loading, onDelete, currentPage, numPages, onPageChan
))} ))}
{!loading && leads.length === 0 && ( {!loading && leads.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Leads/TableLeads.tsx
View File

@ -307,7 +307,7 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -331,7 +331,7 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -341,7 +341,7 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -356,22 +356,22 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -386,12 +386,12 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -399,11 +399,11 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='Bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -413,11 +413,11 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerir'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -425,12 +425,12 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -443,13 +443,13 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -459,14 +459,14 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -493,7 +493,7 @@ const TableSampleLeads = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`${selectedRows.length} satırı sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

20
frontend/src/components/Leads/configureLeadsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'title', field: 'title',
headerName: 'LeadTitle', headerName: 'Potansiyel Başlığı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'source', field: 'source',
headerName: 'Source', headerName: 'Kaynak',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'estimated_value', field: 'estimated_value',
headerName: 'EstimatedValue', headerName: 'Tahmini Değer',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -104,7 +104,7 @@ export const loadColumns = async (
{ {
field: 'description', field: 'description',
headerName: 'Description', headerName: 'Açıklama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -119,7 +119,7 @@ export const loadColumns = async (
{ {
field: 'company', field: 'company',
headerName: 'Company', headerName: 'Şirket',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -141,7 +141,7 @@ export const loadColumns = async (
{ {
field: 'primary_contact', field: 'primary_contact',
headerName: 'PrimaryContact', headerName: 'Ana Kontak',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -163,7 +163,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -207,7 +207,7 @@ export const loadColumns = async (
{ {
field: 'stage', field: 'stage',
headerName: 'Stage', headerName: 'Aşama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -247,7 +247,7 @@ export const loadColumns = async (
{ {
field: 'closed_at', field: 'closed_at',
headerName: 'ClosedAt', headerName: 'Kapanış Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

6
frontend/src/components/ListActionsPopover.tsx
View File

@ -81,7 +81,7 @@ const ListActionsPopover = ({
href={linkView} href={linkView}
sx={{ justifyContent: "start" }} sx={{ justifyContent: "start" }}
> >
View Görüntüle
</Button> </Button>
{hasUpdatePermission && ( {hasUpdatePermission && (
<Button <Button
@ -90,7 +90,7 @@ const ListActionsPopover = ({
href={linkEdit} href={linkEdit}
sx={{ justifyContent: "start" }} sx={{ justifyContent: "start" }}
> >
Edit Düzenle
</Button> </Button>
)} )}
{hasUpdatePermission && ( {hasUpdatePermission && (
@ -103,7 +103,7 @@ const ListActionsPopover = ({
}} }}
sx={{ justifyContent: "start" }} sx={{ justifyContent: "start" }}
> >
Delete Sil
</Button> </Button>
)} )}
</div> </div>

18
frontend/src/components/Machines/CardMachines.tsx
View File

@ -78,7 +78,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>MachineName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Makine Adı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.name } { item.name }
@ -90,7 +90,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Code</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kod</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.code } { item.code }
@ -102,7 +102,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>MachineType</dt> <dt className=' text-gray-500 dark:text-dark-600'>Makine Türü</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.machine_type } { item.machine_type }
@ -114,7 +114,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -126,7 +126,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>LastMaintenanceAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Son Bakım Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.last_maintenance_at) } { dataFormatter.dateTimeFormatter(item.last_maintenance_at) }
@ -138,7 +138,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>NextMaintenanceAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sonraki Bakım Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.next_maintenance_at) } { dataFormatter.dateTimeFormatter(item.next_maintenance_at) }
@ -150,7 +150,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Notes</dt> <dt className=' text-gray-500 dark:text-dark-600'>Notlar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.notes } { item.notes }
@ -162,7 +162,7 @@ const CardMachines = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Owner</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sorumlu Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.owner) } { dataFormatter.usersOneListFormatter(item.owner) }
@ -177,7 +177,7 @@ const CardMachines = ({
))} ))}
{!loading && machines.length === 0 && ( {!loading && machines.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

18
frontend/src/components/Machines/ListMachines.tsx
View File

@ -48,7 +48,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>MachineName</p> <p className={'text-xs text-gray-500 '}>Makine Adı</p>
<p className={'line-clamp-2'}>{ item.name }</p> <p className={'line-clamp-2'}>{ item.name }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Code</p> <p className={'text-xs text-gray-500 '}>Kod</p>
<p className={'line-clamp-2'}>{ item.code }</p> <p className={'line-clamp-2'}>{ item.code }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>MachineType</p> <p className={'text-xs text-gray-500 '}>Makine Türü</p>
<p className={'line-clamp-2'}>{ item.machine_type }</p> <p className={'line-clamp-2'}>{ item.machine_type }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>LastMaintenanceAt</p> <p className={'text-xs text-gray-500 '}>Son Bakım Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.last_maintenance_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.last_maintenance_at) }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>NextMaintenanceAt</p> <p className={'text-xs text-gray-500 '}>Sonraki Bakım Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.next_maintenance_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.next_maintenance_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Notes</p> <p className={'text-xs text-gray-500 '}>Notlar</p>
<p className={'line-clamp-2'}>{ item.notes }</p> <p className={'line-clamp-2'}>{ item.notes }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Owner</p> <p className={'text-xs text-gray-500 '}>Sorumlu Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p>
</div> </div>
@ -126,7 +126,7 @@ const ListMachines = ({ machines, loading, onDelete, currentPage, numPages, onPa
))} ))}
{!loading && machines.length === 0 && ( {!loading && machines.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Machines/TableMachines.tsx
View File

@ -277,7 +277,7 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,22 +326,22 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -356,12 +356,12 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,11 +369,11 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -383,11 +383,11 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleMachines = ({ filterItems, setFilterItems, filters, showGrid })
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

16
frontend/src/components/Machines/configureMachinesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'MachineName', headerName: 'Makine Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'code', field: 'code',
headerName: 'Code', headerName: 'Kod',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'machine_type', field: 'machine_type',
headerName: 'MachineType', headerName: 'Makine Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'last_maintenance_at', field: 'last_maintenance_at',
headerName: 'LastMaintenanceAt', headerName: 'Son Bakım Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -121,7 +121,7 @@ export const loadColumns = async (
{ {
field: 'next_maintenance_at', field: 'next_maintenance_at',
headerName: 'NextMaintenanceAt', headerName: 'Sonraki Bakım Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -139,7 +139,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -154,7 +154,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

24
frontend/src/components/Materials/CardMaterials.tsx
View File

@ -78,7 +78,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>SKU</dt> <dt className=' text-gray-500 dark:text-dark-600'>Stok Kodu</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.sku } { item.sku }
@ -90,7 +90,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>MaterialName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Malzeme Adı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.name } { item.name }
@ -102,7 +102,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>MaterialType</dt> <dt className=' text-gray-500 dark:text-dark-600'>Malzeme Türü</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.material_type } { item.material_type }
@ -114,7 +114,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>UnitofMeasure</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ölçü Birimi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.unit_of_measure } { item.unit_of_measure }
@ -126,7 +126,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>StandardCost</dt> <dt className=' text-gray-500 dark:text-dark-600'>Standart Maliyet</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.standard_cost } { item.standard_cost }
@ -138,7 +138,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ReorderPoint</dt> <dt className=' text-gray-500 dark:text-dark-600'>Yeniden Sipariş Noktası</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.reorder_point } { item.reorder_point }
@ -150,7 +150,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ReorderQuantity</dt> <dt className=' text-gray-500 dark:text-dark-600'>Yeniden Sipariş Miktarı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.reorder_quantity } { item.reorder_quantity }
@ -162,7 +162,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -174,7 +174,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PreferredVendor</dt> <dt className=' text-gray-500 dark:text-dark-600'>Tercih Edilen Tedarikçi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.vendorsOneListFormatter(item.preferred_vendor) } { dataFormatter.vendorsOneListFormatter(item.preferred_vendor) }
@ -186,7 +186,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Specification</dt> <dt className=' text-gray-500 dark:text-dark-600'>Teknik Özellik</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.specification } { item.specification }
@ -198,7 +198,7 @@ const CardMaterials = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>SpecFiles</dt> <dt className=' text-gray-500 dark:text-dark-600'>Teknik Dosyalar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium'> <div className='font-medium'>
{dataFormatter.filesFormatter(item.spec_files).map(link => ( {dataFormatter.filesFormatter(item.spec_files).map(link => (
@ -220,7 +220,7 @@ const CardMaterials = ({
))} ))}
{!loading && materials.length === 0 && ( {!loading && materials.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

24
frontend/src/components/Materials/ListMaterials.tsx
View File

@ -48,7 +48,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>SKU</p> <p className={'text-xs text-gray-500 '}>Stok Kodu</p>
<p className={'line-clamp-2'}>{ item.sku }</p> <p className={'line-clamp-2'}>{ item.sku }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>MaterialName</p> <p className={'text-xs text-gray-500 '}>Malzeme Adı</p>
<p className={'line-clamp-2'}>{ item.name }</p> <p className={'line-clamp-2'}>{ item.name }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>MaterialType</p> <p className={'text-xs text-gray-500 '}>Malzeme Türü</p>
<p className={'line-clamp-2'}>{ item.material_type }</p> <p className={'line-clamp-2'}>{ item.material_type }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>UnitofMeasure</p> <p className={'text-xs text-gray-500 '}>Ölçü Birimi</p>
<p className={'line-clamp-2'}>{ item.unit_of_measure }</p> <p className={'line-clamp-2'}>{ item.unit_of_measure }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>StandardCost</p> <p className={'text-xs text-gray-500 '}>Standart Maliyet</p>
<p className={'line-clamp-2'}>{ item.standard_cost }</p> <p className={'line-clamp-2'}>{ item.standard_cost }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ReorderPoint</p> <p className={'text-xs text-gray-500 '}>Yeniden Sipariş Noktası</p>
<p className={'line-clamp-2'}>{ item.reorder_point }</p> <p className={'line-clamp-2'}>{ item.reorder_point }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ReorderQuantity</p> <p className={'text-xs text-gray-500 '}>Yeniden Sipariş Miktarı</p>
<p className={'line-clamp-2'}>{ item.reorder_quantity }</p> <p className={'line-clamp-2'}>{ item.reorder_quantity }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PreferredVendor</p> <p className={'text-xs text-gray-500 '}>Tercih Edilen Tedarikçi</p>
<p className={'line-clamp-2'}>{ dataFormatter.vendorsOneListFormatter(item.preferred_vendor) }</p> <p className={'line-clamp-2'}>{ dataFormatter.vendorsOneListFormatter(item.preferred_vendor) }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Specification</p> <p className={'text-xs text-gray-500 '}>Teknik Özellik</p>
<p className={'line-clamp-2'}>{ item.specification }</p> <p className={'line-clamp-2'}>{ item.specification }</p>
</div> </div>
@ -128,7 +128,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>SpecFiles</p> <p className={'text-xs text-gray-500 '}>Teknik Dosyalar</p>
{dataFormatter.filesFormatter(item.spec_files).map(link => ( {dataFormatter.filesFormatter(item.spec_files).map(link => (
<button <button
key={link.publicUrl} key={link.publicUrl}
@ -157,7 +157,7 @@ const ListMaterials = ({ materials, loading, onDelete, currentPage, numPages, on
))} ))}
{!loading && materials.length === 0 && ( {!loading && materials.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Materials/TableMaterials.tsx
View File

@ -277,7 +277,7 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,22 +326,22 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -356,12 +356,12 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,11 +369,11 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -383,11 +383,11 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleMaterials = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

22
frontend/src/components/Materials/configureMaterialsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'sku', field: 'sku',
headerName: 'SKU', headerName: 'Stok Kodu',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'MaterialName', headerName: 'Malzeme Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'material_type', field: 'material_type',
headerName: 'MaterialType', headerName: 'Malzeme Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'unit_of_measure', field: 'unit_of_measure',
headerName: 'UnitofMeasure', headerName: 'Ölçü Birimi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -103,7 +103,7 @@ export const loadColumns = async (
{ {
field: 'standard_cost', field: 'standard_cost',
headerName: 'StandardCost', headerName: 'Standart Maliyet',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -119,7 +119,7 @@ export const loadColumns = async (
{ {
field: 'reorder_point', field: 'reorder_point',
headerName: 'ReorderPoint', headerName: 'Yeniden Sipariş Noktası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -135,7 +135,7 @@ export const loadColumns = async (
{ {
field: 'reorder_quantity', field: 'reorder_quantity',
headerName: 'ReorderQuantity', headerName: 'Yeniden Sipariş Miktarı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -151,7 +151,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -166,7 +166,7 @@ export const loadColumns = async (
{ {
field: 'preferred_vendor', field: 'preferred_vendor',
headerName: 'PreferredVendor', headerName: 'Tercih Edilen Tedarikçi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -188,7 +188,7 @@ export const loadColumns = async (
{ {
field: 'specification', field: 'specification',
headerName: 'Specification', headerName: 'Teknik Özellik',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -203,7 +203,7 @@ export const loadColumns = async (
{ {
field: 'spec_files', field: 'spec_files',
headerName: 'SpecFiles', headerName: 'Teknik Dosyalar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

6
frontend/src/components/Nonconformances/CardNonconformances.tsx
View File

@ -162,7 +162,7 @@ const CardNonconformances = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>CorrectiveAction</dt> <dt className=' text-gray-500 dark:text-dark-600'>Düzeltici İşlem</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.corrective_action } { item.corrective_action }
@ -174,7 +174,7 @@ const CardNonconformances = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>DueAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Termin Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.due_at) } { dataFormatter.dateTimeFormatter(item.due_at) }
@ -220,7 +220,7 @@ const CardNonconformances = ({
))} ))}
{!loading && nonconformances.length === 0 && ( {!loading && nonconformances.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

6
frontend/src/components/Nonconformances/ListNonconformances.tsx
View File

@ -104,7 +104,7 @@ const ListNonconformances = ({ nonconformances, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>CorrectiveAction</p> <p className={'text-xs text-gray-500 '}>Düzeltici İşlem</p>
<p className={'line-clamp-2'}>{ item.corrective_action }</p> <p className={'line-clamp-2'}>{ item.corrective_action }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListNonconformances = ({ nonconformances, loading, onDelete, currentPage,
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>DueAt</p> <p className={'text-xs text-gray-500 '}>Termin Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.due_at) }</p>
</div> </div>
@ -157,7 +157,7 @@ const ListNonconformances = ({ nonconformances, loading, onDelete, currentPage,
))} ))}
{!loading && nonconformances.length === 0 && ( {!loading && nonconformances.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Nonconformances/TableNonconformances.tsx
View File

@ -308,7 +308,7 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -332,7 +332,7 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -342,7 +342,7 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -357,18 +357,18 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -387,12 +387,12 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -400,7 +400,7 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -414,11 +414,11 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -426,12 +426,12 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -444,13 +444,13 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -460,14 +460,14 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -494,7 +494,7 @@ const TableSampleNonconformances = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

22
frontend/src/components/Nonconformances/configureNonconformancesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'ncr_number', field: 'ncr_number',
headerName: 'NCRNumber', headerName: 'Uygunsuzluk No',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'severity', field: 'severity',
headerName: 'Severity', headerName: 'Şiddet',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'inspection', field: 'inspection',
headerName: 'Inspection', headerName: 'Kontrol',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -110,7 +110,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -132,7 +132,7 @@ export const loadColumns = async (
{ {
field: 'description', field: 'description',
headerName: 'Description', headerName: 'Açıklama',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -147,7 +147,7 @@ export const loadColumns = async (
{ {
field: 'root_cause', field: 'root_cause',
headerName: 'RootCause', headerName: 'Kök Neden',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -162,7 +162,7 @@ export const loadColumns = async (
{ {
field: 'corrective_action', field: 'corrective_action',
headerName: 'CorrectiveAction', headerName: 'Düzeltici Faaliyet',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -177,7 +177,7 @@ export const loadColumns = async (
{ {
field: 'due_at', field: 'due_at',
headerName: 'DueAt', headerName: 'Termin Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -195,7 +195,7 @@ export const loadColumns = async (
{ {
field: 'closed_at', field: 'closed_at',
headerName: 'ClosedAt', headerName: 'Kapanış Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -213,7 +213,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Organizations/CardOrganizations.tsx
View File

@ -93,7 +93,7 @@ const CardOrganizations = ({
))} ))}
{!loading && organizations.length === 0 && ( {!loading && organizations.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Organizations/ListOrganizations.tsx
View File

@ -70,7 +70,7 @@ const ListOrganizations = ({ organizations, loading, onDelete, currentPage, numP
))} ))}
{!loading && organizations.length === 0 && ( {!loading && organizations.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Organizations/TableOrganizations.tsx
View File

@ -277,7 +277,7 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleOrganizations = ({ filterItems, setFilterItems, filters, showGr
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

2
frontend/src/components/Organizations/configureOrganizationsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'Name', headerName: 'Organizasyon Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Permissions/CardPermissions.tsx
View File

@ -93,7 +93,7 @@ const CardPermissions = ({
))} ))}
{!loading && permissions.length === 0 && ( {!loading && permissions.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Permissions/ListPermissions.tsx
View File

@ -70,7 +70,7 @@ const ListPermissions = ({ permissions, loading, onDelete, currentPage, numPages
))} ))}
{!loading && permissions.length === 0 && ( {!loading && permissions.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Permissions/TablePermissions.tsx
View File

@ -277,7 +277,7 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSamplePermissions = ({ filterItems, setFilterItems, filters, showGrid
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

2
frontend/src/components/Permissions/configurePermissionsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'Name', headerName: 'Yetki Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Pipeline_stages/CardPipeline_stages.tsx
View File

@ -141,7 +141,7 @@ const CardPipeline_stages = ({
))} ))}
{!loading && pipeline_stages.length === 0 && ( {!loading && pipeline_stages.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Pipeline_stages/ListPipeline_stages.tsx
View File

@ -102,7 +102,7 @@ const ListPipeline_stages = ({ pipeline_stages, loading, onDelete, currentPage,
))} ))}
{!loading && pipeline_stages.length === 0 && ( {!loading && pipeline_stages.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Pipeline_stages/TablePipeline_stages.tsx
View File

@ -277,7 +277,7 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSamplePipeline_stages = ({ filterItems, setFilterItems, filters, show
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

8
frontend/src/components/Pipeline_stages/configurePipeline_stagesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'StageName', headerName: 'Aşama Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'sort_order', field: 'sort_order',
headerName: 'SortOrder', headerName: 'Sıralama No',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -74,7 +74,7 @@ export const loadColumns = async (
{ {
field: 'stage_type', field: 'stage_type',
headerName: 'StageType', headerName: 'Aşama Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -111,7 +111,7 @@ export const loadColumns = async (
{ {
field: 'is_active', field: 'is_active',
headerName: 'IsActive', headerName: 'Aktif',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Pipelines/CardPipelines.tsx
View File

@ -129,7 +129,7 @@ const CardPipelines = ({
))} ))}
{!loading && pipelines.length === 0 && ( {!loading && pipelines.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Pipelines/ListPipelines.tsx
View File

@ -94,7 +94,7 @@ const ListPipelines = ({ pipelines, loading, onDelete, currentPage, numPages, on
))} ))}
{!loading && pipelines.length === 0 && ( {!loading && pipelines.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Pipelines/TablePipelines.tsx
View File

@ -279,7 +279,7 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -303,7 +303,7 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -313,7 +313,7 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -328,18 +328,18 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -358,12 +358,12 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -371,7 +371,7 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -385,11 +385,11 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -397,12 +397,12 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -415,13 +415,13 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -431,14 +431,14 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -463,7 +463,7 @@ const TableSamplePipelines = ({ filterItems, setFilterItems, filters, showGrid }
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

8
frontend/src/components/Pipelines/configurePipelinesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'PipelineName', headerName: 'Pipeline Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'module', field: 'module',
headerName: 'Module', headerName: 'Modül',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -95,7 +95,7 @@ export const loadColumns = async (
{ {
field: 'is_default', field: 'is_default',
headerName: 'IsDefault', headerName: 'Varsayılan',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

32
frontend/src/components/Production_operations/CardProduction_operations.tsx
View File

@ -78,7 +78,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>OperationName</dt> <dt className=' text-gray-500 dark:text-dark-600'>Operasyon Adı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.name } { item.name }
@ -90,7 +90,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Sequence</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sıra</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.sequence } { item.sequence }
@ -102,7 +102,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -114,7 +114,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ScheduledStartAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Başlangıç Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.scheduled_start_at) } { dataFormatter.dateTimeFormatter(item.scheduled_start_at) }
@ -126,7 +126,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ScheduledEndAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Bitiş Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.scheduled_end_at) } { dataFormatter.dateTimeFormatter(item.scheduled_end_at) }
@ -138,7 +138,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>StartedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Başlangıç Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.started_at) } { dataFormatter.dateTimeFormatter(item.started_at) }
@ -150,7 +150,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>EndedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Bitiş Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.ended_at) } { dataFormatter.dateTimeFormatter(item.ended_at) }
@ -162,7 +162,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ProductionOrder</dt> <dt className=' text-gray-500 dark:text-dark-600'>Üretim Emri</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.production_ordersOneListFormatter(item.production_order) } { dataFormatter.production_ordersOneListFormatter(item.production_order) }
@ -174,7 +174,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Machine</dt> <dt className=' text-gray-500 dark:text-dark-600'>Makine</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.machinesOneListFormatter(item.machine) } { dataFormatter.machinesOneListFormatter(item.machine) }
@ -186,7 +186,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>AssignedTo</dt> <dt className=' text-gray-500 dark:text-dark-600'>Atanan Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.assigned_to) } { dataFormatter.usersOneListFormatter(item.assigned_to) }
@ -198,7 +198,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PlannedQuantity</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Miktar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.planned_quantity } { item.planned_quantity }
@ -210,7 +210,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>GoodQuantity</dt> <dt className=' text-gray-500 dark:text-dark-600'>Uygun Miktar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.good_quantity } { item.good_quantity }
@ -222,7 +222,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ScrapQuantity</dt> <dt className=' text-gray-500 dark:text-dark-600'>Hurda Miktarı</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.scrap_quantity } { item.scrap_quantity }
@ -234,7 +234,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>WorkInstructions</dt> <dt className=' text-gray-500 dark:text-dark-600'>İş Talimatları</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.work_instructions } { item.work_instructions }
@ -246,7 +246,7 @@ const CardProduction_operations = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Attachments</dt> <dt className=' text-gray-500 dark:text-dark-600'>Ekler</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium'> <div className='font-medium'>
{dataFormatter.filesFormatter(item.attachments).map(link => ( {dataFormatter.filesFormatter(item.attachments).map(link => (
@ -268,7 +268,7 @@ const CardProduction_operations = ({
))} ))}
{!loading && production_operations.length === 0 && ( {!loading && production_operations.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

32
frontend/src/components/Production_operations/ListProduction_operations.tsx
View File

@ -48,7 +48,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>OperationName</p> <p className={'text-xs text-gray-500 '}>Operasyon Adı</p>
<p className={'line-clamp-2'}>{ item.name }</p> <p className={'line-clamp-2'}>{ item.name }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Sequence</p> <p className={'text-xs text-gray-500 '}>Sıra</p>
<p className={'line-clamp-2'}>{ item.sequence }</p> <p className={'line-clamp-2'}>{ item.sequence }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ScheduledStartAt</p> <p className={'text-xs text-gray-500 '}>Planlanan Başlangıç Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_start_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_start_at) }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ScheduledEndAt</p> <p className={'text-xs text-gray-500 '}>Planlanan Bitiş Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_end_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_end_at) }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>StartedAt</p> <p className={'text-xs text-gray-500 '}>Başlangıç Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.started_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.started_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>EndedAt</p> <p className={'text-xs text-gray-500 '}>Bitiş Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.ended_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.ended_at) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ProductionOrder</p> <p className={'text-xs text-gray-500 '}>Üretim Emri</p>
<p className={'line-clamp-2'}>{ dataFormatter.production_ordersOneListFormatter(item.production_order) }</p> <p className={'line-clamp-2'}>{ dataFormatter.production_ordersOneListFormatter(item.production_order) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Machine</p> <p className={'text-xs text-gray-500 '}>Makine</p>
<p className={'line-clamp-2'}>{ dataFormatter.machinesOneListFormatter(item.machine) }</p> <p className={'line-clamp-2'}>{ dataFormatter.machinesOneListFormatter(item.machine) }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>AssignedTo</p> <p className={'text-xs text-gray-500 '}>Atanan Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.assigned_to) }</p>
</div> </div>
@ -128,7 +128,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PlannedQuantity</p> <p className={'text-xs text-gray-500 '}>Planlanan Miktar</p>
<p className={'line-clamp-2'}>{ item.planned_quantity }</p> <p className={'line-clamp-2'}>{ item.planned_quantity }</p>
</div> </div>
@ -136,7 +136,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>GoodQuantity</p> <p className={'text-xs text-gray-500 '}>Uygun Miktar</p>
<p className={'line-clamp-2'}>{ item.good_quantity }</p> <p className={'line-clamp-2'}>{ item.good_quantity }</p>
</div> </div>
@ -144,7 +144,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ScrapQuantity</p> <p className={'text-xs text-gray-500 '}>Hurda Miktarı</p>
<p className={'line-clamp-2'}>{ item.scrap_quantity }</p> <p className={'line-clamp-2'}>{ item.scrap_quantity }</p>
</div> </div>
@ -152,7 +152,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>WorkInstructions</p> <p className={'text-xs text-gray-500 '}>İş Talimatları</p>
<p className={'line-clamp-2'}>{ item.work_instructions }</p> <p className={'line-clamp-2'}>{ item.work_instructions }</p>
</div> </div>
@ -160,7 +160,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Attachments</p> <p className={'text-xs text-gray-500 '}>Ekler</p>
{dataFormatter.filesFormatter(item.attachments).map(link => ( {dataFormatter.filesFormatter(item.attachments).map(link => (
<button <button
key={link.publicUrl} key={link.publicUrl}
@ -189,7 +189,7 @@ const ListProduction_operations = ({ production_operations, loading, onDelete, c
))} ))}
{!loading && production_operations.length === 0 && ( {!loading && production_operations.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Production_operations/TableProduction_operations.tsx
View File

@ -310,7 +310,7 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -334,7 +334,7 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -344,7 +344,7 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -359,22 +359,22 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -389,12 +389,12 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -402,11 +402,11 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -416,11 +416,11 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -428,12 +428,12 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -446,13 +446,13 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -462,14 +462,14 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -496,7 +496,7 @@ const TableSampleProduction_operations = ({ filterItems, setFilterItems, filters
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

30
frontend/src/components/Production_operations/configureProduction_operationsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'OperationName', headerName: 'Operasyon Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'sequence', field: 'sequence',
headerName: 'Sequence', headerName: 'Sıra',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -74,7 +74,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -89,7 +89,7 @@ export const loadColumns = async (
{ {
field: 'scheduled_start_at', field: 'scheduled_start_at',
headerName: 'ScheduledStartAt', headerName: 'Planlanan Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -107,7 +107,7 @@ export const loadColumns = async (
{ {
field: 'scheduled_end_at', field: 'scheduled_end_at',
headerName: 'ScheduledEndAt', headerName: 'Planlanan Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -125,7 +125,7 @@ export const loadColumns = async (
{ {
field: 'started_at', field: 'started_at',
headerName: 'StartedAt', headerName: 'Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -143,7 +143,7 @@ export const loadColumns = async (
{ {
field: 'ended_at', field: 'ended_at',
headerName: 'EndedAt', headerName: 'Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -161,7 +161,7 @@ export const loadColumns = async (
{ {
field: 'production_order', field: 'production_order',
headerName: 'ProductionOrder', headerName: 'Üretim Emri',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -183,7 +183,7 @@ export const loadColumns = async (
{ {
field: 'machine', field: 'machine',
headerName: 'Machine', headerName: 'Makine',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -205,7 +205,7 @@ export const loadColumns = async (
{ {
field: 'assigned_to', field: 'assigned_to',
headerName: 'AssignedTo', headerName: 'Atanan Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -227,7 +227,7 @@ export const loadColumns = async (
{ {
field: 'planned_quantity', field: 'planned_quantity',
headerName: 'PlannedQuantity', headerName: 'Planlanan Miktar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -243,7 +243,7 @@ export const loadColumns = async (
{ {
field: 'good_quantity', field: 'good_quantity',
headerName: 'GoodQuantity', headerName: 'Uygun Miktar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -259,7 +259,7 @@ export const loadColumns = async (
{ {
field: 'scrap_quantity', field: 'scrap_quantity',
headerName: 'ScrapQuantity', headerName: 'Hurda Miktarı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -275,7 +275,7 @@ export const loadColumns = async (
{ {
field: 'work_instructions', field: 'work_instructions',
headerName: 'WorkInstructions', headerName: 'İş Talimatları',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -290,7 +290,7 @@ export const loadColumns = async (
{ {
field: 'attachments', field: 'attachments',
headerName: 'Attachments', headerName: 'Ekler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

20
frontend/src/components/Production_orders/CardProduction_orders.tsx
View File

@ -78,7 +78,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>OrderNumber</dt> <dt className=' text-gray-500 dark:text-dark-600'>Emir Numarası</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.order_number } { item.order_number }
@ -90,7 +90,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Status</dt> <dt className=' text-gray-500 dark:text-dark-600'>Durum</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.status } { item.status }
@ -102,7 +102,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PlannedStartAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Başlangıç Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.planned_start_at) } { dataFormatter.dateTimeFormatter(item.planned_start_at) }
@ -114,7 +114,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>PlannedEndAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Bitiş Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.planned_end_at) } { dataFormatter.dateTimeFormatter(item.planned_end_at) }
@ -126,7 +126,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ActualStartAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Gerçek Başlangıç Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.actual_start_at) } { dataFormatter.dateTimeFormatter(item.actual_start_at) }
@ -138,7 +138,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ActualEndAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Gerçek Bitiş Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.actual_end_at) } { dataFormatter.dateTimeFormatter(item.actual_end_at) }
@ -150,7 +150,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Owner</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sorumlu Kişi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.owner) } { dataFormatter.usersOneListFormatter(item.owner) }
@ -162,7 +162,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>RelatedDeal</dt> <dt className=' text-gray-500 dark:text-dark-600'>İlgili Fırsat</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dealsOneListFormatter(item.deal) } { dataFormatter.dealsOneListFormatter(item.deal) }
@ -174,7 +174,7 @@ const CardProduction_orders = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Notes</dt> <dt className=' text-gray-500 dark:text-dark-600'>Notlar</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.notes } { item.notes }
@ -189,7 +189,7 @@ const CardProduction_orders = ({
))} ))}
{!loading && production_orders.length === 0 && ( {!loading && production_orders.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

20
frontend/src/components/Production_orders/ListProduction_orders.tsx
View File

@ -48,7 +48,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>OrderNumber</p> <p className={'text-xs text-gray-500 '}>Emir Numarası</p>
<p className={'line-clamp-2'}>{ item.order_number }</p> <p className={'line-clamp-2'}>{ item.order_number }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Status</p> <p className={'text-xs text-gray-500 '}>Durum</p>
<p className={'line-clamp-2'}>{ item.status }</p> <p className={'line-clamp-2'}>{ item.status }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PlannedStartAt</p> <p className={'text-xs text-gray-500 '}>Planlanan Başlangıç Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.planned_start_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.planned_start_at) }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>PlannedEndAt</p> <p className={'text-xs text-gray-500 '}>Planlanan Bitiş Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.planned_end_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.planned_end_at) }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ActualStartAt</p> <p className={'text-xs text-gray-500 '}>Gerçek Başlangıç Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.actual_start_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.actual_start_at) }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ActualEndAt</p> <p className={'text-xs text-gray-500 '}>Gerçek Bitiş Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.actual_end_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.actual_end_at) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Owner</p> <p className={'text-xs text-gray-500 '}>Sorumlu Kişi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.owner) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>RelatedDeal</p> <p className={'text-xs text-gray-500 '}>İlgili Fırsat</p>
<p className={'line-clamp-2'}>{ dataFormatter.dealsOneListFormatter(item.deal) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dealsOneListFormatter(item.deal) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Notes</p> <p className={'text-xs text-gray-500 '}>Notlar</p>
<p className={'line-clamp-2'}>{ item.notes }</p> <p className={'line-clamp-2'}>{ item.notes }</p>
</div> </div>
@ -134,7 +134,7 @@ const ListProduction_orders = ({ production_orders, loading, onDelete, currentPa
))} ))}
{!loading && production_orders.length === 0 && ( {!loading && production_orders.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Production_orders/TableProduction_orders.tsx
View File

@ -286,7 +286,7 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -310,7 +310,7 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -320,7 +320,7 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -335,22 +335,22 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -365,12 +365,12 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -378,11 +378,11 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -392,11 +392,11 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -404,12 +404,12 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -422,13 +422,13 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -438,14 +438,14 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -476,7 +476,7 @@ const TableSampleProduction_orders = ({ filterItems, setFilterItems, filters, sh
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

18
frontend/src/components/Production_orders/configureProduction_ordersCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'order_number', field: 'order_number',
headerName: 'OrderNumber', headerName: 'Emir Numarası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'status', field: 'status',
headerName: 'Status', headerName: 'Durum',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'planned_start_at', field: 'planned_start_at',
headerName: 'PlannedStartAt', headerName: 'Planlanan Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -91,7 +91,7 @@ export const loadColumns = async (
{ {
field: 'planned_end_at', field: 'planned_end_at',
headerName: 'PlannedEndAt', headerName: 'Planlanan Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -109,7 +109,7 @@ export const loadColumns = async (
{ {
field: 'actual_start_at', field: 'actual_start_at',
headerName: 'ActualStartAt', headerName: 'Gerçek Başlangıç Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -127,7 +127,7 @@ export const loadColumns = async (
{ {
field: 'actual_end_at', field: 'actual_end_at',
headerName: 'ActualEndAt', headerName: 'Gerçek Bitiş Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -145,7 +145,7 @@ export const loadColumns = async (
{ {
field: 'owner', field: 'owner',
headerName: 'Owner', headerName: 'Sorumlu Kişi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -167,7 +167,7 @@ export const loadColumns = async (
{ {
field: 'deal', field: 'deal',
headerName: 'RelatedDeal', headerName: 'İlgili Fırsat',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -189,7 +189,7 @@ export const loadColumns = async (
{ {
field: 'notes', field: 'notes',
headerName: 'Notes', headerName: 'Notlar',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

22
frontend/src/components/Quality_inspections/CardQuality_inspections.tsx
View File

@ -78,7 +78,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>InspectionNumber</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kontrol Numarası</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.inspection_number } { item.inspection_number }
@ -90,7 +90,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>InspectionType</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kontrol Türü</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.inspection_type } { item.inspection_type }
@ -102,7 +102,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Result</dt> <dt className=' text-gray-500 dark:text-dark-600'>Sonuç</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.result } { item.result }
@ -114,7 +114,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ScheduledAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Planlanan Tarih</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.scheduled_at) } { dataFormatter.dateTimeFormatter(item.scheduled_at) }
@ -126,7 +126,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>CompletedAt</dt> <dt className=' text-gray-500 dark:text-dark-600'>Tamamlanma Tarihi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.dateTimeFormatter(item.completed_at) } { dataFormatter.dateTimeFormatter(item.completed_at) }
@ -138,7 +138,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>ProductionOrder</dt> <dt className=' text-gray-500 dark:text-dark-600'>Üretim Emri</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.production_ordersOneListFormatter(item.production_order) } { dataFormatter.production_ordersOneListFormatter(item.production_order) }
@ -150,7 +150,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Operation</dt> <dt className=' text-gray-500 dark:text-dark-600'>Operasyon</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.production_operationsOneListFormatter(item.operation) } { dataFormatter.production_operationsOneListFormatter(item.operation) }
@ -162,7 +162,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Inspector</dt> <dt className=' text-gray-500 dark:text-dark-600'>Denetçi</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ dataFormatter.usersOneListFormatter(item.inspector) } { dataFormatter.usersOneListFormatter(item.inspector) }
@ -174,7 +174,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>Findings</dt> <dt className=' text-gray-500 dark:text-dark-600'>Bulgular</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium line-clamp-4'> <div className='font-medium line-clamp-4'>
{ item.findings } { item.findings }
@ -186,7 +186,7 @@ const CardQuality_inspections = ({
<div className='flex justify-between gap-x-4 py-3'> <div className='flex justify-between gap-x-4 py-3'>
<dt className=' text-gray-500 dark:text-dark-600'>EvidenceFiles</dt> <dt className=' text-gray-500 dark:text-dark-600'>Kanıt Dosyaları</dt>
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium'> <div className='font-medium'>
{dataFormatter.filesFormatter(item.evidence_files).map(link => ( {dataFormatter.filesFormatter(item.evidence_files).map(link => (
@ -208,7 +208,7 @@ const CardQuality_inspections = ({
))} ))}
{!loading && quality_inspections.length === 0 && ( {!loading && quality_inspections.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

22
frontend/src/components/Quality_inspections/ListQuality_inspections.tsx
View File

@ -48,7 +48,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>InspectionNumber</p> <p className={'text-xs text-gray-500 '}>Kontrol Numarası</p>
<p className={'line-clamp-2'}>{ item.inspection_number }</p> <p className={'line-clamp-2'}>{ item.inspection_number }</p>
</div> </div>
@ -56,7 +56,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>InspectionType</p> <p className={'text-xs text-gray-500 '}>Kontrol Türü</p>
<p className={'line-clamp-2'}>{ item.inspection_type }</p> <p className={'line-clamp-2'}>{ item.inspection_type }</p>
</div> </div>
@ -64,7 +64,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Result</p> <p className={'text-xs text-gray-500 '}>Sonuç</p>
<p className={'line-clamp-2'}>{ item.result }</p> <p className={'line-clamp-2'}>{ item.result }</p>
</div> </div>
@ -72,7 +72,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ScheduledAt</p> <p className={'text-xs text-gray-500 '}>Planlanan Tarih</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.scheduled_at) }</p>
</div> </div>
@ -80,7 +80,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>CompletedAt</p> <p className={'text-xs text-gray-500 '}>Tamamlanma Tarihi</p>
<p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.completed_at) }</p> <p className={'line-clamp-2'}>{ dataFormatter.dateTimeFormatter(item.completed_at) }</p>
</div> </div>
@ -88,7 +88,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>ProductionOrder</p> <p className={'text-xs text-gray-500 '}>Üretim Emri</p>
<p className={'line-clamp-2'}>{ dataFormatter.production_ordersOneListFormatter(item.production_order) }</p> <p className={'line-clamp-2'}>{ dataFormatter.production_ordersOneListFormatter(item.production_order) }</p>
</div> </div>
@ -96,7 +96,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Operation</p> <p className={'text-xs text-gray-500 '}>Operasyon</p>
<p className={'line-clamp-2'}>{ dataFormatter.production_operationsOneListFormatter(item.operation) }</p> <p className={'line-clamp-2'}>{ dataFormatter.production_operationsOneListFormatter(item.operation) }</p>
</div> </div>
@ -104,7 +104,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Inspector</p> <p className={'text-xs text-gray-500 '}>Denetçi</p>
<p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.inspector) }</p> <p className={'line-clamp-2'}>{ dataFormatter.usersOneListFormatter(item.inspector) }</p>
</div> </div>
@ -112,7 +112,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Findings</p> <p className={'text-xs text-gray-500 '}>Bulgular</p>
<p className={'line-clamp-2'}>{ item.findings }</p> <p className={'line-clamp-2'}>{ item.findings }</p>
</div> </div>
@ -120,7 +120,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>EvidenceFiles</p> <p className={'text-xs text-gray-500 '}>Kanıt Dosyaları</p>
{dataFormatter.filesFormatter(item.evidence_files).map(link => ( {dataFormatter.filesFormatter(item.evidence_files).map(link => (
<button <button
key={link.publicUrl} key={link.publicUrl}
@ -149,7 +149,7 @@ const ListQuality_inspections = ({ quality_inspections, loading, onDelete, curre
))} ))}
{!loading && quality_inspections.length === 0 && ( {!loading && quality_inspections.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

42
frontend/src/components/Quality_inspections/TableQuality_inspections.tsx
View File

@ -286,7 +286,7 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -310,7 +310,7 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -320,7 +320,7 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer Seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -335,22 +335,22 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -365,12 +365,12 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -378,11 +378,11 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
placeholder='to' placeholder='bitiş'
id='filterValueTo' id='filterValueTo'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueTo || ''} value={filterItem?.fields?.filterValueTo || ''}
@ -392,11 +392,11 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçeren'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -404,12 +404,12 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -422,13 +422,13 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -438,14 +438,14 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -476,7 +476,7 @@ const TableSampleQuality_inspections = ({ filterItems, setFilterItems, filters,
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

20
frontend/src/components/Quality_inspections/configureQuality_inspectionsCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'inspection_number', field: 'inspection_number',
headerName: 'InspectionNumber', headerName: 'Kontrol Numarası',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'inspection_type', field: 'inspection_type',
headerName: 'InspectionType', headerName: 'Kontrol Türü',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -73,7 +73,7 @@ export const loadColumns = async (
{ {
field: 'result', field: 'result',
headerName: 'Result', headerName: 'Sonuç',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -88,7 +88,7 @@ export const loadColumns = async (
{ {
field: 'scheduled_at', field: 'scheduled_at',
headerName: 'ScheduledAt', headerName: 'Planlanan Tarih',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -106,7 +106,7 @@ export const loadColumns = async (
{ {
field: 'completed_at', field: 'completed_at',
headerName: 'CompletedAt', headerName: 'Tamamlanma Tarihi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -124,7 +124,7 @@ export const loadColumns = async (
{ {
field: 'production_order', field: 'production_order',
headerName: 'ProductionOrder', headerName: 'Üretim Emri',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -146,7 +146,7 @@ export const loadColumns = async (
{ {
field: 'operation', field: 'operation',
headerName: 'Operation', headerName: 'Operasyon',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -168,7 +168,7 @@ export const loadColumns = async (
{ {
field: 'inspector', field: 'inspector',
headerName: 'Inspector', headerName: 'Denetçi',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -190,7 +190,7 @@ export const loadColumns = async (
{ {
field: 'findings', field: 'findings',
headerName: 'Findings', headerName: 'Bulgular',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -205,7 +205,7 @@ export const loadColumns = async (
{ {
field: 'evidence_files', field: 'evidence_files',
headerName: 'EvidenceFiles', headerName: 'Kanıt Dosyaları',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

2
frontend/src/components/Roles/CardRoles.tsx
View File

@ -117,7 +117,7 @@ const CardRoles = ({
))} ))}
{!loading && roles.length === 0 && ( {!loading && roles.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

2
frontend/src/components/Roles/ListRoles.tsx
View File

@ -86,7 +86,7 @@ const ListRoles = ({ roles, loading, onDelete, currentPage, numPages, onPageChan
))} ))}
{!loading && roles.length === 0 && ( {!loading && roles.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Roles/TableRoles.tsx
View File

@ -277,7 +277,7 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleRoles = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

6
frontend/src/components/Roles/configureRolesCols.tsx
View File

@ -43,7 +43,7 @@ export const loadColumns = async (
{ {
field: 'name', field: 'name',
headerName: 'Name', headerName: 'Rol Adı',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -58,7 +58,7 @@ export const loadColumns = async (
{ {
field: 'permissions', field: 'permissions',
headerName: 'Permissions', headerName: 'Yetkiler',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,
@ -78,7 +78,7 @@ export const loadColumns = async (
{ {
field: 'globalAccess', field: 'globalAccess',
headerName: 'Global Access', headerName: 'Genel Erişim',
flex: 1, flex: 1,
minWidth: 120, minWidth: 120,
filterable: false, filterable: false,

6
frontend/src/components/Search.tsx
View File

@ -11,9 +11,9 @@ const Search = () => {
const validateSearch = (value) => { const validateSearch = (value) => {
let error; let error;
if (!value) { if (!value) {
error = 'Required'; error = 'Zorunlu alan';
} else if (value.length < 2) { } else if (value.length < 2) {
error = 'Minimum length: 2 characters'; error = 'Minimum uzunluk: 2 karakter';
} }
return error; return error;
}; };
@ -36,7 +36,7 @@ const Search = () => {
id='search' id='search'
name='search' name='search'
validate={validateSearch} validate={validateSearch}
placeholder='Search' placeholder='Ara'
className={` ${corners} dark:bg-dark-900 ${cardsStyle} dark:border-dark-700 p-2 relative ml-2 w-full dark:placeholder-dark-600 ${focusRing} shadow-none`} className={` ${corners} dark:bg-dark-900 ${cardsStyle} dark:border-dark-700 p-2 relative ml-2 w-full dark:placeholder-dark-600 ${focusRing} shadow-none`}
/> />
{errors.search && touched.search && values.search.length < 2 ? ( {errors.search && touched.search && values.search.length < 2 ? (

64
frontend/src/components/TableSampleClients.tsx
View File

@ -11,18 +11,11 @@ const TableSampleClients = () => {
const { clients } = useSampleClients() const { clients } = useSampleClients()
const perPage = 5 const perPage = 5
const [currentPage, setCurrentPage] = useState(0) const [currentPage, setCurrentPage] = useState(0)
const clientsPaginated = clients.slice(perPage * currentPage, perPage * (currentPage + 1)) const clientsPaginated = clients.slice(perPage * currentPage, perPage * (currentPage + 1))
const numPages = Math.max(1, Math.ceil(clients.length / perPage))
const numPages = clients.length / perPage const pagesList = Array.from({ length: numPages }, (_, index) => index)
const pagesList = []
for (let i = 0; i < numPages; i++) {
pagesList.push(i)
}
const [isModalInfoActive, setIsModalInfoActive] = useState(false) const [isModalInfoActive, setIsModalInfoActive] = useState(false)
const [isModalTrashActive, setIsModalTrashActive] = useState(false) const [isModalTrashActive, setIsModalTrashActive] = useState(false)
@ -35,42 +28,37 @@ const TableSampleClients = () => {
return ( return (
<> <>
<CardBoxModal <CardBoxModal
title="Sample modal" title="Müşteri Özeti"
buttonColor="info" buttonColor="info"
buttonLabel="Done" buttonLabel="Tamam"
isActive={isModalInfoActive} isActive={isModalInfoActive}
onConfirm={handleModalAction} onConfirm={handleModalAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p> <p>Bu örnek pencere, seçilen müşteri için kısa bir özet göstermek amacıyla kullanılır.</p>
Lorem ipsum dolor sit amet <b>adipiscing elit</b> <p>Gerçek projelerde bu alan detay görünümü veya hızlı aksiyon kartı ile değiştirilebilir.</p>
</p>
<p>This is sample modal</p>
</CardBoxModal> </CardBoxModal>
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="danger" buttonColor="danger"
buttonLabel="Confirm" buttonLabel="Onayla"
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleModalAction} onConfirm={handleModalAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p> <p>Bu örnek kaydı silmek istediğinize emin misiniz?</p>
Lorem ipsum dolor sit amet <b>adipiscing elit</b>
</p>
<p>This is sample modal</p>
</CardBoxModal> </CardBoxModal>
<table> <table>
<thead> <thead>
<tr> <tr>
<th /> <th />
<th>Name</th> <th>Ad Soyad</th>
<th>Company</th> <th>Şirket</th>
<th>City</th> <th>Şehir</th>
<th>Progress</th> <th>İlerleme</th>
<th>Created</th> <th>Oluşturulma</th>
<th /> <th />
</tr> </tr>
</thead> </thead>
@ -78,21 +66,17 @@ const TableSampleClients = () => {
{clientsPaginated.map((client: Client) => ( {clientsPaginated.map((client: Client) => (
<tr key={client.id}> <tr key={client.id}>
<td className="border-b-0 lg:w-6 before:hidden"> <td className="border-b-0 lg:w-6 before:hidden">
<UserAvatar username={client.name} className="w-24 h-24 mx-auto lg:w-6 lg:h-6" /> <UserAvatar username={client.name} className="mx-auto h-24 w-24 lg:h-6 lg:w-6" />
</td> </td>
<td data-label="Name">{client.name}</td> <td data-label="Ad Soyad">{client.name}</td>
<td data-label="Company">{client.company}</td> <td data-label="Şirket">{client.company}</td>
<td data-label="City">{client.city}</td> <td data-label="Şehir">{client.city}</td>
<td data-label="Progress" className="lg:w-32"> <td data-label="İlerleme" className="lg:w-32">
<progress <progress className="flex w-2/5 self-center lg:w-full" max="100" value={client.progress}>
className="flex w-2/5 self-center lg:w-full"
max="100"
value={client.progress}
>
{client.progress} {client.progress}
</progress> </progress>
</td> </td>
<td data-label="Created" className="lg:w-1 whitespace-nowrap"> <td data-label="Oluşturulma" className="lg:w-1 whitespace-nowrap">
<small className="text-gray-500 dark:text-slate-400">{client.created}</small> <small className="text-gray-500 dark:text-slate-400">{client.created}</small>
</td> </td>
<td className="before:hidden lg:w-1 whitespace-nowrap"> <td className="before:hidden lg:w-1 whitespace-nowrap">
@ -115,8 +99,8 @@ const TableSampleClients = () => {
))} ))}
</tbody> </tbody>
</table> </table>
<div className="p-3 lg:px-6 border-t border-gray-100 dark:border-slate-800"> <div className="border-t border-gray-100 p-3 dark:border-slate-800 lg:px-6">
<div className="flex flex-col md:flex-row items-center justify-between py-3 md:py-0"> <div className="flex flex-col items-center justify-between py-3 md:flex-row md:py-0">
<BaseButtons> <BaseButtons>
{pagesList.map((page) => ( {pagesList.map((page) => (
<BaseButton <BaseButton
@ -130,7 +114,7 @@ const TableSampleClients = () => {
))} ))}
</BaseButtons> </BaseButtons>
<small className="mt-6 md:mt-0"> <small className="mt-6 md:mt-0">
Page {currentPage + 1} of {numPages} Sayfa {currentPage + 1} / {numPages}
</small> </small>
</div> </div>
</div> </div>

4
frontend/src/components/Uploaders/FilesUploader.js
View File

@ -32,7 +32,7 @@ const FilesUploader = (props) => {
})); }));
}; };
const handleRemove = (id) => { const handleKaldır = (id) => {
onChange(valuesArr().filter((item) => item.id !== id)); onChange(valuesArr().filter((item) => item.id !== id));
}; };
@ -119,7 +119,7 @@ const FilesUploader = (props) => {
className="btn btn-link" className="btn btn-link"
type="button" type="button"
onClick={() => onClick={() =>
handleRemove(item.id) handleKaldır(item.id)
} }
> >
<i className="la la-times"></i> <i className="la la-times"></i>

4
frontend/src/components/Uploaders/ImagesUploader.js
View File

@ -85,7 +85,7 @@ const ImagesUploader = (props) => {
})); }));
}; };
const handleRemove = (id) => { const handleKaldır = (id) => {
onChange(valuesArr().filter((item) => item.id !== id)); onChange(valuesArr().filter((item) => item.id !== id));
}; };
@ -191,7 +191,7 @@ const ImagesUploader = (props) => {
<Button <Button
classes={{ root: classes.button }} classes={{ root: classes.button }}
variant="text" variant="text"
onClick={() => handleRemove(item.id)} onClick={() => handleKaldır(item.id)}
> >
<CloseIcon /> <CloseIcon />
</Button> </Button>

6
frontend/src/components/Users/CardUsers.tsx
View File

@ -62,7 +62,7 @@ const CardUsers = ({
className={'cursor-pointer'} className={'cursor-pointer'}
> >
<ImageField <ImageField
name={'Avatar'} name={'Profil Görseli'}
image={item.avatar} image={item.avatar}
className='w-12 h-12 md:w-full md:h-44 rounded-lg md:rounded-b-none overflow-hidden ring-1 ring-gray-900/10' className='w-12 h-12 md:w-full md:h-44 rounded-lg md:rounded-b-none overflow-hidden ring-1 ring-gray-900/10'
imageClassName='h-full w-full flex-none rounded-lg md:rounded-b-none bg-white object-cover' imageClassName='h-full w-full flex-none rounded-lg md:rounded-b-none bg-white object-cover'
@ -151,7 +151,7 @@ const CardUsers = ({
<dd className='flex items-start gap-x-2'> <dd className='flex items-start gap-x-2'>
<div className='font-medium'> <div className='font-medium'>
<ImageField <ImageField
name={'Avatar'} name={'Profil Görseli'}
image={item.avatar} image={item.avatar}
className='mx-auto w-8 h-8' className='mx-auto w-8 h-8'
/> />
@ -202,7 +202,7 @@ const CardUsers = ({
))} ))}
{!loading && users.length === 0 && ( {!loading && users.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</ul> </ul>

6
frontend/src/components/Users/ListUsers.tsx
View File

@ -40,7 +40,7 @@ const ListUsers = ({ users, loading, onDelete, currentPage, numPages, onPageChan
<div className={`flex rounded dark:bg-dark-900 border border-stone-300 items-center overflow-hidden`}> <div className={`flex rounded dark:bg-dark-900 border border-stone-300 items-center overflow-hidden`}>
<ImageField <ImageField
name={'Avatar'} name={'Profil Görseli'}
image={item.avatar} image={item.avatar}
className='w-24 h-24 rounded-l overflow-hidden hidden md:block' className='w-24 h-24 rounded-l overflow-hidden hidden md:block'
imageClassName={'rounded-l rounded-r-none h-full object-cover'} imageClassName={'rounded-l rounded-r-none h-full object-cover'}
@ -97,7 +97,7 @@ const ListUsers = ({ users, loading, onDelete, currentPage, numPages, onPageChan
<div className={'flex-1 px-3'}> <div className={'flex-1 px-3'}>
<p className={'text-xs text-gray-500 '}>Avatar</p> <p className={'text-xs text-gray-500 '}>Avatar</p>
<ImageField <ImageField
name={'Avatar'} name={'Profil Görseli'}
image={item.avatar} image={item.avatar}
className='mx-auto w-8 h-8' className='mx-auto w-8 h-8'
/> />
@ -145,7 +145,7 @@ const ListUsers = ({ users, loading, onDelete, currentPage, numPages, onPageChan
))} ))}
{!loading && users.length === 0 && ( {!loading && users.length === 0 && (
<div className='col-span-full flex items-center justify-center h-40'> <div className='col-span-full flex items-center justify-center h-40'>
<p className=''>No data to display</p> <p className=''>Gösterilecek veri yok</p>
</div> </div>
)} )}
</div> </div>

38
frontend/src/components/Users/TableUsers.tsx
View File

@ -277,7 +277,7 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
return ( return (
<div key={filterItem.id} className="flex mb-4"> <div key={filterItem.id} className="flex mb-4">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Filter</div> <div className=" text-gray-500 font-bold">Filtre</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='selectedField' name='selectedField'
@ -301,7 +301,7 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.type === 'enum' ? ( )?.type === 'enum' ? (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className="text-gray-500 font-bold"> <div className="text-gray-500 font-bold">
Value Değer
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
@ -311,7 +311,7 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
> >
<option value="">Select Value</option> <option value="">Değer seçin</option>
{filters.find((filter) => {filters.find((filter) =>
filter.title === filterItem?.fields?.selectedField filter.title === filterItem?.fields?.selectedField
)?.options?.map((option) => ( )?.options?.map((option) => (
@ -326,18 +326,18 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
)?.number ? ( )?.number ? (
<div className="flex flex-row w-full mr-3"> <div className="flex flex-row w-full mr-3">
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">From</div> <div className=" text-gray-500 font-bold">Başlangıç</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
/> />
</div> </div>
<div className="flex flex-col w-full"> <div className="flex flex-col w-full">
<div className=" text-gray-500 font-bold">To</div> <div className=" text-gray-500 font-bold">Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -356,12 +356,12 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
<div className='flex flex-row w-full mr-3'> <div className='flex flex-row w-full mr-3'>
<div className='flex flex-col w-full mr-3'> <div className='flex flex-col w-full mr-3'>
<div className=' text-gray-500 font-bold'> <div className=' text-gray-500 font-bold'>
From Başlangıç
</div> </div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueFrom' name='filterValueFrom'
placeholder='From' placeholder='Başlangıç'
id='filterValueFrom' id='filterValueFrom'
type='datetime-local' type='datetime-local'
value={filterItem?.fields?.filterValueFrom || ''} value={filterItem?.fields?.filterValueFrom || ''}
@ -369,7 +369,7 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
/> />
</div> </div>
<div className='flex flex-col w-full'> <div className='flex flex-col w-full'>
<div className=' text-gray-500 font-bold'>To</div> <div className=' text-gray-500 font-bold'>Bitiş</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValueTo' name='filterValueTo'
@ -383,11 +383,11 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
) : ( ) : (
<div className="flex flex-col w-full mr-3"> <div className="flex flex-col w-full mr-3">
<div className=" text-gray-500 font-bold">Contains</div> <div className=" text-gray-500 font-bold">İçerir</div>
<Field <Field
className={controlClasses} className={controlClasses}
name='filterValue' name='filterValue'
placeholder='Contained' placeholder='İçerik'
id='filterValue' id='filterValue'
value={filterItem?.fields?.filterValue || ''} value={filterItem?.fields?.filterValue || ''}
onChange={handleChange(filterItem.id)} onChange={handleChange(filterItem.id)}
@ -395,12 +395,12 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
</div> </div>
)} )}
<div className="flex flex-col"> <div className="flex flex-col">
<div className=" text-gray-500 font-bold">Action</div> <div className=" text-gray-500 font-bold">İşlem</div>
<BaseButton <BaseButton
className="my-2" className="my-2"
type='reset' type='reset'
color='danger' color='danger'
label='Delete' label='Sil'
onClick={() => { onClick={() => {
deleteFilter(filterItem.id) deleteFilter(filterItem.id)
}} }}
@ -413,13 +413,13 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className="my-2 mr-3" className="my-2 mr-3"
color="success" color="success"
label='Apply' label='Uygula'
onClick={handleSubmit} onClick={handleSubmit}
/> />
<BaseButton <BaseButton
className="my-2" className="my-2"
color='info' color='info'
label='Cancel' label='İptal'
onClick={handleReset} onClick={handleReset}
/> />
</div> </div>
@ -429,14 +429,14 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
</CardBox> : null </CardBox> : null
} }
<CardBoxModal <CardBoxModal
title="Please confirm" title="Lütfen onaylayın"
buttonColor="info" buttonColor="info"
buttonLabel={loading ? 'Deleting...' : 'Confirm'} buttonLabel={loading ? 'Siliniyor...' : 'Onayla'}
isActive={isModalTrashActive} isActive={isModalTrashActive}
onConfirm={handleDeleteAction} onConfirm={handleDeleteAction}
onCancel={handleModalAction} onCancel={handleModalAction}
> >
<p>Are you sure you want to delete this item?</p> <p>Bu kaydı silmek istediğinize emin misiniz?</p>
</CardBoxModal> </CardBoxModal>
@ -450,7 +450,7 @@ const TableSampleUsers = ({ filterItems, setFilterItems, filters, showGrid }) =>
<BaseButton <BaseButton
className='me-4' className='me-4'
color='danger' color='danger'
label={`Delete ${selectedRows.length === 1 ? 'Row' : 'Rows'}`} label={`Seçili ${selectedRows.length === 1 ? 'Satırı' : 'Satırları'} Sil`}
onClick={() => onDeleteRows(selectedRows)} onClick={() => onDeleteRows(selectedRows)}
/>, />,
document.getElementById('delete-rows-button'), document.getElementById('delete-rows-button'),

Some files were not shown because too many files have changed in this diff Show More