Completed

Ruby on rails Kendoui treeview

This project was successfully completed by infiline for $555 AUD in 4 days.

Get free quotes for a project like this
Employer working
Completed by:
Skills Required
Project Budget
$250 - $750 AUD
Completed In
4 days
Total Bids
6
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
[url removed, login to view]
Treeview
[url removed, login to view]
Editor
[url removed, login to view]


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

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online