Apply the comment viewlet template and styles to the new title-less comments. This might require integrators to apply their custom templates and styles.

svn path=/plone.app.discussion/trunk/; revision=40433
This commit is contained in:
Timo Stollenwerk 2010-09-29 08:13:54 +00:00
parent 8d00463502
commit 689fd26c12
3 changed files with 96 additions and 82 deletions

View File

@ -4,6 +4,10 @@ Changelog
1.0b8 (unreleased) 1.0b8 (unreleased)
------------------ ------------------
- Apply the comment viewlet template and styles to the new title-less comments.
This might require integrators to apply their custom templates and styles.
[timo]
- Remove title field from the comment form and replace it with an auto-generated - Remove title field from the comment form and replace it with an auto-generated
title ("John Doe on Welcome to Plone"). title ("John Doe on Welcome to Plone").
[timo] [timo]

View File

@ -46,24 +46,20 @@
<img src="defaultUser.gif" <img src="defaultUser.gif"
alt="" alt=""
border="0" border="0"
width="75" height="32"
tal:attributes="src portrait_url; tal:attributes="src portrait_url;
alt reply/Creator" /> alt reply/Creator" />
</a> </a>
<img src="defaultUser.gif" <img src="defaultUser.gif"
alt="" alt=""
border="0" border="0"
width="75" height="32"
tal:condition="not: has_author_link" tal:condition="not: has_author_link"
tal:attributes="src portrait_url; tal:attributes="src portrait_url;
alt reply/Creator" /> alt reply/Creator" />
</div> </div>
<h3 class="commentTitle"
tal:content="reply/Title" />
<div class="documentByLine" i18n:domain="plone.app.discussion"> <div class="documentByLine" i18n:domain="plone.app.discussion">
<tal:posted i18n:translate="label_comment_by">Posted by</tal:posted>
<tal:name> <tal:name>
<a href="" <a href=""
tal:condition="has_author_link" tal:condition="has_author_link"
@ -73,23 +69,20 @@
</a> </a>
<span tal:condition="not: has_author_link" <span tal:condition="not: has_author_link"
tal:replace="reply/Creator" /> tal:replace="reply/Creator" />
<span tal:condition="not: reply/Creator">Anonymous</span>
</tal:name> </tal:name>
<tal:name condition="python:reply.Creator() in ('Anonymous User', '', None)" <tal:posted i18n:translate="label_says">says:</tal:posted>
tal:content="reply/author_name">Anonymous User</tal:name> <div class="commentDate"
<tal:at i18n:translate="label_commented_at">at</tal:at> tal:content="python:view.format_time(reply.modification_date)">
<span tal:replace="python:view.format_time(reply.modification_date)">8/23/2001 12:40:44 PM</span> 8/23/2001 12:40:44 PM
</div>
</div> </div>
<div class="commentBody" <div class="commentBody">
tal:content="structure python:view.cook(reply.getText())" />
<span tal:replace="structure python:view.cook(reply.getText())" />
<div class="commentActions"> <div class="commentActions">
<button class="context reply-to-comment-button hide allowMultiSubmit"
tal:condition="python:isDiscussionAllowed and (isAnon and isAnonymousDiscussionAllowed or userHasReplyPermission)"
i18n:translate="label_reply">
Reply
</button>
<form name="delete" <form name="delete"
action="" action=""
method="post" method="post"
@ -121,9 +114,15 @@
i18n:attributes="value" i18n:attributes="value"
/> />
</form> </form>
</div> </div>
</div>
<button class="context reply-to-comment-button hide allowMultiSubmit"
tal:condition="python:isDiscussionAllowed and (isAnon and isAnonymousDiscussionAllowed or userHasReplyPermission)"
i18n:translate="label_reply">
Reply
</button>
</div> </div>
</tal:getreplies> </tal:getreplies>

View File

@ -17,13 +17,12 @@
} }
.comment { .comment {
min-height: 100px;
} }
.commentImage { .commentImage {
width: 90px;
float: left; float: left;
margin-right: -90px; width: 2.5em;
height: 3.5em;
} }
.commentImage a:link { .commentImage a:link {
@ -32,24 +31,36 @@
} }
.commentImage img { .commentImage img {
margin-right: 1em;
}
.commentDate {
display: block;
font-size: 85%;
line-height: 1.5em;
padding-top: 0.5em;
color: #76797C;
} }
.commentBody { .commentBody {
clear: both;
margin: 1em 0; margin: 1em 0;
overflow: auto;
} }
.showCommenterImage h3, .commentBody p {
.showCommenterImage .documentByLine, float: left;
.showCommenterImage .commentBody, }
.showCommenterImage .commentActions,
.showCommenterImage .reply { .discussion .documentByLine {
/* The showCommenterImage CSS class is only set if showing the float: left;
* commenters image is enabled. margin-left: 0;
*/
margin-left: 90px;
} }
.commentActions {
float: right;
text-align: right;
}
/* Reply Form /* Reply Form
-------------------------------------------------------------------------- */ -------------------------------------------------------------------------- */