yexuejc/solo-skins
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

https://github.com/b3log/b3log-solo/issues/12000

Browse Source
This commit is contained in:
Liang Ding
2015-02-25 10:47:53 +08:00
parent 71728c8fef
commit 8c2c5e60e0
48 changed files with 9955 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

165
bruce/macro-comments.ftl Normal file
View File

@@ -0,0 +1,165 @@
<#macro comments commentList article>
<div class="row" id="comments">
<div class="col-sm-12">
<#list commentList as comment>
<div class="row comment" id="${comment.oId}">
<img class="col-sm-1" title="${comment.commentName}"
alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
<div class="col-sm-11">
<div class="row">
<#if "http://" == comment.commentURL>
<a>${comment.commentName}</a>
<#else>
<a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
</#if>
<#if comment.isReply>@
<a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 20);"
onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
</#if>
<span class="gray">• ${comment.commentDate?string("yy-MM-dd HH:mm")} • <#if article.commentable>
<a rel="nofollow" href="javascript:replyTo('${comment.oId}');">Reply</a>
</#if></span>
</div>
<div class="row code-highlight">${comment.commentContent}</div>
</div>
</div>
</#list>
</div>
</div>
<#if article.commentable>
<div class="row cmtForm">
<table id="commentForm" class="col-sm-12">
<tbody>
<#if !isLoggedIn>
<tr>
<td colspan="2">
<input type="text" class="normalInput" id="commentName" placeholder="Name"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="text" class="normalInput" id="commentEmail" placeholder="Email"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="text" id="commentURL" placeholder="URL"/>
</td>
</tr>
</#if>
<tr>
<td id="emotions" colspan="2">
<span class="em00" title="${em00Label}"></span>
<span class="em01" title="${em01Label}"></span>
<span class="em02" title="${em02Label}"></span>
<span class="em03" title="${em03Label}"></span>
<span class="em04" title="${em04Label}"></span>
<span class="em05" title="${em05Label}"></span>
<span class="em06" title="${em06Label}"></span>
<span class="em07" title="${em07Label}"></span>
<span class="em08" title="${em08Label}"></span>
<span class="em09" title="${em09Label}"></span>
<span class="em10" title="${em10Label}"></span>
<span class="em11" title="${em11Label}"></span>
<span class="em12" title="${em12Label}"></span>
<span class="em13" title="${em13Label}"></span>
<span class="em14" title="${em14Label}"></span>
</td>
</tr>
<tr>
<td colspan="2">
<textarea rows="10" style="width: 100%;" id="comment"></textarea>
</td>
</tr>
<#if !isLoggedIn>
<tr>
<td colspan="2">
<input type="text" id="commentValidate"/>
<img id="captcha" alt="validate" src="${servePath}/captcha.do" />
</td>
</tr>
</#if>
<tr>
<td>
<span class="text-danger" id="commentErrorTip"></span>
</td>
<td align="right">
<button class="btn btn-success" id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
</td>
</tr>
</tbody>
</table>
</div>
<#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>
<div id="externalRelevantArticles" class="row article-relative"></div>
</#if>
</#if>
</#macro>
<#macro comment_script oId>
<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
<script type="text/javascript">
var page = new Page({
"nameTooLongLabel": "${nameTooLongLabel}",
"mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
"mailInvalidLabel": "${mailInvalidLabel}",
"commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
"captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
"captchaErrorLabel": "${captchaErrorLabel}",
"loadingLabel": "${loadingLabel}",
"oId": "${oId}",
"skinDirName": "${skinDirName}",
"blogHost": "${blogHost}",
"randomArticles1Label": "${randomArticlesLabel}",
"externalRelevantArticles1Label": "${externalRelevantArticlesLabel}"
});
var addComment = function (result, state) {
var commentHTML = '<div class="row comment" id="' + result.oId + '"><img class="col-sm-1" \
title="' + result.userName + '" alt="' + result.userName +
'" src="' + result.commentThumbnailURL
+ '"/><div class="col-sm-11"><div class="row">' + result.replyNameHTML;
// if (state !== "") {
// var commentOriginalCommentName = $("#" + page.currentCommentId
// + " .comment-panel>.left a").first().text();
// commentHTML += '&nbsp;@&nbsp;<a href="${servePath}'
// + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
// + 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 20);"'
// + 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">'
// + commentOriginalCommentName + '</a>';
// }
commentHTML += '<span class="gray">•' + result.commentDate.substring(2, 16)
+ '• <a rel="nofollow" href="javascript:replyTo('
+ result.oId + ');">Reply</a></span></div><div class="row">'
Util.replaceEmString($("#comment" + state).val().replace(/</g, "&lt;").
replace(/>/g, "&gt;").replace(/\n/g, "<br/>")) + '</div>';
return commentHTML;
};
var replyTo = function (id) {
var commentFormHTML = "<table class='cmtReplyForm' id='replyForm'>";
page.addReplyForm(id, commentFormHTML);
$("#replyForm label").each(function () {
$this = $(this);
$this.attr("for", $this.attr("for") + "Reply");
});
};
$(document).ready(function () {
page.load();
// emotions
page.replaceCommentsEm("#comments");
<#nested>
});
</script>
</#macro>