Gene Curator is an open-source platform for managing and curating genetic data. It facilitates gene data analysis, entry, and reporting, serving genetics researchers with tools for efficient data handling.
MIT License
4
stars
1
forks
source link
Feature request: Transform ErrorDialog Component into a General HelpDialog Component #103
We need to enhance the functionality of our existing ErrorDialog component to create a more versatile HelpDialog. This new HelpDialog should not only display error messages but also support general help content, including conditional rendering of images and tables. It should have customizable title and text content, and be configurable through external configuration files for easy reuse across different applications.
Requirements
Rename and Refactor Component:
Change ErrorDialog.vue to HelpDialog.vue and update the component name accordingly.
Dynamic Content Rendering:
Enable the dialog to display various content types (text, images, tables) based on input.
Title and Text Components:
Introduce a title prop for customizing the dialog title.
Modify error.message to a more generic content prop, which can handle content.
External Configuration:
Implement the ability to configure the dialog through external config files.
Ensure these configurations allow for setting up different dialog types for various applications.
Styling and Layout Adjustments:
Ensure consistent and user-friendly layout for different content types.
Adjust styles to accommodate images and tables without layout issues.
Description
We need to enhance the functionality of our existing
ErrorDialog
component to create a more versatileHelpDialog
. This newHelpDialog
should not only display error messages but also support general help content, including conditional rendering of images and tables. It should have customizable title and text content, and be configurable through external configuration files for easy reuse across different applications.Requirements
Rename and Refactor Component:
ErrorDialog.vue
toHelpDialog.vue
and update the component name accordingly.Dynamic Content Rendering:
Title and Text Components:
title
prop for customizing the dialog title.error.message
to a more genericcontent
prop, which can handle content.External Configuration:
Styling and Layout Adjustments: