[MCL-10] Upload Created: 08/Dec/23 Updated: 02/Feb/24 |
|
| Status: | In Progress |
| Project: | Magnolia Component Library |
| Component/s: | Core Content |
| Affects Version/s: | None |
| Fix Version/s: | None |
| Type: | Story | Priority: | Neutral |
| Reporter: | Raymond Tran | Assignee: | Minh Vo |
| Resolution: | Unresolved | Votes: | 0 |
| Labels: | None | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||
| Issue Links: |
|
||||||||
| Template: |
|
||||||||
| Acceptance criteria: |
Acceptance Criteria
[ ]*
Component is called "Upload"
[ ]*
Upload Button supports all OOTB Bootstrap style variants including Primary, Secondary, Success, Danger, Warning, Info, Light, Dark and Link.
[ ]*
Shows animation when upload button is depressed
[ ]*
Shows configurable title and caption
[ ]*
Shows filename and file size from the uploaded file
[ ]*
Button text changes to "Uploading..." and is disabled while the file is being uploaded
[ ]*
Button text changes to "Uploaded" after the file has uploaded successfully
[ ]*
Button text changes to "Upload failed" if the file upload has failed
[ ]*
Shows an SVG icon corresponding to relevant uploaded file/mime type, including: PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, JPEG, PNG, webm, webp, mp4 with alt text reflecting the file type
Documentation Acceptance Criteria
[ ]*
Contains Title, Description and Examples
[ ]*
Contains FTL and YAML code
Content Author Acceptance Criteria
[ ]*
The button styles can be configured entirely within the dialog as per MCL-7
[ ]*
Class and CSS can be overridden in the CMS
[ ]*
Component can be added to any page template in Column area of a Row component only.
[ ]*
The destination JCR workspace and folder can be configured
[ ]*
Upload folder is mandatory
[ ]*
Upload, Uploading and Uploaded Button labels can be configured
[ ]*
The Title is configurable and reads "File Upload" by default
[ ]*
The Caption is configurable and reads "Upload a file from your computer" by default
Accessibility Acceptance Criteria
[ ]*
Buttons can be navigated through, selected and depressed using the keyboard.
[ ]*
Button disabled/enabled state is reflected with ARIA attributes
|
||||||||
| Description |