blog: comment threads

This commit is contained in:
fabrixxm 2013-01-22 11:50:37 -05:00
parent 4ec0aade1d
commit 74f0e2ab10
7 changed files with 136 additions and 10 deletions

View file

@ -5,8 +5,9 @@
<script>var baseurl="<?php echo $a->get_baseurl() ?>";</script> <script>var baseurl="<?php echo $a->get_baseurl() ?>";</script>
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?> <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
</head> </head>
<?php $bodyclass=""; <?php
if (!x($page,'aside') && !x($page,'right_aside')) $bodyclass.=" singular"; $bodyclass="";
if (!x($page,'aside') && !x($page,'right_aside')) $bodyclass.=" singular";
?> ?>
<body class="<?php echo $bodyclass;?>"> <body class="<?php echo $bodyclass;?>">
<div id="page"> <div id="page">
@ -29,7 +30,7 @@ if (!x($page,'aside') && !x($page,'right_aside')) $bodyclass.=" singular";
</div> </div>
</div> </div>
<?php if (x($page,'aside') || x($page,'right_aside')) { ?> <?php if (x($page,'aside') || x($page,'right_aside')) { ?>
<div id="secondary" class="widget-area <?php if (in_array($a->module, array('profile','photos'))) echo 'overlap'; ?>" role="complementary"> <div id="secondary" class="widget-area <?php if (in_array($a->module, array('profile','photos','display'))) echo 'overlap'; ?>" role="complementary">
<?php if(x($page,'aside')) echo $page['aside']; ?> <?php if(x($page,'aside')) echo $page['aside']; ?>
<?php if(x($page,'right_aside')) echo $page['right_aside']; ?> <?php if(x($page,'right_aside')) echo $page['right_aside']; ?>
</div> </div>

View file

@ -37,7 +37,7 @@
<dl class="toolbox right"> <dl class="toolbox right">
<dd style="{{if $visitor=none}}display: none;{{endif}}"><img id="profile-rotator" src="$baseurl/view/theme/blog/images/rotator.gif" alt="$wait" title="$wait" style="display: none;" /></dd> <dd style="{{if $visitor=none}}display: none;{{endif}}"><img id="profile-rotator" src="$baseurl/view/theme/blog/images/rotator.gif" alt="$wait" title="$wait" style="display: none;" /></dd>
<dd><input type="submit" id="profile-jot-submit" name="submit" value="$share" class="button" /></dd> <dd><input type="submit" id="profile-jot-submit" name="submit" value="$share" class="button" /></dd>
<dd><a href="#" onclick="preview_post(); return false;" id="jot-preview-link" class="button">$preview</a></dd> {{ if $preview }}<dd><a href="#" onclick="preview_post(); return false;" id="jot-preview-link" class="button">$preview</a></dd>{{ endif }}
</dl> </dl>

View file

@ -26,6 +26,8 @@ a.button:hover {
background: #eee; background: #eee;
} }
footer { margin-top: 20px; } /*?*/
/* header */ /* header */
input#search { input#search {
background: url("images/search.png") no-repeat scroll 5px 6px transparent; background: url("images/search.png") no-repeat scroll 5px 6px transparent;

View file

@ -12,3 +12,7 @@ $a->theme_info = array(
function blog_init(&$a) { function blog_init(&$a) {
} }
function blogtemplate($item) {
return $item['template'];
}

View file

@ -0,0 +1,31 @@
$live_update
{{ for $threads as $thread }}
{{ inc $thread.template with $item=$thread }}{{ endinc }}
{{ endfor }}
<div id="conversation-end"></div>
{{ if $dropping }}
<div id="item-delete-selected" class="fakelink" onclick="deleteCheckedItems();">
<div id="item-delete-selected-icon" class="icon drophide" title="$dropping" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></div>
<div id="item-delete-selected-desc" >$dropping</div>
</div>
<img id="item-delete-selected-rotator" class="like-rotator" src="images/rotator.gif" style="display: none;" />
<div id="item-delete-selected-end"></div>
{{ endif }}
<script>
// jquery color plugin from https://raw.github.com/gist/1891361/17747b50ad87f7a59a14b4e0f38d8f3fb6a18b27/gistfile1.js
(function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){var f;do{f=d.curCSS(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}var a={transparent:[255,255,255]}})(jQuery);
var colWhite = {backgroundColor:'#FFFFFF'};
var colShiny = {backgroundColor:'#FCE94F'};
</script>
{{ if $mode == display }}
<script>
var id = window.location.pathname.split("/").pop();
$(window).scrollTop($('#item-'+id).position().top);
$('#item-'+id).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 2000);
</script>
{{ endif }}

View file

@ -1,4 +1,4 @@
<article class="post-8 post type-post status-publish format-standard hentry category-uncategorized tag-html tag-wordpress" id="$item.id"> <article class="post-8 post type-post status-publish format-standard hentry category-uncategorized tag-html tag-wordpress" id="item-$item.id">
<header class="entry-header"> <header class="entry-header">
<h1 class="entry-title"><a rel="bookmark" title="Permalink" href="$item.plink.href">$item.title</a></h1> <h1 class="entry-title"><a rel="bookmark" title="Permalink" href="$item.plink.href">$item.title</a></h1>
@ -56,9 +56,69 @@
<span class="sep"> | </span> <span class="sep"> | </span>
{{ endif }} {{ endif }}
<span class="comments-link"><a title="Comment" href="$item.plink.href"> <span class="comments-link"><a title="Comment" href="$item.plink.href">$item.total_comments_num $item.total_comments_text</a>
$item.total_comments_num $item.total_comments_text</a>
</span> </span>
</footer><!-- #entry-meta --> </footer><!-- #entry-meta -->
</article> </article>
<div id="comments">
<h2 id="comments-title">
$item.total_comments_num $item.total_comments_text on &ldquo;<span>$item.title</span>&rdquo;
</h2>
<ol class="commentlist">
{{ for $item.children as $child }}
{{ inc wall_thread_comment.tpl with $item=$child }}{{ endinc }}
{{ endfor }}
</ol>
<div id="respond">
<h3 id="reply-title">
Leave a Reply
<small>
<a rel="nofollow" id="cancel-comment-reply-link" href="/?p=8#respond" style="display:none;">Cancel reply</a>
</small>
</h3>
<form action="http://wp-themes.com/wp/wp-comments-post.php" method="post" id="commentform">
<p class="comment-notes">
Your email address will not be published. Required fields are marked
<span class="required">*</span>
</p>
<p class="comment-form-author">
<label for="author">
Name
<span class="required">*</span>
</label>
<input id="author" name="author" type="text" value="" size="30" aria-required="true">
</p>
<p class="comment-form-email">
<label for="email">
Email
<span class="required">*</span>
</label>
<input id="email" name="email" type="text" value="" size="30" aria-required="true">
</p>
<p class="comment-form-url">
<label for="url">Website</label>
<input id="url" name="url" type="text" value="" size="30">
</p>
<p class="comment-form-comment">
<label for="comment">Comment</label>
<textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</p>
<p class="form-allowed-tags">
You may use these
<abbr title="HyperText Markup Language">HTML</abbr>
tags and attributes:
<code>&lt;a href="" title=""> &lt;abbr title=""> &lt;acronym title=""> &lt;b> &lt;blockquote cite=""> &lt;cite> &lt;code> &lt;del datetime=""> &lt;em> &lt;i> &lt;q cite=""> &lt;strike> &lt;strong> </code>
</p>
<p class="form-submit">
<input name="submit" type="submit" id="submit" value="Post Comment">
<input type="hidden" name="comment_post_ID" value="8" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
</form>
</div>
<!-- #respond -->
</div>

View file

@ -0,0 +1,28 @@
<li class="comment even thread-even depth-1" id="li-comment-2">
<article id="comment-2" class="comment">
<footer class="comment-meta">
<div class="comment-author vcard">
<img alt="" src="http://0.gravatar.com/avatar/?d=identicon&s=68" class="avatar avatar-68 photo avatar-default" height="68" width="68">
<span class="fn">
<a href="http://joseph.randomnetworks.com/" rel="external nofollow" class="url">Joseph Scott</a>
</span>
on
<a href="http://wp-themes.com/?p=8&cpage=1#comment-2">
<time datetime="2008-06-21T00:07:24+00:00">21 June, 2008 at 12:07 am</time>
</a>
<span class="says">said:</span>
</div>
<!-- .comment-author .vcard -->
</footer>
<div class="comment-content">
<p>I never could remember more than the first few lines of that nursery rhyme.</p>
</div>
<div class="reply">
</div>
<!-- .reply -->
</article>
<!-- #comment-## -->
{{ for $item.children as $child }}
{{ inc wall_thread_comment.tpl with $item=$child }}{{ endinc }}
{{ endfor }}
</li>