CardView eklendi.

api/src/Erp.Platform.Application.Contracts/ListForms/GridOptionsDto/LayoutDto.cs

@@ -4,6 +4,7 @@ public class LayoutDto
 {
     public bool Grid { get; set; } = true;
     public bool Card { get; set; } = true;
+    public bool CardView { get; set; } = true;
     public bool Pivot { get; set; } = true;
     public bool Chart { get; set; } = true;
     public bool Tree { get; set; } = true;

api/src/Erp.Platform.DbMigrator/Seeds/SeederDefaults.cs

@@ -66,6 +66,7 @@ public static class SeederDefaults
     {
         Grid = true,
         Card = true,
+        CardView = true,
         Pivot = true,
         Chart = true,
         Tree = true,

ui/src/proxy/form/models.ts

@@ -894,6 +894,7 @@ export interface WidgetEditDto {
 export interface LayoutDto {
   grid: boolean
   card: boolean
+  cardView: boolean
   pivot: boolean
   tree: boolean
   chart: boolean

ui/src/views/admin/listForm/edit/FormTabDetails.tsx

@@ -5,7 +5,6 @@ import { LanguageInfo } from '@/proxy/config/models'
 import { SelectBoxOption } from '@/types/shared'
 import { useStoreState } from '@/store'
 import { useLocalization } from '@/utils/hooks/useLocalization'
-import SelectBox from 'devextreme-react/select-box'
 import { Field, FieldProps, Form, Formik } from 'formik'
 import { useEffect, useState } from 'react'
 import * as Yup from 'yup'
@@ -25,6 +24,7 @@ const schema = Yup.object().shape({
   layoutDto: Yup.object().shape({
     grid: Yup.boolean(),
     card: Yup.boolean(),
+    cardView: Yup.boolean(),
     pivot: Yup.boolean(),
     chart: Yup.boolean(),
     tree: Yup.boolean(),
@@ -311,6 +311,20 @@ function FormTabDetails(
                   />
                 </FormItem>
 
+                <FormItem
+                  label={translate('::ListForms.ListFormEdit.DetailsLayoutDto.CardViewLayout')}
+                  invalid={errors.layoutDto?.cardView && touched.layoutDto?.cardView}
+                  errorMessage={errors.layoutDto?.cardView}
+                >
+                  <Field
+                    className="w-20"
+                    autoComplete="off"
+                    name="layoutDto.cardView"
+                    placeholder={translate('::ListForms.ListFormEdit.DetailsLayoutDto.CardViewLayout')}
+                    component={Checkbox}
+                  />
+                </FormItem>
+
                 <FormItem
                   label={translate('::ListForms.ListFormEdit.DetailsLayoutDto.PivotLayout')}
                   invalid={errors.layoutDto?.pivot && touched.layoutDto?.pivot}

ui/src/views/admin/listForm/edit/options.ts

@@ -210,6 +210,7 @@ export const listFormTypeOptions = [
 export const listFormDefaultLayoutOptions = [
   { value: 'grid', label: 'Grid' },
   { value: 'card', label: 'Card' },
+  { value: 'cardView', label: 'Card View' },
   { value: 'pivot', label: 'Pivot' },
   { value: 'chart', label: 'Chart' },
   { value: 'tree', label: 'Tree' },

ui/src/views/admin/listForm/edit/types.ts

@@ -1,10 +1,11 @@
 export type ChartOperation = '' | 'select' | 'insert' | 'update' | 'delete'
 export type ChartDialogType = '' | 'pane' | 'serie' | 'annotation' | 'axis'
-export type ListViewLayoutType = 'grid' | 'card' | 'pivot' | 'tree' | 'chart' | 'gantt' | 'scheduler'
+export type ListViewLayoutType = 'grid' | 'card' | 'cardView' | 'pivot' | 'tree' | 'chart' | 'gantt' | 'scheduler'
 
 export const layoutTypes = {
   grid: 'Grid',
   card: 'Card',
+  cardView: 'CardView',
   pivot: 'Pivot',
   tree: 'Tree',
   chart: 'Chart',

ui/src/views/list/List.tsx

@@ -2,7 +2,7 @@ import { useParams, useSearchParams } from 'react-router-dom'
 import { useEffect, useState } from 'react'
 import Container from '@/components/shared/Container'
 import Grid from './Grid'
-import { FaChartArea, FaList, FaSitemap, FaTable, FaTh, FaUser, FaCalendarAlt } from 'react-icons/fa'
+import { FaChartArea, FaList, FaSitemap, FaTable, FaTh, FaCalendarAlt, FaIdCard, FaProjectDiagram } from 'react-icons/fa'
 import { useStoreActions, useStoreState } from '@/store/store'
 import classNames from 'classnames'
 import { useLocalization } from '@/utils/hooks/useLocalization'
@@ -15,7 +15,7 @@ import { useCurrentMenuIcon } from '@/utils/hooks/useCurrentMenuIcon'
 import { ListViewLayoutType } from '../admin/listForm/edit/types'
 import Chart from './Chart'
 import Card from './Card'
-import { FaChartGantt } from 'react-icons/fa6'
+import CardView from './CardView'
 import GanttView from './GanttView'
 import SchedulerView from './SchedulerView'
 
@@ -124,7 +124,7 @@ const List = () => {
                 }}
                 title="Gantt Görünümü"
               >
-                <FaChartGantt className="w-4 h-4" />
+                <FaProjectDiagram className="w-4 h-4" />
               </Button>
             )}
 
@@ -171,6 +171,20 @@ const List = () => {
             </Button>
           )}
 
+          {gridDto?.gridOptions?.layoutDto.cardView && (
+            <Button
+              size="xs"
+              variant={viewMode === 'cardView' ? 'solid' : 'default'}
+              onClick={() => {
+                setViewMode('cardView')
+                setStates({ listFormCode, layout: 'cardView' })
+              }}
+              title="CardView Görünümü"
+            >
+              <FaIdCard className="w-4 h-4" />
+            </Button>
+          )}
+
           {gridDto?.gridOptions?.layoutDto.pivot && (
             <Button
               size="xs"
@@ -237,6 +251,14 @@ const List = () => {
           isSubForm={false}
           gridDto={gridDto}
         />
+      ) : viewMode === 'cardView' ? (
+        <CardView
+          listFormCode={listFormCode}
+          searchParams={searchParams}
+          isSubForm={false}
+          gridDto={gridDto}
+          refreshGridDto={refreshGridDto}
+        />
       ) : viewMode === 'grid' ? (
         <Grid
           listFormCode={listFormCode}