Implement a notifications UI on top of current notifications system.

[adbharadwaj]

@heidict Will be taking up this issue.

Requirements

• http://getbootstrap.com/docs/3.3/
• https://www.w3schools.com/jquery/default.asp

[adbharadwaj]

@heidict Refer to the following links:

• Refer to this pull request https://github.com/Murali-group/GraphSpace/pull/315
• https://github.com/Murali-group/GraphSpace/wiki/GraphSpace-and-Docker
• Clone https://github.com/melvin15may/GraphSpace/tree/e%23264

[adbharadwaj]

Things to be fixed

• Text has to be changed
• Find a good way to store notification message templates
  • Config file
  • Jinja templates
• UI changes
  • Add margin to notification page
  • Show latest 5 notifications as dropdown of bell icon
  • Numbers should be aligned to the right on side menu
  • Makes changes to bootstrap table default functionality like "Showing 1 to 1 of 1 rows" and "No matching records"
  • Comment out code for "send notification email" button

[adbharadwaj]

Notification texts are available in base.py file right now. This is not the ideal way to configure texts for notifications.

[adbharadwaj]

Things to do

• Update the text for notifications
• Create a google doc with all notifications text and share with Murali for approval
• Update UI (things like aligning numbers and text and fixing theme of the page to match rest of the GraphSpace website)

[adbharadwaj]

Add documentation here - https://github.com/Murali-group/GraphSpace/wiki/Notifications-UI

[adbharadwaj]

@sushma16 is planning to work on this issue.

[adbharadwaj]

@sushma16 Another useful link: https://github.com/Murali-group/GraphSpace/wiki/Instructions-for-GSoC-Students

[adbharadwaj]

Useful link: https://www.youtube.com/watch?v=LhiVHo_hkW0

[adbharadwaj]

Another useful documentation: https://github.com/Murali-group/GraphSpace/wiki/Notification-system-for-GraphSpace

[adbharadwaj]

@sushma16 Add documentation here - https://github.com/Murali-group/GraphSpace/wiki/Notifications-UI

[adbharadwaj]

Try using Bootstrap Table to display list of notifications.

[adbharadwaj]

Sample notifications page from github

[adbharadwaj]

Notifications text are available here. https://github.com/Murali-group/GraphSpace/blob/Notifications_UI/graphspace/settings/base.py

[adbharadwaj]

@sushma16