Skip to content
Snippets Groups Projects
Commit d9693158 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-5832 Change descriptions

parent edb27b87
No related branches found
No related tags found
No related merge requests found
Showing
with 27 additions and 31 deletions
...@@ -24,40 +24,28 @@ export const Default: Story = { ...@@ -24,40 +24,28 @@ export const Default: Story = {
}, },
argTypes: { argTypes: {
caption: { caption: {
table: { description: 'Name of the document',
type: { summary: 'Name of the document' },
},
}, },
errorCaption: { errorCaption: {
table: { description: 'Error text appears when eror messages array is not empty',
type: { summary: 'Error text appears when eror messages array is not empty' },
},
}, },
loadingCaption: { loadingCaption: {
table: { description: 'Loading text appears when isLoading flag is true',
type: { summary: 'Loading text appears when isLoading flag is true' },
},
}, },
description: { description: {
table: { description: 'Description can contain size of file or e.g. loading progress',
type: { summary: 'Description can contain size of file or e.g. loading progress' },
},
}, },
fileType: { fileType: {
table: { description: 'Type of file icon',
type: { summary: 'Type of file icon' },
},
}, },
isLoading: { isLoading: {
description: 'Boolean flag for loading state',
table: { table: {
type: { summary: 'Boolean flag for loading state' },
defaultValue: { summary: 'false' }, defaultValue: { summary: 'false' },
}, },
}, },
errorMessages: { errorMessages: {
table: { description: 'The array containing strings with errors text',
type: { summary: 'The array containing strings with errors text' },
},
}, },
}, },
}; };
......
import { moduleMetadata, type Meta, type StoryObj } from '@storybook/angular'; import { moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
import { FileIconComponent } from '../icons/file-icon/file-icon.component';
import { BescheidStatusTextComponent } from './bescheid-status-text.component'; import { BescheidStatusTextComponent } from './bescheid-status-text.component';
const meta: Meta<BescheidStatusTextComponent> = { const meta: Meta<BescheidStatusTextComponent> = {
title: 'Bescheid status text', title: 'Bescheid status text',
component: BescheidStatusTextComponent, component: BescheidStatusTextComponent,
subcomponents: { FileIconComponent },
decorators: [ decorators: [
moduleMetadata({ moduleMetadata({
imports: [BescheidStatusTextComponent], imports: [BescheidStatusTextComponent],
...@@ -21,4 +19,9 @@ type Story = StoryObj<BescheidStatusTextComponent>; ...@@ -21,4 +19,9 @@ type Story = StoryObj<BescheidStatusTextComponent>;
export const Default: Story = { export const Default: Story = {
args: { dateText: '31.12.1999', bewilligt: true, hasBescheidDraft: false }, args: { dateText: '31.12.1999', bewilligt: true, hasBescheidDraft: false },
argTypes: {
dateText: { description: 'Date of decision' },
bewilligt: { table: { defaultValue: { summary: 'false' } } },
hasBescheidDraft: { table: { defaultValue: { summary: 'false' } } },
},
}; };
...@@ -25,6 +25,10 @@ export const Default: Story = { ...@@ -25,6 +25,10 @@ export const Default: Story = {
subText: 'automatisch erstellen', subText: 'automatisch erstellen',
isLoading: true, isLoading: true,
}, },
argTypes: {
text: { description: 'First line of text' },
subText: { description: 'Second line of text' },
},
render: (args: ButtonCardComponent) => ({ render: (args: ButtonCardComponent) => ({
props: args, props: args,
template: `<ods-button-card ${argsToTemplate(args)} class="w-72"> template: `<ods-button-card ${argsToTemplate(args)} class="w-72">
......
...@@ -29,6 +29,7 @@ export const Default: Story = { ...@@ -29,6 +29,7 @@ export const Default: Story = {
variant: { variant: {
options: ['primary', 'outline'], options: ['primary', 'outline'],
control: { type: 'radio' }, control: { type: 'radio' },
table: { defaultValue: { summary: 'primary' } },
}, },
}, },
}; };
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'medium' }, defaultValue: { summary: 'medium' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'extra-large' }, defaultValue: { summary: 'extra-large' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'extra-large' }, defaultValue: { summary: 'extra-large' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'small' }, defaultValue: { summary: 'small' },
}, },
}, },
......
...@@ -18,16 +18,16 @@ export const Default: Story = { ...@@ -18,16 +18,16 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'large'], options: ['small', 'large'],
description: 'Size of icon',
table: { table: {
type: { summary: 'Size of icon' },
defaultValue: { summary: 'large' }, defaultValue: { summary: 'large' },
}, },
}, },
fileType: { fileType: {
control: 'select', control: 'select',
options: ['pdf', 'xnl', 'doc', 'image', 'json', 'exclamation'], options: ['pdf', 'xnl', 'doc', 'image', 'json', 'exclamation'],
description: 'Type of file icon',
table: { table: {
type: { summary: 'Type of file icon' },
defaultValue: { summary: 'xml' }, defaultValue: { summary: 'xml' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'medium' }, defaultValue: { summary: 'medium' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'medium' }, defaultValue: { summary: 'medium' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'full' }, defaultValue: { summary: 'full' },
}, },
}, },
......
...@@ -18,8 +18,8 @@ export const Default: Story = { ...@@ -18,8 +18,8 @@ export const Default: Story = {
size: { size: {
control: 'select', control: 'select',
options: ['small', 'medium', 'large', 'extra-large', 'full'], options: ['small', 'medium', 'large', 'extra-large', 'full'],
description: 'Size of icon. Property "full" means 100%',
table: { table: {
type: { summary: 'Size of icon. Property "full" means 100%' },
defaultValue: { summary: 'large' }, defaultValue: { summary: 'large' },
}, },
}, },
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment