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.

Sign up for GitHub

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

Jump to bottom

Implement UX design for enhanced File field #29871

Closed
Tracked by #29691
oidacra opened this issue Sep 4, 2024 · 2 comments · Fixed by #30026
Closed
Tracked by #29691

Implement UX design for enhanced File field #29871

oidacra opened this issue Sep 4, 2024 · 2 comments · Fixed by #30026
Assignees
@dsilvam
Labels
dotCMS : Content Management QA : Approved QA : Passed Internal Release : 24.09.25 Bug Fixing Team : Falcon Type : New Functionality

Comments

@oidacra
Copy link
Member

oidacra commented Sep 4, 2024 •
edited
Loading

Parent Issue

#29691

Task

Implement the UX design for the enhanced File field as specified in the design system. This includes the main field area for drag and drop, and the right-side links for additional options.

Proposed Objective

User Experience

Proposed Priority

Same as Parent Issue

Acceptance Criteria

  1. The File field UI matches the design provided in the design system
  2. The main field area displays "Drag and Drop or Choose file to upload"
  3. Right-side links are implemented: "Select Existing File", "Import from URL", and "Create New File"
  4. The layout is responsive and works well on different screen sizes

Assumptions & Initiation Needs

  • Access to the design system and detailed UI specifications
  • Frontend development environment set up and ready
@hmoreras hmoreras moved this from New to Next 1-3 Sprints in dotCMS - Product Planning Sep 4, 2024
@john-thomas-dotcms john-thomas-dotcms moved this from Next 1-3 Sprints to Current Sprint Backlog in dotCMS - Product Planning Sep 4, 2024
@nicobytes nicobytes self-assigned this Sep 12, 2024
@nicobytes nicobytes moved this from Current Sprint Backlog to In Progress in dotCMS - Product Planning Sep 12, 2024
@oidacra oidacra mentioned this issue Sep 10, 2024
Open
nicobytes added a commit that referenced this issue Sep 16, 2024
@nicobytes
feat(editor-content): implement the new file field #29871
8269ffc
nicobytes added a commit that referenced this issue Sep 16, 2024
@nicobytes
feat(editor-content): implement the new file field #29871
796a528
nicobytes added a commit that referenced this issue Sep 16, 2024
@nicobytes
feat(editor-content): init setup for image and file component #29871
69f5886
@nicobytes nicobytes linked a pull request Sep 16, 2024 that will close this issue
feat(edit-content: Implement ux design for enhanced file field #30026
Merged
3 tasks
@nicobytes nicobytes mentioned this issue Sep 16, 2024
Merged
3 tasks
nicobytes added a commit that referenced this issue Sep 16, 2024
@nicobytes
feat(editor-content): fix error with file naming #29871
2c719b7
nicobytes added a commit that referenced this issue Sep 17, 2024
@nicobytes
feat(editor-content): apply format #29871
20d63f5
nicobytes added a commit that referenced this issue Sep 17, 2024
@nicobytes
feat(editor-content): create const for actions #29871
522a042
nicobytes added a commit that referenced this issue Sep 17, 2024
@nicobytes
feat(editor-content): apply format #29871
12f4f03
nicobytes added a commit that referenced this issue Sep 18, 2024
@nicobytes
feat(editor-content): add storybook and unit tests #29871
7ac1bad
nicobytes added a commit that referenced this issue Sep 18, 2024
@nicobytes
feat(editor-content): apply format #29871
1fd3ddb
nicobytes added a commit that referenced this issue Sep 19, 2024
@nicobytes
feat(editor-content): fix naming #29871
53bd13b
nicobytes added a commit that referenced this issue Sep 19, 2024
@nicobytes
feat(editor-content): fix error with empty scss file #29871
360833a
nicobytes added a commit that referenced this issue Sep 19, 2024
@nicobytes
feat(editor-content): fix error with duplicated code #29871
cb69f6d
github-merge-queue bot pushed a commit that referenced this issue Sep 20, 2024
@nicobytes
feat(edit-content: Implement ux design for enhanced file field (#30026)
effa642 
### Parent Issue

#29871 

### Proposed Changes
* Init store
* Init components
* Init tests

### Checklist
- [x] Tests
- [x] Translations
- [x] Security Implications Contemplated (add notes if applicable)

### Screenshots

![Screenshot 2024-09-16 at 5 08
13 PM](https://github.com/user-attachments/assets/ca641d98-bee8-442f-9aef-f07c89e348e3)
@github-project-automation github-project-automation bot moved this from In Review to Internal QA in dotCMS - Product Planning Sep 20, 2024
@bryanboza bryanboza added Release : 24.09.25 Bug Fixing and removed Release : 24.09.21 UVE // Java21 labels Sep 20, 2024
@nicobytes nicobytes assigned nicobytes and unassigned nicobytes Sep 23, 2024
@dsilvam dsilvam self-assigned this Sep 24, 2024
@dsilvam
Copy link
Contributor

dsilvam commented Sep 25, 2024

Passed IQA:
File field rendering as designed. No functionality for now.

Image

@dsilvam dsilvam moved this from Internal QA to QA - Backlog in dotCMS - Product Planning Sep 25, 2024
@josemejias11
Copy link
Contributor

Approved: Tested on trunk_b712244, Docker, macOS 14.5, FF v126.0.1

@josemejias11 josemejias11 moved this from QA - In Progress to Done in dotCMS - Product Planning Sep 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@dsilvam dsilvam

Labels
dotCMS : Content Management QA : Approved QA : Passed Internal Release : 24.09.25 Bug Fixing Team : Falcon Type : New Functionality
Projects
dotCMS - Product Planning
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(edit-content: Implement ux design for enhanced file field dotCMS/core
7 participants
@dsilvam @oidacra @bryanboza @nicobytes @hmoreras @josemejias11 @dotCMS-Machine-User