<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>评论 - KGCMS</title>
<meta name="keywords" content="keyword" />
<meta name="description" content="introduction'" />
<meta name="copyright" content="KGCMS {{kg['server']['KGCMS_VERSION']}}" />
<!-- 自适应移动端 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 禁止缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="{{kg['tpl_url']}}style/comment.css">
<script src="{{kg['tpl_url']}}script/jquery-3.0.0.min.js"></script>
<script src="{{kg['tpl_url']}}script/bootstrap.min.js"></script>
<script src="{{kg['server']['HTTP_HOST']}}/tools/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script src="{{kg['server']['HTTP_HOST']}}/tools/ueditor/ueditor.parse.js"></script>
<script src="{{kg['tpl_url']}}script/common.js"></script>
<script src="{{kg['tpl_url']}}script/comment.js"></script>
</head>
<body>
	<div class="container-fluid ngcon-style">
		<div class="row">
			<div class="page-title sty-title">评论：
				<a target="_blank" href="{{kg['module']['url']}}">{{kg['module']['title']}}</a>
				<a target="_blank" href="{{kg['module']['url']}}" class="view">[查看原文]</a>
			</div>
			<div class="col-md-9 ngar-D1">
				<div class="panel panel-default No-shadow">
					<div class="panel-body" style="position: relative;">
						<div class="clearfix " style="border-bottom: 1px solid #e9eaeb;">
							<ul class="nav nav-pills tab_header" id="tabs">
								<li role="presentation" {% if kg['order'] ==0 %}class="active"{% endif %}><a href="/comment?{{kg['sort']}}sort=0"  aria-expanded="true">热门评论</a></li>
								<li role="presentation" {% if kg['order'] ==1 %}class="active"{% endif %}><a href="/comment?{{kg['sort']}}sort=1"  aria-expanded="false">最新评论</a></li>
								<li role="presentation" {% if kg['order'] ==2 %}class="active"{% endif %}><a href="/comment?{{kg['sort']}}sort=2"  aria-expanded="false">最早评论</a></li>
								<li class="pull-right" style="width: auto;padding: 0;"><div class="c-header" style="padding-top: 12px;"><span>{{kg['count']['rows']}}&nbsp;</span><span style="font-size: 16px;color: #444;vertical-align: top;">条评论</span></div></li>
								<li class="pull-right" style="width: auto;padding: 0; padding-right: 15px;"><div class="c-header" style="padding-top: 12px;"><span>{{kg['count']['user']}}&nbsp;</span><span style="font-size: 16px;color: #444;vertical-align: top;">人参与</span></div></li>
							</ul>
						</div>
                        <!-- 评论区 -->
						<div class="detail-comment">
							<div id="comment">
								<div class="comment-inputBox">
									<div class="bui-box comment-param" quote-id="0" theme-id="0" level="0">
										<div class="avatar-wrap avatar-wrap-center"><img src="{{kg['user'].get('image', '')}}" alt=""></div>
										<div class="input-wrap own_comment">
											<div class="c-textarea"><textarea class="textarea" name="comment" placeholder="写下您的评论..."></textarea></div>
											<div class="c-action"><button type="button" class="am-btn am-btn-secondary am-btn-xs comment-submit">评论</button></div>
										</div>
									</div>
								</div>
								<ul class="c-item-ul clearfix" id="level-0">
									{% for row in kg['comment']['list'] %}
									<li class="c-item clearfix">
										<a class="avatar-wrap" href="#" target="_blank"><img src="{{row['image']}}" alt=""></a>
										<div class="c-content">
											<div class="c-user-info clearfix">
												<a href="#" class="c-user-name">{{row['nickname']}}</a><span class="c-create-time">{{row['interval']}}</span>
											</div>
											<div class="c-comment-content">{{row['content']}}{{row['touser']}}</div>
											<div class="c-footer-action clearfix {% if row['already_agree'] %}active-footer-action{% endif %}">
												<span class="c-reply">回复</span>
												<span class="c-reply-count" theme="{{row['id']}}" comment-count="{{row['count']}}">{% if row['count'] > 0 %}&nbsp;⋅ <i class="hf"><em>{{row['count']}}</em>条回复</i><i class="glyphicon" style="font-size: 14px; color: rgb(64, 101, 153);"><i class="glyphicon glyphicon-menu-down" style="font-size: 14px; color: rgb(64, 101, 153);"></i></i>{% endif %}</span>
												<span class="c-digg" comment-id="{{row['id']}}">{{row['agree']}}&nbsp;<i class="glyphicon glyphicon-thumbs-up"></i></span>
											</div>
											<div class="J_input_1 J_inputBox comment-param" quote-id="{{row['id']}}" theme-id="{{row['id']}}" level="1" add-comment="0">

											</div>
											<!-- 回复的信息 -->
											<div class="comment-div-box">
											</div>
											<div><a href="javascript:void(0);" class="c-load-more get-next-page" next-page="2" style="display: none">查看更多评论</a></div>
										</div>
									</li>
									{% endfor %}
								</ul>
							</div>
						</div>
					</div>
				</div>
				{{ kg['comment']['page_html'] }}
			</div>
			<div class="col-md-3">
				<div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
					<!-- 最多10条 -->
					<div style="margin-bottom: 15px; border: 1px solid #e9eaeb;">
						<div class="comment_title_r">最新评论</div>
						<div class="comment_list_r">
							{% for row in kg['top']['new'] %}
							<ul>
								<li class="comment_list_num_r">{{loop.index}}</li>
								<li class="comment_list_txt_r">
									<a href="{{row['url']}}" target="_blank">{{row['content']}}</a>
									<br>
									<span>{{row['addtime']}}</span>
								</li>
							</ul>
							{% endfor %}
						</div>
					</div>
					<!-- 最多10条 -->
					<div style="margin-bottom: 15px;border: 1px solid #e9eaeb;">
						<div class="comment_title_r">热评内容</div>
						<div class="comment_list_r">
							{% for row in kg['top']['fire'] %}
							<ul>
								<li class="comment_list_num_r">{{loop.index}}</li>
								<li class="comment_list_txt_r">
									<a href="{{row['url']}}" target="_blank">{{row['title']}}[{{row['comment_count']}}]</a>
									<br>
									<span>{{row['addtime']}}</span>
								</li>
							</ul>
							{% endfor %}
						</div>
					</div>
				</div>
			</div>
		</div>
		{% include 'component_footer.tpl' %}
	</div>
</body>
</html>