Skip to content

Commit

Permalink
feat(redmine 1257480): add structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@vapersmile
vapersmile committed Oct 13, 2023
1 parent d644c7c commit 3a18eed
Show file tree
Hide file tree
Showing 3 changed files with 146 additions and 0 deletions.
20 changes: 20 additions & 0 deletions packages/react-front-kit/src/Pages/DocumentReader/DocumentReader.stories.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
'use client';

import type { Meta, StoryObj } from '@storybook/react';

import { DocumentReader as Cmp } from './DocumentReader';

const meta = {
component: Cmp,
parameters: {
layout: 'fullscreen',
},
title: '3-Custom/Pages/DocumentReader',
} satisfies Meta<typeof Cmp>;

export default meta;
type IStory = StoryObj<typeof meta>;

export const DocumentReader: IStory = {
args: {},
};
125 changes: 125 additions & 0 deletions packages/react-front-kit/src/Pages/DocumentReader/DocumentReader.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
'use client';

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

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

export interface IDocumentReaderProps {
children?: ReactNode;
}

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" />
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" />
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>
{children}
</div>
);
}
1 change: 1 addition & 0 deletions packages/react-front-kit/src/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
/* eslint-disable react-refresh/only-export-components */
export * from '@smile/react-front-kit-shared';
// component exports
export * from './Pages/DocumentReader/DocumentReader';
export * from './Components/Breadcrumbs/Breadcrumbs';
export * from './Components/CollapseButton/CollapseButtonControlled';
export * from './Components/CollapseButton/CollapseButton';
Expand Down

0 comments on commit 3a18eed

Please sign in to comment.