Object data

client/src/components/map/ObjectParameter.tsx

@@ -1,49 +1,83 @@
 import useSWR from 'swr'
 import { fetcher } from '../../http/axiosInstance'
 import { BASE_URL } from '../../constants'
-import { Checkbox, Grid } from '@mantine/core'
+import { Checkbox, Divider, Flex, Grid, Stack, Text } from '@mantine/core'
 import { IObjectParam, IParam } from '../../interfaces/objects'
+import { decodeDoubleEncodedString } from '../../utils/format'
+import TCBParameter from './TCBParameter'
+
+interface ObjectParameterProps {
+    showLabel?: boolean,
+    param: IObjectParam,
+}
 
 const ObjectParameter = ({
-    id_param,
-    value
-}: IObjectParam) => {
+    param,
+    showLabel = true
+}: ObjectParameterProps) => {
     const { data: paramData } = useSWR(
-        `/general/params/all?param_id=${id_param}`,
+        `/general/params/all?param_id=${param.id_param}`,
         (url) => fetcher(url, BASE_URL.ems).then(res => res[0] as IParam),
         {
             revalidateOnFocus: false
         }
     )
 
-    const Parameter = (type: string, name: string, value: unknown) => {
+    const Parameter = (type: string, name: string, value: unknown, vtable: string) => {
         switch (type) {
             case 'bit':
                 return (
-                    <Grid align='center' gutter='xl'>
-                        <Grid.Col span={1}>
-                            <Checkbox defaultChecked={value as boolean} />
-                        </Grid.Col>
-                        <Grid.Col span={'auto'}>
-                            <p>{name}</p>
-                        </Grid.Col>
-                    </Grid>
+                    <Flex direction='row' align='center' gap='sm'>
+                        <Checkbox defaultChecked={value as boolean} />
+                        <Text>{name}</Text>
+                    </Flex>
+                )
+            case 'varchar(200)':
+                return (
+                    <Text>
+                        {decodeDoubleEncodedString(value as string)}
+                    </Text>
+                )
+            case 'varchar(5)':
+                return (
+                    <Text>
+                        {decodeDoubleEncodedString(value as string)}
+                    </Text>
+                )
+            case 'bigint':
+                return (
+                    <Text>
+                        {(value as string)}
+                    </Text>
+                )
+            case 'GTCB':
+                return (
+                    <TCBParameter value={value as string} vtable={vtable} />
+                )
+            case 'TCB':
+                return (
+                    <TCBParameter value={value as string} vtable={vtable} />
                 )
             default:
                 return (
                     <div>
-                        Неподдерживаемый параметр
+                        {type}
                     </div>
                 )
         }
     }
 
     return (
-        <div>
+        <>
             {paramData &&
-                Parameter(paramData.format, paramData.name, value)
+                <Stack gap={0}>
+                    {showLabel &&
+                        <Divider my="xs" label={paramData.name} labelPosition="left" />
+                    }
+                    {Parameter(paramData.format, paramData.name, param.value, paramData.vtable)}
+                </Stack>
             }
-        </div>
+        </>
     )
 }