Real Time Commenting System | Part 3

This is Part 3 of Real Time Commenting System Functionality.

Part 1 and Part 2 are Prerequisites of Part 3.

Real Time Commenting System | Part 1

Real Time Commenting System | Part 2

Now you will be able to Edit and Delete your comments.

View the Functionality.

These additions are made just by creating two new functions.

Functions

1. editBtn_click

2. deleteBtn_click

editBtn_click

1. disable the comment and delete buttons

2. get the repeater data in commentData variable

3. find the index of selected comment

4. get the data of selected comment in editCommentData variable

5. If the label of button is edit then set the value of comment input box to selected comment and change the label of button to "Save"

6. else get the edited comment in editedComment variable

7. update the data of selected comment using editedComment

8. update commentData and set this to repeater data

9. fill the repeater with updated data

10. set the value of comment Input box to null

11. after 100ms, collapse the comment box and empty the placeholder of comment Input box

12. change the label of button to "Edit"

13. enable the comment and delete button

deleteBtn_click

1. get the repeater data in commentData variable

2. find the index of selected comment

3. get the id of all the selected sub-comments of selected comment in itemIdArr variable using for loop

4. remove the selected comments and its sub-comments from commentData using splice function

5. update the repeater data

6. set the value of commentInput to null

7. after 100ms, collapse the input box and empty the placeholder of comment input box

- Priyanka Verma