Update SalesOrder detalis

src/frontend/src/pages/sales/SalesOrderDetail.tsx

@@ -49,7 +49,8 @@ export default function SalesOrderDetail() {
       {
         type: 'text',
         name: 'reference',
-        label: t`Reference`
+        label: t`Reference`,
+        copy: true
       },
       {
         type: 'link',
@@ -61,26 +62,14 @@ export default function SalesOrderDetail() {
       {
         type: 'text',
         name: 'description',
-        label: t`Description`
+        label: t`Description`,
+        copy: true
       },
       {
         type: 'status',
         name: 'status',
         label: t`Status`,
         model: ModelType.salesorder
-      },
-      {
-        type: 'text',
-        name: 'creation_date',
-        label: t`Created On`,
-        icon: 'calendar'
-      },
-      {
-        type: 'text',
-        name: 'target_date',
-        label: t`Target Date`,
-        icon: 'calendar',
-        hidden: !order.target_date
       }
     ];
 
@@ -121,6 +110,49 @@ export default function SalesOrderDetail() {
       }
     ];
 
+    let bl: DetailsField[] = [
+      {
+        type: 'link',
+        external: true,
+        name: 'link',
+        label: t`Link`,
+        copy: true,
+        hidden: !order.link
+      },
+      {
+        type: 'link',
+        model: ModelType.contact,
+        link: false,
+        name: 'contact',
+        icon: 'user',
+        copy: true
+      }
+      // TODO : Address
+    ];
+
+    let br: DetailsField[] = [
+      {
+        type: 'text',
+        name: 'creation_date',
+        label: t`Created On`,
+        icon: 'calendar'
+      },
+      {
+        type: 'text',
+        name: 'target_date',
+        label: t`Target Date`,
+        icon: 'calendar',
+        hidden: !order.target_date
+      },
+      {
+        type: 'text',
+        name: 'responsible',
+        label: t`Responsible`,
+        badge: 'owner',
+        hidden: !order.responsible
+      }
+    ];
+
     return (
       <ItemDetailsGrid>
         <Grid>
@@ -137,6 +169,8 @@ export default function SalesOrderDetail() {
           </Grid.Col>
         </Grid>
         <DetailsTable fields={tr} item={order} />
+        <DetailsTable fields={bl} item={order} />
+        <DetailsTable fields={br} item={order} />
       </ItemDetailsGrid>
     );
   }, [order, instanceQuery]);

src/frontend/src/tables/Details.tsx

@@ -68,6 +68,7 @@ type BooleanField = {
 
 type LinkDetailField = {
   type: 'link';
+  link?: boolean;
 } & (InternalLinkField | ExternalLinkField);
 
 type InternalLinkField = {
@@ -362,13 +363,17 @@ function TableAnchorValue(props: FieldProps) {
 
   return (
     <Suspense fallback={<Skeleton width={200} height={20} radius="xl" />}>
-      <Anchor
+      {props.field_data.link ?? true ? (
-        href={`/platform${detailUrl}`}
+        <Anchor
-        target={data?.external ? '_blank' : undefined}
+          href={`/platform${detailUrl}`}
-        rel={data?.external ? 'noreferrer noopener' : undefined}
+          target={data?.external ? '_blank' : undefined}
-      >
+          rel={data?.external ? 'noreferrer noopener' : undefined}
+        >
+          <Text>{value}</Text>
+        </Anchor>
+      ) : (
         <Text>{value}</Text>
-      </Anchor>
+      )}
     </Suspense>
   );
 }