Thanks for the change. I'll review this probably sometime this week (Thanksgiving week is busy). Can you provide screenshots of the process?

So lots of stylistic changes to be made. I'd encourage you to be very careful about making sure the code looks just like the existing code.

Along with this, I want to get a better idea about the UI. Replying to comments in the diff viewer is okay if we can get the UI right, but I don't know about the publish banner. What happens if you have two replies to two different people? We certainly wouldn't want more than one banner, but only one banner doesn't make sense either.

How does the banner look when you also have a banner up for a draft review request?

If we had one banner that basically said you have one or more replies (across multiple reviews) with a publish button that published all of them, that might be fine.

However, doing this on a per-comment basis is not what we want here, in terms of UI and code. A lot of the new code adds to DiffComment and treats it like a mini ReviewReply object, when really we should be operating on either a single or multiple ReviewReply objects.

Space before the {

These should be in alphabetical order.

How much of these rules are reused from other banners? We should consolidate as much as possible.

Same here.

Two blank lines here.

Can you add a comment block above this describing the purpose of the function?

Spaces after "if" and before "{"

This should be styled like:

return {
    value: this.text,
    id: this.replyToCommentId,
    ...
}

} else {

Same comment here about the style.

No blank line before the }, but you should have one before publishReply. Each function should be separated by a blank line.

We shouldn't duplicate functionality from ReviewReply. Any code needing ot call this function or discardReply should just use a ReviewReply instance.

This doesn't make any sense to me. It shouldn't really be here.

Space after "if" and before {

Blank line before the call to addReplyCommentBanner, but not after.

Not much point in saying that it's an anonymous function.

Blank line between these.

{ on the same line as the if.

Formatted incorrectly. Should be:

gReplyCommentsBanner
    .slideUp()
    .find(...)
    .slideUp();

Blank line between these.

Blank line between these.

Formatting issues.

Since the DiffComment won't contain the publish functions, this won't really work. This should instead listen to this event on the comment's parent Review or ReviewReply object (which will need to be modified to emit this signal).

Alignment looks wrong.

Blank line between these.

/*
 * Multiline comments
 * should look like this.
 */

Spaces around the "-"

I get what we're doing here, but it's sort of ugly. Can you make a comment with a TODO saying that this needs to be cleaned up to not need to create this JSON structure?

Ideally, we'd just query for new comments from the server, I think, or deal with the DiffComment structure in the comments array. That's a larger change, though.

This should be:

"user": {
    "username": "",
    "name": gUserFullName
},

Space on both sides of the "+".

Alignment issues. Also, blank line after this declaration.

Space on both sides of the "+"

Blank line after the variable declaration.

Is this to fix a bug unrelated to this change? If so, we should split it off into a separate change.

Blank line before this block of declarations and after.

I'd much prefer:

I don't see why we're setting href to that. It should be "#"

Also, I'd prefer setting href and the text with .attr("href", "#") and .text("Reply")

Blank line before the for loop.

This is a docstring. We should be using a comment. Also, no blank line after this.

I don't understand why we're doing this change.

Blank line between these.

Excess whitespace.

Should be comments, not a doc string.

"attributes"

Most of this is duplicate code. We need to condense it. Factor out similar code into utility functions.

Actually, though, it seems we're just looping thorugh all comments over and over. The existing outer loop already loops over every comment on that diff, so looping over a subset of them on each comment is unnecessary. We should just make use of the existing checks for the "public" flag and such.

Indentation should be 1 space.

Can you maybe highlight the comment you're replying to?