Ruby on rails Kendoui treeview

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 [login to view URL] Treeview [login to view URL] Editor [login to view URL] 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