Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: LEAP-1599: Allow to edit TimelineRegion spans #6577

Merged
merged 12 commits into from
Nov 6, 2024

Conversation

hlomzik
Copy link
Collaborator

@hlomzik hlomzik commented Oct 30, 2024

Make TimelineRegion fields editable, but with new form to display the editor in this case — start/end are in the ranges[0], not in region itself. New editor is pretty simple and reuses styles from both audio region and image region editors.

Also added an icon for timeline spans.

Screenshot 2024-10-30 at 17 17 25

PR fulfills these requirements

  • Tests for the changes have been added/updated (for bug fixes/features)
  • Docs have been added/updated (for bug fixes/features)
  • Best efforts were made to ensure docs/code are concise and coherent (checked for spelling/grammatical errors, commented out code, debug logs etc.)
  • Self-reviewed and ran all changes on a local instance (for bug fixes/features)

Change has impacts in these area(s)

  • Product design
  • Backend (Database)
  • Backend (API)
  • Frontend

Describe the reason for change

Timeline spans can only be drawn within visible area and they can't be changed after. So we are adding ability to increase/change them at least via the start/end editable fields.

What alternative approaches were there?

Allow to change spans on timeline, but that's much more effort and more complex UX.

Does this PR introduce a breaking change?

  • Yes, and covered entirely by feature flag(s)
  • Yes, and covered partially by feature flag(s)
  • No
  • Not sure (briefly explain the situation below)

What level of testing was included in the change?

  • e2e
  • integration
  • unit

Make `TimelineRegion` fields editable, but with new form to display the editor in this case — `start`/`end` are in the `ranges[0]`, not in region itself.
New editor is pretty simple and reuses styles from both audio region and image region editors.
@github-actions github-actions bot added the feat label Oct 30, 2024
Copy link

netlify bot commented Oct 30, 2024

Deploy Preview for heartex-docs ready!

Name Link
🔨 Latest commit b1631db
🔍 Latest deploy log https://app.netlify.com/sites/heartex-docs/deploys/672b252aca8de3000898d722
😎 Deploy Preview https://deploy-preview-6577--heartex-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Oct 30, 2024

Deploy Preview for label-studio-docs-new-theme ready!

Name Link
🔨 Latest commit b1631db
🔍 Latest deploy log https://app.netlify.com/sites/label-studio-docs-new-theme/deploys/672b252a5894b700086e4756
😎 Deploy Preview https://deploy-preview-6577--label-studio-docs-new-theme.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Correct instant detection, correct distinguishing between start and end.
The issue was that if lifespan is bigger than screen then start or end might not be rendered.
Copy link
Contributor

@bmartel bmartel left a comment

Choose a reason for hiding this comment

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

Looks great, I added a couple suggestions/questions surrounding the type propagation.

@hlomzik
Copy link
Collaborator Author

hlomzik commented Nov 4, 2024

/git merge

Workflow run
Successfully merged: delete mode 100644 web/libs/editor/tests/integration/e2e/outliner/filter.cy.ts

@MihajloHoma
Copy link
Contributor

MihajloHoma commented Nov 6, 2024

/git merge

Workflow run
Successfully merged: create mode 100644 label_studio/core/static/templates/video-frame-classification.png

@hlomzik hlomzik merged commit 5ab2f79 into develop Nov 6, 2024
35 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants