1. Comments table
Concept is : remove <thead>, remove the checkboxes & delete button, make only one column, make the title stick to the table (if no comments, no <h3> title)
HTML output should be like this :
<h3>Comments</h3>
<table class="commentsOutput">
<tr class="dataRowOdd"> //we keep this system of colored rows
<td>
<div class="commentActions"> <a href=..=>Delete</a> </div>
<div class="commentAuthor"> Name of the Author <span class="commentCreationDate"> 00/00/00 24:24</span></div>
<pre> the comment </pre>
</td>
</tr>
<tr class="dataRowOdd"> etc ... </tr></table>
2. The add comment form
Concept is : add a title, put the textarea in a table with css class, button is currently fine
HTML output should be like this :
<h3>Add a comment</h3>
<table class="dataInput"> // can be hand-written, no need for jsf of course
<tr>
<td>
<textarea> //doesnt change
</td>
</tr>
</table>
button //doest change
3. Global tab page aspect
- when no comment, page should make
<h3>Add a comment</h3>
the add comment form
- when page has comments, page should make
<h3>Comments</h3>
the comments table
<h3>Add a comment</h3>
the textarea + button
4. warn me when comitted so i can check my styles are ok, thanks