In App Notifications

Posted 12 months ago by Daniel Vasiu

Daniel Vasiu Admin

In App Notifications and Subscriptions Management 


From v3.3 release, the Portal users may receive in app notifications when an element to which they have subscribed is changed by another user. This means that they are interested in any activity related to the element. 


  1. Notification List 

With this release, the portal's users that have a subscription to an item or area can view generated notifications in the Portal.  

When a user logs in into the Portal, they should see a brand new sidebar menu called 'Notifications' (placed below user profile's icon). There is a bell in the menu title, when filled in it means that the user has unread notifications, otherwise all notifications have been read by the user. 

When this menu is expanded, it shows all generated notifications for that user.  

'Unread' notifications appear in bold. Their state transitions to "Read" when the user uses 'Mark as Read' action or when the user clicks on a notification in order to see the details. 

The photo below shows a list with all read notifications. 

  o  C] Select All  Project Issue Nee.' Bug updated  Project Worksh2•p updated  3: Bug updat"i  Project Workshop ISSue New Bug •updated  Project 3: Bug  3: Bug updated  t Aru kumdeeL.tiÆ updates  Pmj«t WUk+op Bug  Project Workshop Activity 2: Some activity u *dated  9 items

The web application allows the user to perform some actions for one, more or all notifications that are in the list.  

First, there are some checkboxes that users can use to select notifications from the list for which they intend to perform some action (read, unread or delete).  

Sel«t A"  Pmject Bug updated  Project WOrkShop Area; 'ted  Project Workshop 3: New Bug updated  Proj«t 3: Bug •updat"i  Pmject Bug  Project WOrkShop Issue 3; New Bug u$ated  Project Workshop updated  Project Workshop 3: New updated  P reject Activity 2: Sæ utivity u pdatea  Completed; 9

When there is at least one notification selected, the user can mark that one as read or unread, or it can choose to remove (soft delete) that notification from the list. When one or more notifications are removed from the list, those will not be visible for the user, but will be kept in the database.  

0  」 5 All  囗  囗  囗  囗  囗  Pmj«twoxkstwp 3 : Bug updat«i  P W 。 丨 k Issue 引 8 d ,  Project Workshop Issue 引 New Bug updated  Projectwoxkshop , New 鈊 9 updated  Pmj«tWMkstopAreæ  PA"tWorkshop 」 ! updated  Project Workshop A , ~ 5 , , , : , p d  Completed: g n

  1. Notification Detail Dialog 

When the user clicks on a notification from the list, a dialog opens showing useful information regarding what happened with that element, including a link that can be used to navigate to that element. 

P 「 0 ct WON - , New updated  Please - O' 每 k470u 5310 the  ad&dmis commentwh you "OscriOed 10 the  With these changes.  P 「 0 C 一 WO 「 k409 一 ue3 … NewBug  by 522d Lorenzo 1  This objectin migFXWhiCh you aretollowing h35 been updated 122 ) 022 N19 PM  Subscnbed  , Itemedited  NewValue-  OeSCtiPtiCM Descripton e *3

  1. Configuration setup 

In order to setup the infrastructure for sending in app notifications, the application will need to be configured with parameters that are going to be used as a template of how the notification should look.  The parameters for this are:  

"TitleTemplate": "plain text that will be used in the summary section of the notification, for instance 'Hello World'", 

"DetailTemplate": "html text that will be used in the details section of the notification, for instance '<h2>This is an email</h2>'", 

"LogEntryTemplate": "html text that will be used inside the details's section in order to display change details taken from logs, for instance '&apos;<b>{0}</b>&apos; changed by <b>{1}</b>, Old Value: <b>{2}</b>, New Value: <b>{3}</b></p>'". 


In addition, configuration's parameters for email notifications have been updated. The changes are: 

"BodyTemplate" became "EmailBody"; 

"SubjectTemplate" became "EmailSubject"; 

"LogEntryTemplate" have been moved to 'Notification Configuration' section 


More details can be found in file that is included in the source code. 


  1. Subscriptions Management 

With this release, the portal's users are able to see, at user profile's level, all the elements to which they have subscribed in a centralized placed. In addition, from now on the application has a new configuration setting that allows the user to decide whether or not they want to receive email notifications. 


The photo below shows the brand new Subscriptions Management page: 

migFx@  Profile  Subscriptions  Receive email notifications  Activity 2: So utivity  5:  Are IFRS9 data  Netbmk og Mob"bank  Area: og Pension  Issue l: New Item Updated  Aru og Cmpliance  Completed; 9 items  o  1972  BUG 1972  Su bscribed at  4:03  11/10,'2022  '2:07  '0/28/2022 AM  10/27/2022 5:55 PM  10,'26/2022 306 PM  WW20229:22 AM  10/10/2022 2;16 PM  Subscribed 06/ 12  subscribed on 10-11-2022  Som ehting  Sed  t Reg

On this page there is a list view that displays user's active subscriptions. The 'Title' section of the list is a hyperlink that allows user to navigate to the corresponding element. The list comes with a context menu that gives user the possibility to 'Unsubscribe' from that element.  

Activity 2: - •etivitY  ~~ data

The user can sort the elements in the list for each of the list columns or it can filter those by 'Project Name'. 

Last but not least, there is a new checkbox on the top of the list which user can use to activate/deactivate email notifications. 



 5. Installation requirements


In order for the changes to take place, the following projects need to be reinstalled: portal, itemmgr, planning. In addition, on portal db needs to be generated and run the migration file. 

0 Votes


Login or Sign up to post a comment