296 lines
13 KiB
PHP
296 lines
13 KiB
PHP
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
|
||
<div class="p-block" id="comments">
|
||
<div>
|
||
<span class="t-lg border-bottom border-primary puock-text pb-2">
|
||
<i class="fa-regular fa-comments mr-1"></i>评论（<?php $this->commentsNum(_t('暂无评论'), _t('1 条评论'), _t('%d 条评论')); ?>）
|
||
</span>
|
||
</div>
|
||
|
||
<!-- 评论表单 -->
|
||
<?php if($this->allow('comment')): ?>
|
||
<div class="mt20 clearfix" id="comment-form-box">
|
||
<div id="<?php $this->respondId(); ?>">
|
||
<form method="post" action="<?php $this->commentUrl() ?>" id="comment-form" class="mt10" role="form">
|
||
<div class="form-group">
|
||
<textarea rows="4" name="text" id="comment" class="form-control form-control-sm t-sm" placeholder="世界这么大发表一下你的看法~" required><?php $this->remember('text'); ?></textarea>
|
||
</div>
|
||
|
||
<?php if($this->user->hasLogin()): ?>
|
||
<!-- 登录用户 -->
|
||
<div class="row row-cols-1 comment-info">
|
||
<input type="text" value="1" hidden name="comment-logged" id="comment-logged">
|
||
<div class="col-12">
|
||
<p class="t-sm c-sub">登录身份: <a href="<?php $this->options->profileUrl(); ?>"><?php $this->user->screenName(); ?></a> . <a href="<?php $this->options->logoutUrl(); ?>" title="Logout">登出 »</a></p>
|
||
|
||
</div>
|
||
</div>
|
||
<?php else: ?>
|
||
<!-- 访客表单 -->
|
||
<div class="row row-cols-1 comment-info">
|
||
<input type="text" value="0" hidden name="comment-logged" id="comment-logged">
|
||
<div class="col-12 col-sm-3">
|
||
<input type="text" name="author" id="comment_author" class="form-control form-control-sm t-sm" placeholder="昵称（必填）" value="<?php $this->remember('author'); ?>" required>
|
||
</div>
|
||
<div class="col-12 col-sm-3">
|
||
<input type="email" name="mail" id="comment_email" class="form-control form-control-sm t-sm" placeholder="邮箱（必填）" value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?>>
|
||
</div>
|
||
<div class="col-12 col-sm-3">
|
||
<input type="url" name="url" id="comment_url" class="form-control form-control-sm t-sm" placeholder="网站" value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?>>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="p-flex-sbc mt10">
|
||
<div>
|
||
<?php if(!$this->user->hasLogin()): ?>
|
||
<div class="d-inline-block">
|
||
<a class="btn btn-primary btn-ssm" href="<?php $this->options->loginUrl(); ?>" title="登录" target="_blank">
|
||
<i class="fa fa-right-to-bracket"></i> 登录
|
||
</a>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<div>
|
||
<?php if($this->is('post')): ?>
|
||
<button id="comment-cancel" type="button" class="btn btn-outline-dark d-none btn-ssm">取消</button>
|
||
<?php endif; ?>
|
||
<?php if($this->options->social): ?>
|
||
<button id="comment-smiley" class="btn btn-outline-secondary btn-ssm pk-modal-toggle" type="button" title="表情" data-once-load="true"
|
||
data-url="<?php echo get_correct_url('/emoji/'); ?>">
|
||
<i class="fa-regular fa-face-smile t-md"></i>
|
||
</button>
|
||
<?php endif; ?>
|
||
<button type="submit" id="comment-submit" class="btn btn-primary btn-ssm">
|
||
<i class="fa-regular fa-paper-plane"></i> 发布评论
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div id="comment-ajax-load" class="text-center mt20 d-none">
|
||
<div class="pk-skeleton _comment">
|
||
<div class="_h">
|
||
<div class="_avatar"></div>
|
||
<div class="_info">
|
||
<div class="_name"></div>
|
||
<div class="_date"></div>
|
||
</div>
|
||
</div>
|
||
<div class="_text">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<div class="pk-skeleton _comment">
|
||
<div class="_h">
|
||
<div class="_avatar"></div>
|
||
<div class="_info">
|
||
<div class="_name"></div>
|
||
<div class="_date"></div>
|
||
</div>
|
||
</div>
|
||
<div class="_text">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<div class="pk-skeleton _comment">
|
||
<div class="_h">
|
||
<div class="_avatar"></div>
|
||
<div class="_info">
|
||
<div class="_name"></div>
|
||
<div class="_date"></div>
|
||
</div>
|
||
</div>
|
||
<div class="_text">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php else: ?>
|
||
<div class="mt20 alert alert-warning">
|
||
<i class="fa fa-exclamation-circle"></i> 评论已关闭
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- 评论列表 -->
|
||
<?php if ($this->have()): ?>
|
||
<div id="post-comments">
|
||
<?php $this->comments()->to($comments); ?>
|
||
<?php $comments->listComments(); ?>
|
||
|
||
<!-- 评论分页 -->
|
||
<div class="mt20 p-flex-s-right" data-no-instant>
|
||
<?php $comments->pageNav('«', '»', 1, '...', array(
|
||
'wrapTag' => 'ul',
|
||
'wrapClass' => 'pagination comment-ajax-load',
|
||
'itemTag' => 'li',
|
||
'textTag' => 'span',
|
||
'currentClass' => 'active',
|
||
'prevClass' => 'prev',
|
||
'nextClass' => 'next'
|
||
)); ?>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<?php function threadedComments($comments, $options) { ?>
|
||
<li id="<?php $comments->theId(); ?>" class="post-comment">
|
||
<div class="info">
|
||
<div>
|
||
<?php $mail = $comments->mail;$mailHash = md5(strtolower(trim($mail)));
|
||
$cnavatar = Helper::options()->cnavatar ? Helper::options()->cnavatar : 'https://cravatar.cn/avatar/';
|
||
$avatarurl = rtrim($cnavatar, '/') . '/' . $mailHash . '?s=80&d=identicon';
|
||
$loadingImg = Helper::options()->themeUrl . '/assets/img/load.svg';
|
||
?>
|
||
<img src="<?php echo $loadingImg; ?>"
|
||
data-src="<?php echo $avatarurl; ?>"
|
||
class="avatar avatar-64 photo md-avatar lazy"
|
||
width="60" height="60">
|
||
</div>
|
||
<div class="ml-2 two-info">
|
||
<div class="puock-text ta3b">
|
||
<span class="t-md puock-links">
|
||
<?php $comments->author(); ?>
|
||
</span>
|
||
<?php $commentApprove = commentApprove($comments, $comments->mail); ?>
|
||
<?php if ($comments->authorId === $comments->ownerId): ?>
|
||
<span class="t-sm text-danger">
|
||
<i class="fa-regular fa-gem mr-1"></i>博主
|
||
</span>
|
||
<?php else: ?>
|
||
<span class="t-sm c-sub">
|
||
<i class="fa-regular fa-gem mr-1"></i><?php echo $commentApprove['userLevel']; ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
<div class="t-sm c-sub">
|
||
<span><?php $comments->date('Y-m-d H:i:s'); ?></span>
|
||
<?php $comments->reply(
|
||
sprintf('<a onclick="return TypechoComment.reply(\'%s\', %d);" class="hide-info animated bounceIn c-sub-a t-sm ml-1 comment-reply" href="%s#comment-%d"><span class="comment-reply-text"><i class="fa fa-share-from-square"></i>回复</span></a>',
|
||
$comments->theId,
|
||
$comments->coid,
|
||
$comments->commentUrl($comments->coid),
|
||
$comments->coid)
|
||
); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content">
|
||
<div class="content-text t-md mt10 puock-text">
|
||
<?php if ($comments->parent) {echo getPermalinkFromCoid($comments->parent);} $comments->content();?>
|
||
<div class="comment-os c-sub">
|
||
<?php
|
||
$deviceInfo = getBrowsersInfo($comments->agent);
|
||
$icons = getDeviceIcon($deviceInfo);
|
||
?>
|
||
<!-- 系统信息 -->
|
||
<span class="mt10" title="<?php echo $deviceInfo['system'] . ' ' . $deviceInfo['systemVersion']; ?>">
|
||
<?php echo $icons['system']; ?>
|
||
<?php
|
||
echo $deviceInfo['system']
|
||
?
|
||
: '未知系统';
|
||
?>
|
||
</span>
|
||
|
||
<!-- 浏览器信息 -->
|
||
<span class="mt10" title="<?php echo $deviceInfo['browser'] . ' ' . $deviceInfo['version']; ?>">
|
||
<?php echo $icons['browser']; ?>
|
||
<?php
|
||
echo $deviceInfo['browser']
|
||
?
|
||
: '未知浏览器';
|
||
?>
|
||
</span>
|
||
|
||
<?php if($comments->ip): ?>
|
||
<span class="mt10" title="IP">
|
||
<i class="fa-solid fa-location-dot"></i> <?php echo get_ip_region($comments->ip); ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<?php if ($comments->children): ?>
|
||
<div class="comment-children">
|
||
<?php $comments->threadedComments($options); ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
</li>
|
||
<?php } ?>
|
||
<script>
|
||
var TypechoComment = {
|
||
dom : function (id) {
|
||
return document.getElementById(id);
|
||
},
|
||
|
||
create : function (tag, attr) {
|
||
var el = document.createElement(tag);
|
||
|
||
for (var key in attr) {
|
||
el.setAttribute(key, attr[key]);
|
||
}
|
||
|
||
return el;
|
||
},
|
||
|
||
reply : function (cid, coid) {
|
||
var comment = this.dom(cid), parent = comment.parentNode,
|
||
response = this.dom('comment-form-box'), holder = response.parentNode,
|
||
form = this.dom('comment-form'), textarea = this.dom('comment'),
|
||
submit = this.dom('comment-submit'),
|
||
cancel = this.dom('comment-cancel');
|
||
|
||
if (null != this.dom('comment-form-place-holder')) {
|
||
var holder = this.dom('comment-form-place-holder');
|
||
}
|
||
|
||
// 移动评论表单
|
||
if (null == this.dom('comment-form-place-holder')) {
|
||
var holder = this.create('div', {
|
||
'id': 'comment-form-place-holder'
|
||
});
|
||
|
||
response.parentNode.insertBefore(holder, response);
|
||
}
|
||
|
||
// 修改表单中的内容
|
||
comment.appendChild(response);
|
||
|
||
// 显示取消回复按钮
|
||
cancel.style.display = '';
|
||
|
||
// 记录回复的评论ID
|
||
this.dom('comment-parent').value = coid;
|
||
|
||
// 移动光标到评论框
|
||
textarea.focus();
|
||
|
||
return false;
|
||
},
|
||
|
||
cancelReply : function () {
|
||
var response = this.dom('comment-form-box'), holder = this.dom('comment-form-place-holder'),
|
||
comment = this.dom('comment-parent');
|
||
|
||
if (null != holder) {
|
||
holder.parentNode.insertBefore(response, holder);
|
||
holder.parentNode.removeChild(holder);
|
||
}
|
||
|
||
// 隐藏取消回复按钮
|
||
this.dom('comment-cancel').style.display = 'none';
|
||
// 清除回复评论ID
|
||
comment.value = '';
|
||
|
||
return false;
|
||
}
|
||
};
|
||
</script>
|