diff options
Diffstat (limited to '')
-rw-r--r-- | comments.php | 10 | ||||
-rw-r--r-- | doc/ChangeLog | 6 | ||||
-rw-r--r-- | template/cclear/admin/comments.tpl | 2 | ||||
-rw-r--r-- | template/cclear/comments.tpl | 131 | ||||
-rw-r--r-- | template/cclear/content.css | 44 | ||||
-rw-r--r-- | template/cclear/default-layout.css | 33 | ||||
-rw-r--r-- | template/cclear/image.css | 2 | ||||
-rw-r--r-- | template/cclear/theme/home.png | bin | 0 -> 1590 bytes |
8 files changed, 180 insertions, 48 deletions
diff --git a/comments.php b/comments.php index 115bf8572..6b949eb31 100644 --- a/comments.php +++ b/comments.php @@ -425,11 +425,13 @@ SELECT id, uppercats } $template->assign_block_vars( - 'picture.comment', + 'comment', array( - 'COMMENT_AUTHOR' => $author, - 'COMMENT_DATE'=>format_date($comment['date'],'mysql_datetime',true), - 'COMMENT'=>parse_comment_content($comment['content']), + 'U_PICTURE' => add_session_id($url), + 'TN_SRC' => $thumbnail_src, + 'AUTHOR' => $author, + 'DATE'=>format_date($comment['date'],'mysql_datetime',true), + 'CONTENT'=>parse_comment_content($comment['content']), )); } } diff --git a/doc/ChangeLog b/doc/ChangeLog index cb664a37e..a2fba5ef3 100644 --- a/doc/ChangeLog +++ b/doc/ChangeLog @@ -1,3 +1,9 @@ +2005-08-21 Pierrick LE GALL + + * modification : adaptation of template variables and blocks in + comments page to display comment by comment instead of picture by + picture. + 2005-08-20 Pierrick LE GALL * improvement : dedicated page for user comments validation/reject diff --git a/template/cclear/admin/comments.tpl b/template/cclear/admin/comments.tpl index 93e5c4ed9..d903c332a 100644 --- a/template/cclear/admin/comments.tpl +++ b/template/cclear/admin/comments.tpl @@ -1,6 +1,6 @@ <h2>{lang:User comments validation}</h2> -<form method="post" action="{F_ACTION}" id="comment"> +<form method="post" action="{F_ACTION}"> <input type="hidden" name="list" value="{LIST}" /> diff --git a/template/cclear/comments.tpl b/template/cclear/comments.tpl index 085c0860a..2ea1dc1bb 100644 --- a/template/cclear/comments.tpl +++ b/template/cclear/comments.tpl @@ -1,47 +1,96 @@ -<!-- BEGIN title --> -<h2>{L_COMMENT_TITLE}</h2> -<!-- END title --> -<!-- TODO --> -<div class="admin"> - [ - <!-- BEGIN last_day_option --> - <a class="admin" href="{last_day_option.U_OPTION}" style="{last_day_option.T_STYLE}">{last_day_option.OPTION}</a>{T_SEPARATION} - <!-- END last_day_option --> - {L_COMMENT_STATS} - ] - <!-- BEGIN title --> - [ <a class="admin" href="{U_HOME}" title="{L_COMMENT_RETURN_HINT}">{L_COMMENT_RETURN}</a> ] - <!-- END title --> -</div> -<!-- BEGIN validation --> -<form action="{F_ACTION}" method="post"> -<!-- END validation --> +<div id="commentsPage"> -<!-- BEGIN picture --> -<div class="commentTitle">{picture.TITLE_IMG}</div> +<div id="content"> -<div style="margin-left:auto;margin-right:auto;text-align:center;"> - <a href="{picture.U_THUMB}" title="{picture.TITLE_IMG}"><img src="{picture.I_THUMB}" class="thumbLink" alt="{picture.THUMB_ALT_IMG}"/></a> -</div> + <div class="titrePage"> + <ul class="categoryActions"> + <li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/cclear/theme/home.png" alt="{lang:home}"/></a></li> + </ul> + <h2>{lang:User comments}</h2> + </div> -<!-- BEGIN comment --> -<div class="userCommentHeader"> - <!-- BEGIN validation --> - <p class="userCommentDelete"> - <input type="checkbox" name="comment_id[]" value="{picture.comment.validation.ID}" {picture.comment.validation.CHECKED} /> - </p> - <!-- END validation --> - <strong>{picture.comment.COMMENT_AUTHOR}</strong> - {picture.comment.COMMENT_DATE} -</div> +<form class="filter" action="{F_ACTION}" method="get"> -<blockquote>{picture.comment.COMMENT}</blockquote> -<!-- END comment --> -<!-- END picture --> + <fieldset> + <legend>{lang:Filter}</legend> + + <label>{lang:Keyword}<input type="text" name="keyword" value="{F_KEYWORD}" /></label> + + <label>{lang:Author}<input type="text" name="author" value="{F_AUTHOR}" /></label> + + <label> + {lang:Category} + <select name="cat"> + <!-- BEGIN category --> + <option class="{category.CLASS}" {category.SELECTED} value="{category.VALUE}">{category.OPTION}</option> + <!-- END category --> + </select> + </label> + + <label> + {lang:Since} + <select name="since"> + <!-- BEGIN since_option --> + <option {since_option.SELECTED} value="{since_option.VALUE}">{since_option.CONTENT}</option> + <!-- END since_option --> + </select> + </label> + + </fieldset> + + <fieldset> + + <legend>{lang:Display}</legend> + + <label> + {lang:Sort by} + <select name="sort_by"> + <!-- BEGIN sort_by_option --> + <option value="{sort_by_option.VALUE}" {sort_by_option.SELECTED} >{sort_by_option.CONTENT}</option> + <!-- END sort_by_option --> + </select> + </label> + + <label> + {lang:Sort order} + <select name="sort_order"> + <!-- BEGIN sort_order_option --> + <option value="{sort_order_option.VALUE}" {sort_order_option.SELECTED} >{sort_order_option.CONTENT}</option> + <!-- END sort_order_option --> + </select> + </label> + + <label> + {lang:Number of items} + <select name="items_number"> + <!-- BEGIN items_number_option --> + <option value="{items_number_option.VALUE}" {items_number_option.SELECTED} >{items_number_option.CONTENT}</option> + <!-- END items_option --> + </select> + </label> + + </fieldset> + + <input type="submit" name="submit" value="{lang:Filter and display}" /> -<!-- BEGIN validation --> -<div align="center"> -<input type="submit" name="validate" class="bouton" value="{L_VALIDATE}" /> -<input type="submit" name="delete" class="bouton" value="{L_DELETE}" /> -</div> </form> -<!-- END validation --> + +<div class="navigationBar">{NAVBAR}</div> + +<div id="comments"> + + <!-- BEGIN comment --> + <div class="comment"> + <a class="illustration" href="{comment.U_PICTURE}"><img src="{comment.TN_SRC}" /></a> + <p class="commentHeader"><span class="author">{comment.AUTHOR}</span> - <span class="date">{comment.DATE}</span></p> + <blockquote>{comment.CONTENT}</blockquote> + <hr class="separation"> + </div> + + <!-- END comment --> + +</div> + +</div> <!-- content --> + +</div> <!-- commentsPage --> diff --git a/template/cclear/content.css b/template/cclear/content.css index 355358ba3..0ed06dd4c 100644 --- a/template/cclear/content.css +++ b/template/cclear/content.css @@ -5,6 +5,10 @@ margin-bottom: 1em; /* when it's longer than menu bar */ } +#commentsPage #content { + margin: 1em; +} + #content H2 { margin-bottom: 1ex; } @@ -96,7 +100,7 @@ doesn't work :-((*/ /* actions */ ul.categoryActions { text-align: center; - margin: 0; + margin: 1px 1px 0 0; padding: 0; text-indent: 0; } @@ -113,3 +117,41 @@ ul.categoryActions { border: none; } +/* User comments */ + +#content DIV.comment { + margin: 5px; + border: 1px solid gray; +} + +#content DIV.comment > A.illustration { + display: block; + float: left; + margin: 5px; +} + +#content DIV.comment > A.illustration IMG { + border: 1px solid gray; +} + +#content DIV.comment P.commentHeader { + text-align: right; + margin: 0.5em 0.5em 0 0; +} + +#content DIV.comment UL.actions { + text-align: center; + margin: 0.2em; + clear: left; +} + +#content DIV.comment > UL.actions > LI { + display: inline; +} + +#content DIV.comment BLOCKQUOTE { + margin: 1em 1em 1em 150px; /* margin-left corresponds to maximum thumbnail width */ + border: 1px solid #d3d3d3; + border-left: 2px solid gray; + padding: 0.5em; +} diff --git a/template/cclear/default-layout.css b/template/cclear/default-layout.css index d8af28a93..e15db32c6 100644 --- a/template/cclear/default-layout.css +++ b/template/cclear/default-layout.css @@ -176,3 +176,36 @@ form#categoryOrdering ul.categoryActions { } form#cat_modify table { width: auto; } + +/** + * Filter forms are displayed label by label with the input (or select...) + * below the label + */ +FORM.filter FIELDSET { + padding: 10px; +} + +FORM.filter FIELDSET LABEL { + display: block; + float: left; + width: auto; + margin-right: 10px; + padding: 0; +} + +FORM.filter>FIELDSET>LABEL>INPUT, FORM.filter>FIELDSET>LABEL>SELECT { + display: block; +} + +FORM.filter FIELDSET P, FORM.filter FIELDSET>INPUT { + clear: left; + display: block; +} + +FORM.filter FIELDSET { + border: 1px solid gray; +} + +FORM.filter FIELDSET + INPUT { + margin-top: 10px; +} diff --git a/template/cclear/image.css b/template/cclear/image.css index 4c587f205..74f9e1a66 100644 --- a/template/cclear/image.css +++ b/template/cclear/image.css @@ -58,7 +58,7 @@ de l'image... clear: left; } -#theImage * { +#theImage>IMG { display: block; margin: 0 auto; } diff --git a/template/cclear/theme/home.png b/template/cclear/theme/home.png Binary files differnew file mode 100644 index 000000000..a7714756b --- /dev/null +++ b/template/cclear/theme/home.png |