Build Threaded Comment Interface

[rickybanister]

We will be creating a behavior to allow objects to receive comments. This will be a major component of the blog, but also work as a 'wall' type discussion platform.

A 'write a comment' input field will be displayed instead of a 'comment' button of any kind. Focusing the input will reveal the attached form:

If no fields are changed and you unfocus any of the form fields, it should close back up.

Threaded comments are allowed, but for the purpose of this design, only one level of depth is allowed.

[rickybanister]

post a comment form - open

[rickybanister]

interface for commenting

[agilbert]

Replying to rickybanister:

Threaded comments are allowed, but for the purpose of this design, only one level of depth is allowed.

There isn't much horizontal real estate there for additional levels of depth. Can you include an example of how a conversation would look if there are three or four or even more levels to a single thread? Also, when you say "only one level of depth is allowed," is the allowed depth configurable somewhere?

I found the second "reply to this comment" field somewhat confusing. It's hard to tell which comment exactly you are replying to. In this example, am I replying to Rick's comment or John's?

Attached is an example of what it might look like if there were addition levels of depth allowed. Looking at this, shouldn't the reply field be directly under the comment you're replying to regardless of how many levels of depth there are?

[boutell]

We could take an accordion approach instead of horizontal indentation. Or very limited indentation with visible faint lines...