rajukottedi
55b436c7d2
- Added DynamicField interface to define form field structure. - Created DynamicFormConfig interface for form configuration. - Developed DynamicFormComponent to handle dynamic form rendering and validation. - Implemented DynamicPopupComponent for displaying forms in a modal dialog. - Added HTML and SCSS for dynamic form and popup styling. - Integrated Material Design components for form inputs and buttons. - Implemented form submission logic with API integration. - Added tests for DynamicForm and DynamicPopup components. - Updated global styles for Material components in themed popups. - Included Material Icons in index.html for better UI representation.
10 lines
412 B
TypeScript
10 lines
412 B
TypeScript
export interface DynamicField {
|
|
name: string;
|
|
label: string;
|
|
placeholder?: string;
|
|
type: 'text' | 'textarea' | 'number' | 'date' | 'select' | 'file' | 'array' | 'hidden' | 'year';
|
|
required?: boolean;
|
|
options?: { label: string; value: unknown }[];
|
|
itemConfig?: DynamicField[];
|
|
yearRange?: { start?: number; end?: number; allowPresent?: boolean; valueType?: 'string' | 'number' };
|
|
} |