Ruby on rails Kendoui treeview

IN PROGRESS
Bids
6
Avg Bid (AUD)
$1019
Project Budget (AUD)
$250 - $750

Project Description:
My objective
Utilise the kendoui treeview and html editor javascript library widgets in a ruby on rails 4 application. The kendoui treeview will provide navigation to all the pages in the model, the editor will allow the user to change content using the kendoui html editor. The challenges I have faced is to work out how to display a hierarchical type display in a treeview when the data comes from a single model called pages.

The job
Create a ruby on rails project that utilises kendoui treeview and kendoui editor (html) and where both components persist to the database model
Create it anything you like and css styling is not important

Specifics
Use Ruby On Rails version 4
Use the built-in sqllite database provided by rails
Use the kendoui gem
gem 'kendoui-rails'
Create the project around one single model called pages
- with these fields
o name: string
o parentid : integer
o content: text
o order: integer

List of resources to find out more about kendoui
Web UI widgets
http://demos.kendoui.com/web/overview/index.html
Treeview
http://demos.kendoui.com/web/treeview/index.html
Editor
http://demos.kendoui.com/web/editor/index.html


Layout requirements – please see picture
Looks are not important at the moment so I just want a top div to handle crud stuff and a main div underneath with a 2 col layout (sidebar div on left for treeview and content div to display content editor) see pic
Use the picture as your guide


Specific Functional requirements
Treeview must connect to the model and display records in the pages model in a hierarchical manner based on the parentID field
When a user selects an item in the tree the kendo editor is updated with content from the content field

A user must be able to :
Typical CRUD methods
Add new pages via the treeview , see picture for how I would like it laid out.
Basically this is how I would wanted it to work:
I want to add a new record to the treeview,
- I enter the name of the page in the text box
- I click one of the add buttons mentioned below and the new record is persisted back to the database
I want to change the name of a selected page
- I enter the name of the page in the text box
- I click save and changes are persisted back to the database
I want to change the content of a page
- I change the content using the html editor
- I click save and changes are persisted back to the database

Add functions
1. Add new item to root level of treeview
2. Add new after selected treeview item
a. If a treeitem is selected then add after the selected item
3. Add new before selected treeview item and on same level
a. If a treeitem is selected then add before the selected item and on same level
4. Add new as child of selected treeview item
a. If a treeitem is selected then add as child of the selected item and position as last child
Update functions
Update select record – both name field (via the text input box) and the content field (via the keno editor)
Delete functions
Delete selected item – prevent if has children

Manage the order of items in the tree with that order persisting to the database model
#drag and drop treeview items to different parent nodes and have that persisted back to the database
#drag and drop to change order and have that persisted back to the database

Skills required:
Javascript, Ruby on Rails
Additional Files: freelancekendo.jpg
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 773
in 10 days
$ 450
in 8 days
Hire infiline
$ 555
in 4 days
$ 733
in 7 days
$ 824
in 22 days
$ 2777
in 45 days