In Progress

Modify Orgchart Javascript component

The goal of this project is to modify Orchart framework on this page: [url removed, login to view]

The framework for the OrgChart is described in detail at: [url removed, login to view]

Add the following enhancements

1. Upon intial upload of Orchart data from XML file (this method is already complete), there are no connections present, but currently the OrgChart displays connections. The initial state of the OrgChart needs to be with no connectors (possibly just hidden or drawn to match background could be easiest). The only organization should be based on the input file is the level of the persons title (Board, C-level (CEO, CIO, etc), Vice Presidents, Directors, Managers & Staff). These Groups need to be organized with the higher level titles on top.

2. Add our Javascript grid to the Orgchart interface (screenshot included). This Grid manages and stores the contact data. The placement of the grid will have to be experimented with. We may choose to hide/remove the "connections" and the "Context Company" columns (possibly others). In this case, the grid could be placed of the left or right side. The source code for the grid will be provided upon project award.

3. Implement drag and drop to connect ROWS in the Javascript grid. This functionality would be a "mode" that is toggled by an icon representing an orgchart. When toggled on, it is in edit mode and connections moved. When off, the hierachy cannot be edited. A reporting connection will be represented as a hierarchy. Example if the CIO and CFO report to the CEO, the CFO and CIO would be indented under the CEO row. The edit/toggle button should be place at the far left of the button bar.

The Orgchart would have to be redrawn upon changing a connection. Depending upon update speed, this may be done when editing is toggled off. First attempt should be to refresh as changes happen.

This project is Phase II of a 4-Phase project.

Skills: HTML5, Javascript, jQuery / Prototype, PHP, Software Architecture

See more: orgchart javascript, top project managers, javascript edit code, file upload component, connect html javascript, component framework, component board, javascript page edit, edit page javascript, screenshot editing, presidents, javascript speed, upon javascript, javascript connection, component drag, modify contact, report board directors, html data grid, modify javascript code, orgchart, hide rows, grid background, orgchart drag drop, edit html javascript, javascript add rows

About the Employer:
( 82 reviews ) Oconomowoc, United States

Project ID: #4513357

Awarded to:

zamoldar

lets do it, thanks

$600 USD in 14 days
(9 Reviews)
4.3

3 freelancers are bidding on average $390 for this job

miniric3

Hi, We at on2itonline would love to work with you on this, we do MAD "full service" websites on a clear and fixed budget. We have lots to offer that others don't ,like our lifetime FREE hosting on every website for a s More

$175 USD in 7 days
(5 Reviews)
4.8
smileitsolu

"This is not genric message we have properly read your project and intrested for that " we are a Team of professionals having good experience of various projects. I will really appreciate if you can share your query More

$396 USD in 7 days
(18 Reviews)
3.9