The commenting UI will be implementing using 4 classes, each of which constitutes a new widget.
*CollapsibleCommentPanel
*ExpandedDetail
*CollapsedSummary
*ExpandedSummary
The CollapsibleCommentPanel will extend the contributed qx widget "CollapsiblePanel.panel". While collapsed, the user will only see the summary part, which at this point will be a CollapsedSummary. CollapsedSummary will contain some information about the poster of the comment (username, number of uploads, icon, etc) and a text preview of their comment.
When the user clicks on the comment, the CollapsibleCommentPabel will expand. At that point, the CollapsedSummary will re-draw and become an ExpandedSummary. The ExpandedSummary will contain much the same information as before, except it will be arranged in a more detailed way, and the text preview of the comment will be replaced by the full comment.
Also, upon expanding, the user will see the new ExpandedDetail, which sits directly underneath the ExpandedSummary. ExpandedDetail will essentially be a scroll box containing one CollapsibleCommentPanel for every reply to the top-level comment. In addition to the replies, there will also be the following buttons (Reply, Flag, Expand, Expand All). Obviously these buttons can be added or removed as needed, depending on changing requirements.
Currently, CollapsibleCommentPanel is fully implemented, CollapsedSummary is implemented but needs some work as far as sizing and whatnot goes, and ExpandedDetail and ExpandedSummary are only skeletons.
The commenting UI will be implementing using 4 classes, each of which constitutes a new widget.
*CollapsibleCommentPanel
*ExpandedDetail
*CollapsedSummary
*ExpandedSummary
The CollapsibleCommentPanel will extend the contributed qx widget "CollapsiblePanel.panel". While collapsed, the user will only see the summary part, which at this point will be a CollapsedSummary. CollapsedSummary will contain some information about the poster of the comment (username, number of uploads, icon, etc) and a text preview of their comment.
When the user clicks on the comment, the CollapsibleCommentPabel will expand. At that point, the CollapsedSummary will re-draw and become an ExpandedSummary. The ExpandedSummary will contain much the same information as before, except it will be arranged in a more detailed way, and the text preview of the comment will be replaced by the full comment.
Also, upon expanding, the user will see the new ExpandedDetail, which sits directly underneath the ExpandedSummary. ExpandedDetail will essentially be a scroll box containing one CollapsibleCommentPanel for every reply to the top-level comment. In addition to the replies, there will also be the following buttons (Reply, Flag, Expand, Expand All). Obviously these buttons can be added or removed as needed, depending on changing requirements.
Currently, CollapsibleCommentPanel is fully implemented, CollapsedSummary is implemented but needs some work as far as sizing and whatnot goes, and ExpandedDetail and ExpandedSummary are only skeletons.