5. (1.5 marks) At Detail route, display all the information of art tool: artName, price,description, image, limitedTimeDeal (displaying only value which is larger than 0 and as a percentage, Ex: 30%), brand and glassSurface value (reference: styling as a ribbon gift card for the True value). Design and arrange this component as good as possible.
Task 3.
6. (1.0 mark) At Art Tools route (the URL must be '/yourusername', Ex: '/ManNLT123456'), it displays the list of art tools by table. Each row must contain the links or icons for delete action. Automate sort art tools descending by id property.
7. (1.5 marks) Create an Add route with the requirements:
✓ Create a form and validate all data.
✓ All fields are required.
✓ artName must more than 1 words, lowercase.
✓ image must be a URL.
✓ glassSurface is a switch control.
✓ price is number, min is 10.
✓ brand is a select control which contains 4 values: KingArt, Color Splash, Edding and Arteza.
8. (1.0 mark) At Art Tools route implement the delete action.
With delete function, you must confirm before implementing. After deleting successful,showing a notice (modal, alert, toast...) and the list of art tools will render the new list.
9. (1.5 marks) Implement the update action by click to image of art tool. With the update function, the same validation requirements as the add function.
-The end of test-
Close
+ 100%
Zoom
