Click the image below to view a set of screenshots showing the prototype whitelist maintenance which features (make sure to read the full article for open issues!):
- DataTables display (sorry, nothing fancy a la export, changing columns, etc., for this simple function)
- Inline editing and validation with drop down selection of whitelist type courtesy of jQuery Editable, DataTables, and the DataTable Editable plugin
- Modal popup to add a whitelist entry
- Select rows to remove (delete)
A few caveats / issues to resolve:
- None of the back end code to store the changes, insert additional whitelist entries, or delete existing whitelist entries exists yet (that's the next step)
- Adding records requires non-compliant HTML (an extra attribute)