We need a generic Mootools user interface (compatible 1.12) for managing a category tree.
Needed operations are:
Add Category
Remove Category
Reorder category (Through Drag and Drop)
Refresh Tree branch
## Deliverables
We need a generic Mootools user interface (compatible 1.12) for managing a category tree.
Needed operations are:
Add Category
Remove Category
Reorder category (Through Drag and Drop)
Refresh Tree branch
The Add/Remove/Reordering/Refresh are Ajax operations, and you must define a JSON data exchange. The ajax queries must be somehow configurable. The server side scripts will be programmed according to your specifications by us. Our server side scripts will not be available to you for testing, you will need to have your own to test with.
The Ajax urls must be easy changeable when implementing in different environments. Each category has an id and the way the tree data is modeled is up to you, we will need a clear specification.
A mockup of the way the interface should look is provided in the attached image. It is just a mockup, we are open to any suggestions regarding looks.
Adding a Subcategory should be done when clicking on the + that appears upon mouseover. The needed info for a subcategory are Name and description. Those should be entered in a screen-centered popup div (not popup window!)
Deleting a subcategory will prompt the user for a confirmation, and after that issue a delete ajax request, and then a branch refresh request (just the current branch should be re-drawn)
Reordering categories should be done through drag and drop. The moving ajax request will be sent with the ID of the category AFTER witch the dragged category will be dropped. If it is dragged to the start, then the ID will be that of the parent category. The root category has always the ID 0. Dragging will be allowed just between the siblings. NO NEED to move categories.
When clicking on a category name a category edit box should pop up with category name and description. Description should be requested through ajax.