Objective:
Upgrade the user interactivity features on the Metamine Visualization page (http://localhost/mm/metamaterial_visualization_nu). The task involves improving UI elements for better user experience and functionality, including collapsible panels, file name display, checkbox positioning, and template upload/download capabilities.
Tasks:1. Collapsible Data Panel:
Modify the data panel on the right side of the page to be collapsible. This will allow the charts on the left to expand and utilize the entire page when the panel is collapsed.
2. Filename Text Processing:
Implement text splitting for filenames displayed in the data panel, using '-' as the delimiter. The aim is to display only the file name, reducing the length of the text string.
3. Checkbox Positioning and Labeling:
Relocate the checkboxes from their current position to the right side of the filenames, as illustrated in the attached image.
Add a header name 'Select' for the group of checkboxes.
4. Upload and Download Functionality:
Integrate an 'Upload' button to allow users to upload new CSV files to a temporary file store
List the uploaded files under the existing files in the data panel.
Implement a 'Download' button enabling users to select files via checkboxes and download them to their local system.
5. Unauthorized Access Handling:
Since the page lacks authentication, add a snack bar notification to inform users if they are unauthorized when they attempt to use the 'Upload' button.
6. Testing and Quality Assurance:
Thoroughly test the new features for functionality and usability.
Ensure the interface remains user-friendly and intuitive with these enhancements.
7. Deadline Compliance:
Complete and deliver these enhancements by the specified deadline.
Priority: High
Additional Notes:
Ensure that the UI changes are responsive and compatible across different browsers and screen sizes.
Objective: Upgrade the user interactivity features on the Metamine Visualization page (http://localhost/mm/metamaterial_visualization_nu). The task involves improving UI elements for better user experience and functionality, including collapsible panels, file name display, checkbox positioning, and template upload/download capabilities.
Tasks: 1. Collapsible Data Panel:
2. Filename Text Processing:
3. Checkbox Positioning and Labeling:
4. Upload and Download Functionality:
5. Unauthorized Access Handling:
6. Testing and Quality Assurance:
7. Deadline Compliance:
Priority: High
Additional Notes: