Real Time Commenting System | Part 1

This is Part 1 of creating Real Time Commenting System Element.

Real Time Threaded comments allow readers to reply to other comments inline/nested which encourages better discussion and responses. View the Element

Before moving forward, go through the Code and Comment down all the 10 steps discussed in How to Read the Code.

This Forum Post will cover Step 5 onwards.

Step 5

WiX Elements:

1. 1 Text (#heading)

2. 1 Repeater (#commentsRepeater)

3. 1 Input Box (#commentInput)

4. 1 Button (#sendBtn)

5. 1 Container Box (#inputBox)

Note: The id of Elements is mentioned in brackets with #

Step 6

Global Variables:

1. toCommentOn

Step 7

Functions:

1. onReady

2. heading_click

3. sendBtn_click

4. commentInput

5. fillRepeater

Step 8

onReady

1. When #heading is clicked heading_click() is called

2. When #sendBtn is clicked sendBtn_click() is called

3. When #comment is clicked commentInput is clicked

4. fillRepeater() is called

fillRepeater()

1. fills the data in the #repeater

heading_click()

1. updates toCommentOn variable

2. expands #inputBox

3. update the placeholder text of #commentInput

sendBtn_click()

1. gets the #repeater data in commentData variable

2. create new object for new comment entered

3. update repeater data

commentInput

1. get the id of clicked item from repeater

2. get the comment of clicked item

3. update placeholder of #commentInput

- Priyanka Verma