<!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>{{kg['article']['title']}} - KGCMS</title>
<meta name="keywords" content="{{kg['article']['keyword']}}" />
<meta name="description" content="{{kg['article']['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/article_view.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/article_view.js"></script>
</head>
<body>
	<div class="container-fluid ngcon-style">
	{% include 'component_header.tpl' %}
		<div class="row">
			<div class="col-md-3">
				<div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
					<ul class="nav bs-docs-sidenav" id="left-nav">
						{%- for row in kg['article']['category'][-1]|category() %}
						<li {% if row['id']==kg['category']['id'] %}class="active" {% endif %}>
							<a href="{{row['url']}}">
								<span class="iconfont icon-dian"></span>{{row['title']}}
							</a>
						</li>
						{%- endfor %}
					</ul>
				</div>
			</div>
			<div class="col-md-9 ngar-D1">
				<div class="panel panel-default No-shadow">
					<div class="panel-body" style="position: relative;">
						<h1 class="page-title sty-title">{{kg['article']['title']}}</h1>
						<div class="click_comment_anchor"><a href="#comment"><img src="{{kg['tpl_url']}}image/comment.png" alt=""><span>{{kg['article']['comment_count']}}</span></a></div>
						<ul class="ul-Ksty">
							<li>发布时间：
								<span>{{kg['article']['pushtime']}}</span>
							</li>
							<li>&nbsp;&nbsp;&nbsp;阅读：
								<span>{{kg['article']['click']}}</span>&nbsp;&nbsp;&nbsp;
							</li>
						</ul>
						<div class="ng-clear"></div>
						<hr class="hr-Rsty">
						<div class="content con-Wsty" id="b"> 
							{%- if kg['article']['content'] %}
							{{kg['article']['content']}}
							{%- else %}
							<div class="No-content con-syt">{{kg['lang'][1]}}</div>
							{%- endif %}
						</div>
						<input type="hidden" id="article_id" value="{{kg['article']['id']}}">
						{% if kg['comment_enabled'] %}
						<!-- 评论区 -->
						<div class="detail-comment">
							<div id="comment">
								<div class="c-header"><span>{{kg['article']['comment_count']}}&nbsp;</span><span style="font-size: 16px;color: #444;vertical-align: text-top;">条评论</span></div>
								<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">
									{% set comments = 1|comment(kg['article']['id']) %}
									{% for row in comments %}
									<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 id="show-more"><a href="comment?type=1&id={{kg['article']['id']}}" class="c-load-more">查看全部回复</a></div>
							</div>
						</div>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	{% include 'component_footer.tpl' %}
	</div>
	<script>
	$(function() {
		uParse("#b", {
			rootPath: "{{kg['tpl_url']}}script/"
		})
	})
	</script>
</body>
</html>