Skip to content

Commit

Permalink
feat(redmine 1257480): 2 structures Ok
Browse files Browse the repository at this point in the history
  • Loading branch information
@vapersmile
vapersmile committed Oct 13, 2023
1 parent 3a18eed commit b44ab54
Showing 1 changed file with 124 additions and 97 deletions.
221 changes: 124 additions & 97 deletions packages/react-front-kit/src/Pages/DocumentReader/DocumentReader.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,28 @@

import type { ReactElement, ReactNode } from 'react';

import { Button, Card, Checkbox, Divider, Group, Text } from '@mantine/core';
import {
Button,
Card,
Checkbox,
Divider,
Group,
MantineProvider,
Space,
Text,
} from '@mantine/core';
import {
PencilSimple,
PencilSimpleLine,
Plus,
ShareNetwork,
TrashSimple,
} from '@phosphor-icons/react';
import { FolderMove } from '@smile/react-front-kit-shared';
import { FolderMove, primaryTheme } from '@smile/react-front-kit-shared';

const theme = primaryTheme;

theme.colorScheme = 'dark';

export interface IDocumentReaderProps {
children?: ReactNode;
Expand All @@ -20,105 +33,119 @@ export function DocumentReader(props: IDocumentReaderProps): ReactElement {
const { children } = props;
return (
<div>
<Card>
<Text size="lg">Générales</Text>
<div>
<Button>
<FolderMove />
Déplacer
</Button>
<Button>
<PencilSimple size={14} weight="bold" />
Editer le contenu
</Button>
<Button>
<PencilSimpleLine size={14} weight="bold" />
Annoter
</Button>
<Button>
<TrashSimple size={14} weight="bold" />
Supprimer
</Button>
</div>
</Card>
<Card>
<span>Métadonnées</span>
<div>
<Button>
<Button>
<PencilSimple size={14} weight="bold" />
<MantineProvider theme={primaryTheme}>
<Card padding="xl" radius="md">
<Text fw="600" size="lg">
Générales
</Text>
<Space h="md" />
<Group spacing="xs">
<Button leftIcon={<FolderMove />}>Déplacer</Button>
<Button leftIcon={<PencilSimple size={14} weight="bold" />}>
Editer le contenu
</Button>
<Button leftIcon={<PencilSimpleLine size={14} weight="bold" />}>
Annoter
</Button>
<Button leftIcon={<TrashSimple size={14} weight="bold" />}>
Supprimer
</Button>
</Group>
</Card>
<Space h="xl" />
<Card padding="xl" radius="md">
<Text fw="600" size="lg">
Métadonnées
</Text>
<Space h="md" />
<Group spacing="xs">
<Button leftIcon={<PencilSimple size={14} weight="bold" />}>
Editer les métadonnées
</Button>
<Plus size={14} weight="bold" />
Créer une nouvelle version
</Button>
</div>
</Card>
<Card>
<Text size="lg">Accés au document</Text>
<div>
<Button>
<Button>
<PencilSimple size={14} weight="bold" />
<Button leftIcon={<Plus size={14} weight="bold" />}>
Créer une nouvelle version
</Button>
</Group>
</Card>
<Space h="xl" />
<Card padding="xl" radius="md">
<Text fw="600" size="lg">
Accés au document
</Text>
<Space h="md" />
<Group spacing="xs">
<Button leftIcon={<PencilSimple size={14} weight="bold" />}>
Editer les droits
</Button>
<ShareNetwork size={14} weight="bold" />
Partager en externe
</Button>
</div>
<Checkbox label="Accès en mode hors ligne" />
</Card>
<Card>
<Text size="lg">Native</Text>
<Group>
<Text>Créer</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Dernière modification</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Créer par</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Modifier par</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Version</Text>
<Button size="compact-sm">V2</Button>
</Group>
</Card>
<Card>
<Text size="lg">Identité</Text>
<Group>
<Text>Titre</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Description</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Type de document</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Divider my="sm" />
<Group>
<Text>Titre</Text>
<Text fw={600}>Facture_Medor</Text>
</Group>
<Group>
<Text>Description</Text>
<Text fw={600}>-</Text>
</Group>
<Group>
<Text>Type de document</Text>
<Text fw={600}>Facture</Text>
</Group>
</Card>
<Button leftIcon={<ShareNetwork size={14} weight="bold" />}>
Partager en externe
</Button>
</Group>
<Space h="md" />
<Checkbox label="Accès en mode hors ligne" size="sm" />
</Card>
<Space h="xl" />
<Card padding="xl" radius="md">
<Text fw="600" size="lg">
Native
</Text>
<Space h="md" />
<Group>
<Text>Créer</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Dernière modification</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Créer par</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Modifier par</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Version</Text>
<Button color="cyan.9" size="compact-sm">
V2
</Button>
</Group>
</Card>
<Space h="xl" />
<Card padding="xl" radius="md">
<Text fw="600" size="lg">
Identité
</Text>
<Space h="md" />
<Group>
<Text>Titre</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Description</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Group>
<Text>Type de document</Text>
<Text fw={600}>22 mai 2021</Text>
</Group>
<Divider color="cyan.9" my="lg" size="sm" />
<Group>
<Text>Titre</Text>
<Text fw={600}>Facture_Medor</Text>
</Group>
<Group>
<Text>Description</Text>
<Text fw={600}>-</Text>
</Group>
<Group>
<Text>Type de document</Text>
<Text fw={600}>Facture</Text>
</Group>
</Card>
</MantineProvider>
{children}
</div>
);
Expand Down

0 comments on commit b44ab54

Please sign in to comment.