sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement ClientRow and ItemRowData components with associated styles and stories

Browse Source
This commit is contained in:
Lorenz Hilpert
2025-03-06 17:23:51 +01:00
parent e89d1999a6
commit cebb644da9
9 changed files with 165 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/isa-app/stories/ui/input-controls/text-field.stories.ts
View File

@@ -1,4 +1,4 @@
import { argsToTemplate, type Meta, type StoryObj } from '@storybook/angular';
import { type Meta, type StoryObj } from '@storybook/angular';
import { TextFieldComponent } from '@isa/ui/input-controls';
const meta: Meta<TextFieldComponent> = {

67
apps/isa-app/stories/ui/item-rows/client-row.stories.ts Normal file
View File

@@ -0,0 +1,67 @@
import { type Meta, type StoryObj, moduleMetadata } from '@storybook/angular';
import { ClientRowComponent, ClientRowImports, ItemRowDataImports } from '@isa/ui/item-rows';
const meta: Meta<ClientRowComponent> = {
component: ClientRowComponent,
title: 'ui/item-rows/ClientRow',
decorators: [
moduleMetadata({
imports: [ClientRowImports, ItemRowDataImports],
}),
],
argTypes: {},
render: (args) => ({
props: args,
template: `
<ui-client-row>
<ui-client-row-content>
<h3 class="isa-text-subtitle-1-regular">Client Row</h3>
</ui-client-row-content>
<ui-item-row-data>
<ui-item-row-data-row>
<ui-item-row-data-label>Belegdatum</ui-item-row-data-label>
<ui-item-row-data-value>
<span class="isa-text-body-2-bold">
01.11.2024
</span>
</ui-item-row-data-value>
</ui-item-row-data-row>
<ui-item-row-data-row>
<ui-item-row-data-label>Rechnugsnr.</ui-item-row-data-label>
<ui-item-row-data-value>
<span class="isa-text-body-2-bold">
1234567890
</span>
</ui-item-row-data-value>
</ui-item-row-data-row>
<ui-item-row-data-row>
<ui-item-row-data-label >Vorgangs-ID</ui-item-row-data-label>
<ui-item-row-data-value >
<span class="isa-text-body-2-bold">
640175214390060/0
</span>
</ui-item-row-data-value>
</ui-item-row-data-row>
</ui-item-row-data>
<ui-item-row-data>
<ui-item-row-data-row>
<ui-item-row-data-label>Email</ui-item-row-data-label>
<ui-item-row-data-value>namenachname&#64;gmail.com</ui-item-row-data-value>
</ui-item-row-data-row>
<ui-item-row-data-row>
<ui-item-row-data-label>Anschrift</ui-item-row-data-label>
<ui-item-row-data-value>10243 Berlin</ui-item-row-data-value>
</ui-item-row-data-row>
</ui-item-row-data>
</ui-client-row>
`,
}),
};
export default meta;
type Story = StoryObj<ClientRowComponent>;
export const Default: Story = {
args: {},
};