- Change Summary:
-
Added some screenshots and updated the diff for a few regressions I found.
- Diff:
-
Revision 2 (+4169 -3958)
Rework much of the Review Board UI, and move to jQuery
Review Request #659 — Created Dec. 3, 2008 and submitted
Information
Review Board SVN (deprecated)
trunk
This introduces many significant UI changes to Review Board. The initial goal was to migrate our UI from YUI/YUI-Ext to jQuery. Along the way, I took the opportunity to fix a number of usability issues discovered over the past year or two. The comment/review dialog has been split up and simplified. The old dialog was confusing to many users for a number of reasons. They tried using it to reply to existing comments, they would sometimes lose comments because they assumed publishing a review would preserve them, and the dialog was just bulky and would scroll on click if it didn't fit on the page (due to a YUI-Ext bug). Now we have a simple comment dialog for both the diff viewer and screenshot dialogs. The green portion representing the new draft comment provides a single text area for the comment, and Save and Cancel buttons. To the left is a list of existing comments for that region (if any). Each item contains "View" and "Reply" buttons. Clicking these will jump to the reviews page, and in the case of "Reply," a new comment will be added below the comment being replied to. The review portion of the dialog is now its own entity. When clicking on "Review" on the review request details box, or when clicking "Edit Review" on the new draft banner (which is docked to the top of a review request page when there's a pending review), a modal box will pop up containing the review. This new box is a vast improvement over the old review dialog. Like actual reviews, the screenshot and diff fragments are displayed inline, progressively loaded, and the comments tied to those can be editted straight from that page. Users can make changes and decide to save them, publish, discard, or cancel what they've changed. It's harder to lose comments now. When there's a pending comment on a page and the user attempts to move away from the page, a confirmation dialog will appear. This currently happens on the diff viewer and screenshot dialogs only. The functionality will be added in a later change to reviews and the review form. There's more feedback now when making changes. When saving or deleting a comment, little bubbles briefly float up near the comment flag or region and let the user know what just happened. Hovering over a comment flag or a comment region now shows a little tooltip with the comments. It's brief. No author information is shown, just the text. Clicking the area provides that additional information. We provide slightly better error feedback now. The error banners at the top of the page now contain any debug information, such as a backtrace, when something goes wrong. In DEBUG=True installs, this information is very valuable. Certainly makes debugging Review Board itself much easier. Review request actions ("Set Submitted", "Add Screenshot", etc.) have been moved to the top of the review request box where they're more easily seen. "Set Submitted," "Discard" and "Delete" are no longer top-level actions. They now exist in a "Close" drop-down menu. This saves space and groups them together under one concept -- you're in some way closing a review request out. On top of all this, 25 bugs have been fixed.
Tested on Firefox 3, and test most of this on IE6/7 and Opera. Some things have changed since my last non-Firefox testing, and I'll be doing more of that before this goes in to make sure it all works. Will be slowly building up some unit tests for this, but it won't be ready right away.
- Change Summary:
-
* Fixed diff expanding. * Added the "Download Diff" (renamed from "Download Patch") to each review request page. * Added a confirmation dialog for discarding a review. * Made the close drop-down appear on hover, and made the submenu code generic so later extensions could easily provide submenus with minimal work. * Fixed all other bugs mentioned during reviews that I commented on.
- Diff:
-
Revision 3 (+3754 -3991)
CU
-
-
-
I'm getting status = "parsererror" here -- I think it is trying to parse the diff fragment as json. I added a dataType:"html" to the call, which let me have status = "success", but the fragment still doesn't show up. Ideas?
-
Your change here is innocent, but code patterns like this could be compressed to "comments.setdefault(key, []).append({...})", or you could make "comments" a "defaultdict(list)" and then append without worry.
- Change Summary:
-
Syncing up Revision 3 against SVN HEAD so the next interdiff is (hopefully) more readable.
- Diff:
-
Revision 4 (+4168 -3955)
- Diff:
-
Revision 5 (+3753 -3988)
- Change Summary:
-
* A few small fixes based on stuff during the review. * Fix issues viewing the screenshot details page. * Fix an error when jumping to a non-existant anchor (when hitting "n" or something too much). Due to issues in how I generated a previous diff, some stuff are going to inevitably leak into this interdiff. Sorry, ignore this :)
- Diff:
-
Revision 6 (+3745 -3969)
- Change Summary:
-
Fixed some issues in IE6: * The diff selection rectangle is now positioned correctly. * Tooltips now appear (though comment flags in the diff viewer disappear on mouse hover due to some very weird bug I can't track down, but I'll work around it before committing by disabling tooltips in IE6, if need be). * The comment dialog is no longer draggable on IE. This is broken in jquery-ui, so we may as well not support it. * The actions bar on review request boxes now look correct.
- Diff:
-
Revision 7 (+3774 -3975)
CU
-
Christopher Orr's earlier comments still need to be addressed, but otherwise it looks good to me!
- Change Summary:
-
Fixed the changes mentioned by Christopher Orr.
- Bugs:
-
- Diff:
Revision 8 (+3771 -3975)