Skip to content

Conversation

@justFadel19
Copy link
Collaborator

This pull request introduces a comprehensive export feature for annotations in the SAT Annotator web application. The changes include adding an export modal with options for scope and format, implementing functionality for exporting annotations in both JSON and CSV formats, and updating the UI and styles to accommodate the new modal.

New Export Modal and Functionality

  • web/index.html: Added a new export modal with options for selecting export scope (current image or all images) and export format (JSON or CSV). Updated the export button text from "Export JSON" to "Export" for clarity. [1] [2]
  • web/js/annotations.js: Implemented the logic for handling export modal events, dynamically updating options, and exporting annotations in the selected format and scope. Added methods for exporting annotations in CSV format and updated existing JSON export methods to support the new modal workflow. [1] [2] [3] [4]

Enhancements to Export Formats

  • web/js/annotations.js: Added support for exporting annotations in CSV format. Included metadata in the CSV file and ensured compatibility with both single-image and multi-image exports. Updated toast notifications to reflect the selected format. [1] [2] [3]

UI and Accessibility Improvements

  • web/styles.css: Updated modal styles to improve layout and responsiveness, including adjustments to modal dimensions, padding, and scroll behavior. Added focus handling for accessibility. [1] [2] [3] [4] [5]

These changes collectively enhance the user experience by providing flexible and accessible options for exporting annotation data in a structured and user-friendly manner.

- Add CSV export functionality for annotations
- Enhance web interface with improved styling
- Update annotations.js with CSV export capabilities
- Add documentation PDFs
- Improve overall user interface design
…arance

- Remove unprofessional emojis (, , ) while keeping checkmarks ()
- Improve log message clarity and professionalism
- Standardize console output formatting
- Reduce verbose debug logging in utilities
- Make error messages more descriptive and specific
- Maintain functionality while enhancing code quality
- Format all Python files with Black (88 char line length)
- Format all JavaScript files with Prettier
- Format HTML, CSS, YAML, and Markdown files with Prettier
- Add code formatting configuration files:
  - .prettierrc for JS/HTML/CSS/YAML/MD formatting
  - pyproject.toml for Python Black configuration
  - .vscode/settings.json for VS Code editor settings
- Ensure consistent code style across the entire project
Copy link
Owner

@AhmedFatthy1040 AhmedFatthy1040 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@justFadel19 justFadel19 merged commit 74f921c into AhmedFatthy1040:main Jul 18, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants