test/free-technological-management/WebRoot/technicalQuestionsAnswers/forum.html

<%var cssPar = {%>

<%};%>

<%var jsPar = {%>

<script type="text/javascript">
$(document).ready(function(){
	$(".fo-tabin-content-list-input").hide(),
	$(".fo-tabin-content-list ul li .fo-tabin-content-list-info .click").click(function(){
		$(this).next().toggle(500);
	});
	$(".modal .modal-body .del-tag").on("click","a", function(){
		// 添加标签
		a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".modal .modal-body .plus-tag");
		a.remove();
		d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>"));
		$(".flag-btn .show-tag").append($("<a "+'value="'+c+'"title="'+b+'" href="${contextPath}/TechnicalQa/toQuestionPage?code='+c+'" ><span>'+b+"</span></a>"))
		$(".modal .modal-body .plus-tag a em").addClass("icon-remove");
		$.ajax({ 
			url: "${contextPath}/TechnicalQa/addLabel",
			dataType: 'json',
			data: {
				labelcode:c,
				labelname:b
			},
			type: 'post',
			success: function(data){
				// alert(data.code);
			}
		});
	});
	$(".modal .modal-body .plus-tag").on("click", "a",function(){
		// 删除标签
		a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".modal .modal-body .del-tag");
		a.remove();
		$(".flag-btn .show-tag a").each(function(){
			var f=$(this).attr("value");
			if(f==c){
				$(this).remove();
			}
		});
		d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>"));
		$(".modal .modal-body .del-tag a em").addClass("icon-plus");
		$.ajax({ 
			url: "${contextPath}/TechnicalQa/delLabel",
			dataType: 'json',
			data: {
				labelcode:c
			},
			type: 'post',
			success: function(data){
				// alert(data.code);
			}
		});
	});
});
</script>

<%};%>

<%layout("/technicalQuestionsAnswers/commonPage/_layout.html", {nav:"",meunsel:"indexpage",jsParam:jsPar,cssParam:cssPar}) {%>
	<div class="container">
		<div class="fo-content">
			<ul id="fo-tabout" class="nav nav-tabs">
				<li class="active"><a href="#no-answer" data-toggle="tab">等我回答</a></li>
				<li><a href="${contextPath}/TechnicalQa/toMyAnswerPage">我的回答</a></li>
				<li><a href="${contextPath}/TechnicalQa/toMyQuestionPage">我的提问</a></li>
			</ul>
			<div class="tab-content" id="fo-tabout-content">
				<div class="tab-pane fade in active" id="no-answer">
					<form action="${contextPath}/TechnicalQaWeb/search" id="info-search" role="form" method="post">
						<ul id="fo-tabin" class="nav nav-tabs">
							<li style=" display:block; float:right; padding:15px 10px;">
								<input name="title" type="text" placeholder="请输入搜索关键字" />
								<button>筛选</button>
							</li>		
						</ul>
					</form>
					<div id="fo-tabin-content" class="tab-content">
						<div class="tab-pane fade in active" id="interest">
							<div class="fo-tabin-content-flag">
								<ul id="content">
									<li style=" float: left;">
										<a href="${contextPath}/TechnicalQa/toQuestionPag" class="btn">全部</a>
									</li>
									<li class="flag-btn">
										<div class="show-tag" style="display: inline-block;">
										<%for(tempLabelUser in labelUserList!){%>
											<a value="${tempLabelUser.labelcode}" title="${tempLabelUser.labelname}" href="${contextPath}/TechnicalQa/toQuestionPage?code=${tempLabelUser.labelcode}" ><span>${tempLabelUser.labelname}</span></a>
										<%}%>
										</div>									
									</li>
									<li style="float:right;">
										<a href="javascript:window.location.reload();" class="btn"><span class="icon-refresh"></span>刷新</a>
									</li>
									<li style="float:right;">
										<a href="#" class="btn btn-a" data-toggle="modal" data-target="#myModal"><span class="icon-plus"></span>添加兴趣</a>
										<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
										    <div class="modal-dialog">
										        <div class="modal-content">
										            <div class="modal-header">
										                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										                <h4 class="modal-title" id="myModalLabel">兴趣设置</h4>
										            </div>
										            <div class="modal-body">
										            	<p><i class="icon-heart-empty icon-2x" style="color: red; margin-right: 15px;"></i>我的兴趣：</p>
														<div class="plus-tag tagbtn">
														<%for(tempLabelUser in labelUserList!){%>
															<a value="${tempLabelUser.labelcode}" title="${tempLabelUser.labelname}" href="javascript:void(0);" ><span>${tempLabelUser.labelname}</span><em class="icon-remove"></em></a>
														<%}%>
														</div>
														<p><i class="icon-fire icon-2x" style="color: red; margin-right: 15px;"></i>热门标签：</p>
														<div class="del-tag">
														<%for(tempLabel in labelList!){%>
															<a value="${tempLabel.code}" title="${tempLabel.name}" href="javascript:void(0);" id="${tempLabel.code}"><span>${tempLabel.name}</span><em class="icon-plus"></em></a>
														<%}%>
														</div>
													</div>
										            
										            <div class="modal-footer">
										                <button type="button" class="btn btn-default" data-dismiss="modal">完成</button>
										            </div>
										        </div>
										    </div>
										</div>
									</li>
								</ul>
							</div>
							<div class="fo-tabin-content-list">
								<%for(technicalqatheme in technicalqathemelist){%>
									<ul id="list1">
										<li>
											<div class="fo-tabin-content-list-img">
												<img src="${technicalqatheme.imgPatch!'/img/SysHeadPortrait/default.png'}" alt="" class="img-circle">
											</div>
											<div style="float:right; margin-top:10px;">
													<span>${technicalqatheme.answerCount!0 }人回答</span>
											</div>
											<div class="fo-tabin-content-list-info">
												<div class="click">
													<div class="top">
														<a href="${contextPath}/TechnicalQaWeb/answer?id=${technicalqatheme.id }">${technicalqatheme.title }</a>
													</div>
													<div class="bottom">
														<span>${technicalqatheme.createDate }</span>
														<i class="icon-tag"></i>
														<%for(tempLable in technicalqatheme.labelList!){%>
														<span>${tempLable.labelName!}</span>
														<%}elsefor{%>
														<span>提问者没有打标签</span>
														<%}%>
													</div>
												</div>
											</div>
										</li>
									</ul>
								<%}elsefor{%>
									<ul id="list1">
										<li>
											没有相关信息！
										</li>
									</ul>
								<%}%>
							</div>
							<div class="fo-page">
								<%include("/technicalQuestionsAnswers/commonPage/_paginate.html", {"currentPage": pageNumber!1, "totalPage": totalPage!1, "totalRow": totalRow!0, "actionUrl": contextPath+"/TechnicalQa/toQuestionPage?pageNumber=", "urlParas": urlParas!''}){}%>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<%}%>