I need a master jedi CSS to create a controller to manage a list of project. (See Photoshop file)
1) Input array must support both CSV and json
2) The controller must be fast, extremely light and work on Explorer, Firefox and Chrome
3) Controller behavior are as follow:
Client / Division Pane >
. Display a list of active division / client order by Name
. Then, follow with a list of archive client, order by name
. Search show only the matching item in the list. It's a full text search and need to be live. (As you type)
. Full box need to be clickable and the rollover is 5% light for the background box.
. Clicking a client show a div that display all project. (The full square need to be clickable)
Project Pane >
. Same as Client level
. 2 buttons with rollover enabling Archive and Delete
. Clicking on a project (to view), Archive action or Delete action will trigger a page refresh. (Full url link, no ajax target _self)
2 Button with same rollover behavior. Clicking on it trigger a page refresh. (Full url link, no ajax target _self)
Resize & Scroll >
. The page resize, the pane are lock to the left, top and bottom. Width size is fix. Top have a margin that need to be configure in the external file. (See below)
. If there is too many project to fit vertically in the browser space, I need a down arrow in the bottom of the pane that can be either control by the mouse wheel or by clicking.
Code file >
Project Array + all link and label need to be configure in a separate include file. Your code need to be a simple module to call from the page with as less as code possible.
All the business intelligence is in the business layer, don't worry about it. Just render the data as you get it.
TO BID ON THIS PROJECT >
Provide a sample of the Client / Divison pane using my JPG sample. (I also included the JPG with background only)