Drag and Drop system, UI Development, and other small fixes

You may view and experiment with a demo of our application here: [url removed, login to view]

Username: demo @ [url removed, login to view]

Password: demo

- Here is an overview of what we need -

When a New Project is created, it should automatically include three phases by default:

• Employees

• Paperwork

• Project

The Employees and Paperwork phases should by default have no Start Date, End Date, or Duration. Also we need an option in the Admin front-end to toggle the need for those parameters when creating a new phase. These Phases should not show up on the project calendar.

-See Image 1

The # of Employees field when creating a project should be required. The percentage of completion for the Employees tab will, by default, pull information from this table and the number of employees that have been added from the Available list to determine the percentage of completion. For example: If I create a project with a need for 5 employees then the percentage of completion for the Employees phase is set to zero. If I add two Employees to the project from the available list, then that percentage will become 40% (2 out of 5). Obviously we don’t want any decimal numbers, so the percentage number will be rounded up.

We need a drag and drop system for adding Employees from the Available List to the project. It’s very important that this section retains the same fluid, responsive layout that of rest of the application. Depending on the size of the web browser, the list of names should split into two or three columns to fill space. The background of each of the names should automatically adjust to the same of the name, with some space on the left or right. The size of the blocks should update as well, but once they reach a certain point (say 250px high) they will get a scroll bar. The Employee names should be sorted alphabetically. The View of Phases for regular Users should not show the Available List, only the Active Employee list, and they should not be able to interact with it (no Drag and Drop).

-See Image 2

There should be a new page under the Administration tab named Employee List that lets the Admin add and delete the employee names.

-See Image 3

There also needs to be a system added to the application that prevents an employee from working on two phases at the same time. So if the duration of one project that the Employee is currently working in is from April 5th to April 8th, and another project has the duration of April 7th to April 10th, then the Admin will be able to add that Employee to the second project but only on the 9th or 10th.

Our current system will have to be adapted to include Start Hour and End Hour, because some of our Employees may only be on one job for half the day, then go to a different project for the other half.

There will need to be a way to select the Hours that Employee will be working when they are added to the Project. Perhaps a Pop-Up window, or a new UI element that shows up on the page so that in can still be responsive to Mobile view.

Lastly some work on the Project fields. When not editing or adding a Project, the fields that are empty should not be shown. For instance, if an Admin does not fill in the field City, then it should not show up on any of the views for the project. These fields should be required:

• Branch

• Type of Work

• Number of Employees

Also these fields should have Dropdown options when creating or editing.

• Branch - (Asheville, Raleigh, Charlotte, Greenville, Columbia, Augusta, Atlanta)

• Type of Work – (Asbestos, Demolition, Restoration, then a Custom option that allows user input)

For now, this is all we need done. If you have any ideas or suggestions we would be glad to hear them!

Image 1 - http://domco.us/image_1.jpg
Image 2 - http://domco.us/image_2.jpg
Image 3 - http://domco.us/image_3.jpg

AJAX CakePHP jQuery / Prototype MySQL PHP

Project ID: #4339667

About the project