RoR/Jquery basic structure of the page - see screenshot

I want to be able to see treeview navigation on the left side of the page (ie. category 1, category 2) and I want to be able to create category X (or any name I input into the text field below all categories) when clicking on Submit button and it will show underneath other categories without page reload (ajax?).

When I click on other category, then clicked category's Products / History subpages should be extended. And I want to be able to click on these subpages and content should be loaded on the right side without page reload.

When new category is created, Products and History subpages should also be created automatically.

In Products for any given category, I want user to be able to add new products into that specific category (ie. add title of the image, and upload image into it, and display it...all on the same page). For uploading a file, user should be able to drag and drop a file (ie. .jpg, .pdf) and that file should be saved on the private directory on the server like /categoy1/products/[login to view URL])

In History, I want user to be able to add multiple comments and edit each comment.

Please see attached mock up.

HTML5 jQuery / Prototype Ruby on Rails

项目ID： #4988794

关于项目