General notes the following project uses datatables and requires localStorage. The API is well documented
[login to view URL]
and examples of localStorage with datatables exist here:
[login to view URL] to save state
1. double-click on a line should open a textbox popup allowing us to store a comment, there should be 2 buttons save and cancel, on the popup.
The comment should be stored in LocalStorage, the key should be the contents of a specified column of the line (colNumberKey in the example below) and the value should be the comment.
When the table is loaded the comments should be read, and a title attribute needs to be added to the matching rows. The comments need to be displayed as a mouseover using the title attribute ONLY on a specified column.
so to turn on the comments feature we should be able to call a method
.datatable(...).AddDoubleClickComments(colNumberKey,colNumberMouseover)
2. New support for selected rows
We need the the selected rows stored in local storage (and retrieved and selected when the datatable is opened).
In addition a checkbox must be added called "hideSelected", checkbox should be located on top of the table on the same line as the global search box. The checkBox state also needs to be persisted to localStorage. clicking the box shows/hides the selected rows.
The datatables plugin has support for selectable rows here:
[login to view URL]
NOTE: the new methods should be chainable, i.e. they must return the datatables object so I should be able to do.
.datatable(...).AddDoubleClickComments(colNumberKey,colNumberMouseover).PersistSelectedRows(colNumberKey)
OR
.datatable(...).PersistSelectedRows(colNumberKey).AddDoubleClickComments(colNumberKey,colNumberMouseover)
3. Global exclusion box
We need a global exclusion text box filter beside the global search. This box can be used to input a comma separated list of text.
The effect of this box is that ALL lines containing ANY of the matching words (in any column) will be hidden. The effect is the inverse of the search box except that we need the comma separataion.
Example global exclusion=xxx,yyy
the effect is to exclude all lines containing xxx AND also all lines containing yyy.
NOTE that the exclusion search must work in conjunction with the standard search, one does not override the other! BOTH filters are applied (this will most likely happen automatically since the global search works independently and is included in the datables code).
The global exclusion search MUST also be stored in local storage.
General notes:
For all data stored in local storage referred to in this project, the localStorage must be read and set the corresponding elements when the table is created in the documentReady event.
The show/hide checkbox, global exclusion search , and regular search (which already exists) MUST appear on the same line at the top of the table in order to save space.
IMPORTANT NOTE FOR TESTING ANd BIDDING ON THE PROJECT
You must have a public facing website where you can deploy the working test sample code so that I can test directly on the website. Do not bid on this project if you do not have access to a public website!
For testing and my validation please present a working example with a table with at least 50 lines and 5 columns. The simplest way to generate this is to just copy the html from one of the tables in the datatables site.
If you bid on the project, please specifically indicate your javascript/jquery experience. If you have specific experience with the datatables api this is helpful, but not essential.
standard terms and conditions:
1. should you find any bugs in my code i will correct them asap. the
service guarantee is within 3 days of finding the bug though it will
be always much quicker than that. as goodwill i continue to help you
with any problem arising out of my work even after the project is
marked complete.
2. you can specify reasonable amount of time to test the code. In
case not specified before accepting the bid normal period of 7 days
will apply. the job will be deemed completed accepted should there be
no response from you after expiry of that time.
however if there is any unforeseen circumstances i will consider any
request to increase the time needed for testing.
3. If we have agreed any milestone the above condition applies to each
such milestones.
4. the bid doesn't contain any graphics/design/template related work.
will be template based simple functional design can integrate your existing template .
-Please just read my past reviews on first 2 pages at least---------------------------------------------------------I am experienced and ready to start--------------------------------------Get back to me i will show you my quality work as well
JUST NEED CHANCE TO PROVE OUR TOP LEVEL SKILL