Read Receipts for When User Views the Details Page.

This is a way to create read receipts for users who click on the detail page in the table component.

 

 

Step 1

Add a child table to contain your read receipts. Connect to users and the table you want to check if it was read. 

 

 

Step 2

Create a new pipe and add your API keys to the Global Parameters.

 

 

Step 3

Add the following API call.

https://api.tadabase.io/api/v1/data-tables/lGArg7rmR6/records?filters[items][0][field_id]=field_37&filters[items][0][operator]=is&filters[items][0][val]={loggedInUser}&filters[items][1][field_id]=field_38&filters[items][1][operator]=is&filters[items][1][val]={recordId}

Make the following three edits selected in blue to match your app. 

1. Read receipts table ID.

2. Connected user field slug

3. Connected table field slug

 

 

Step 4

Set up your pipe parameters, headers, and response, as seen in the images below.

 

 

Step 5

Add a form with read receipts connected to your table (top image below) and set up a record rule to set the record value of the user to the logged-in user. 

 

 

Step 6

Add a class of hidden to the form and add the following JavaScript to the page to mark it as read when it is opened. 

TB.render('component_4',function(data){
    data.ele.find($($('.af-form-submit')[1])).click();
});

Please remember to update the component ID to the ID of your form.

 

 

Original Community Post:

Highlight unread / new records in table component - Community Discussions / How Do I - Tadabase Community