information-system/webht/third_party/outlook/views/infocenter.php

<div class="container" style="max-width:1200px;">
	<div class="row">

		<div class="col-sm-7 col-xs-24 pull-right" style="font: 14px 'Arial','Microsoft YaHei';line-height:25px;">
    		<div class="panel" style="margin-top:15px;">
			  <div class="panel-body nopadding">
			    <p><img style="width:100%;height:125px;" src="/css/webht/images/usercenter.jpg"></p>
			    <p><h4 class="text-center strong"><?php echo $userinfo->whu_uname; ?></h4></p>
			    <p>
			    	<div class="col-xs-8 text-center text-muted" style="border-right:1px solid #ddd;">
						<a href="javascript:void(0);">
				    		<strong><?php echo count($list); ?></strong><br>
				    		<span>评论</span>
				    	</a>
			    	</div>
					<div class="col-xs-8 text-center text-muted" style="border-right:1px solid #ddd;">
						<a href="<?php echo site_url('apps/outlook/index/infocenter/'.$user_sn.'/like'.'/'.$whc_whm_identify); ?>">
						<strong><?php echo count($like_list); ?></strong><br>
			    		<span>赞</span>
			    		</a>
			    	</div>
					<div class="col-xs-8 text-center text-muted">
						<a href="<?php echo site_url('apps/outlook/index/infocenter/'.$user_sn.'/unlike'.'/'.$whc_whm_identify); ?>">
						<strong><?php echo count($unlike_list); ?></strong><br>
			    		<span>板砖</span>
			    		</a>
			    	</div>
			    </p>
			    <div class="col-xs-24 btn-sm"></div>
			  </div>
			</div>
			<div class="panel">
			  <div class="panel-body">
			  	<legend>
			  		<span class="text-primary glyphicon glyphicon-thumbs-up" style="font-size:20px;"></span>
			  		<span style="font-size:15px;">他们都觉得很赞!</span>
			  	</legend>
					
					<?php foreach ($like_list as $l) { ?>
						<span><?php echo $l->whu_uname; ?>; </span>
					<?php } ?>
				<div class="clearfix"></div>
			  </div>
			</div>
			<div class="panel">
			  <div class="panel-body">
			  	<legend>
					<span class="text-danger glyphicon glyphicon-thumbs-down" style="font-size:20px;"></span>
			  		<span style="font-size:15px;">他们拍砖了!</span>
			  	</legend>
					<?php foreach ($unlike_list as $ul) { ?>
						<span><?php echo $ul->whu_uname; ?>; </span>
					<?php } ?>
				<div class="clearfix"></div>
			  </div>
			</div>

    	</div>
		
		<div class="col-sm-17 col-xs-24">
			<a name="gotocomment" id="gotocomment" ></a>
			<form id="from-add-comment" method="post" action="<?php echo site_url('apps/outlook/index/add_comment');?>" style="background:#fff;padding:0 15px 15px 15px;margin-top:15px;">
				<div class="col-xs-24 btn-lg"></div>
				<p class="col-xs-24 nopadding"><em class="text-primary strong"><?php echo $userinfo->whu_uname; ?>:<?php echo $mail_text->whm_subject; ?>...</em></p>
				<div class="col-xs-24 nopadding">	
					<textarea class="form-control" rows="3" name="comment" id="comment-textarea"></textarea>
				</div>
				<div class="col-xs-24 btn-sm"></div>
				<div class="col-xs-24 nopadding">
					<input type="hidden" name="whc_whm_identify" value="<?php echo $whc_whm_identify;?>">
					<button type="button" id="btn-add-comment" class="btn btn-danger pull-right">评　论</button>
				</div>
				<div class="clearfix"></div>
			</form>
			<div class="col-xs-24 nopadding" style="margin-top:20px;margin-bottom:50px;font: 14px 'Arial','Microsoft YaHei';line-height:23px;">
				<?php foreach ($list as $key => $c) { ?>
					<div class="col-xs-24" style="border-bottom:1px solid #ededed;padding:15px 20px;background:#fff;">
						<p class="text-primary"><a href="<?php $usermail=explode('@', $c->whu_email);echo site_url('apps/outlook/index/space/'.$usermail[0]); ?>"><?php echo $c->whu_uname; ?></a>：</p>
						<p><?php echo $c->whc_content; ?></p>
						<p>
							<span class="text-muted"><?php echo date('Y-m-d H:i:s',$c->whc_createtime); ?></span>
							<span class="pull-right"><a href="#gotocomment" class="re_comment" data-uname="<?php echo $c->whu_uname; ?>">回复</a></span>
						</p>
					</div>
				<?php } ?>
			</div>

		</div>
	</div>
</div>
<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-body">
        <div class="media">
		  <div class="media-left">
		    <div>
		      <span id="msgclass" class="glyphicon glyphicon-ok text-success" aria-hidden="true" style="font-size:85px;"> </span>
		      <a class="btn btn-sm btn-danger" onclick="ajax_link($(this));" href="javascript:void(0);" data-href="<?php echo site_url('apps/outlook/index/delete_comment/'.$whc_whm_identify.'/'.$type); ?>">撤销操作</a>
		    </div>
		  </div>
		  <div class="media-body" style="font-size:32px;">
		  	<div class="col-xs-24 btn-lg"><p></p></div>
		    <span id="msgbox" class="text-success">你已经成功的狠狠<?php if($type=='like'){echo '赞';}else{echo '踩';} ?>了TA一下！</span>
		  	<p style="font-size:14px;color:#888;padding-left:5px;padding-top:18px;"><em class="text-danger" id="seconed_box">15</em> 秒钟内可以撤销刚才的操作</p>
		  </div>
		</div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">

var type="<?php echo $type;?>";
var comment_url="<?php echo site_url('apps/outlook/index/infocenter/'.$user_sn.'/comment/'.$whc_whm_identify);?>";
if (type=='like' || type=='unlike') {
	$('#myModal').modal('show');
	var timer=$("#seconed_box").text();
	if (timer>=0) {
		setInterval(function(){
			var newtimer=--timer;
			$("#seconed_box").text(newtimer);
		},1000);
	};
	setTimeout("$('#myModal').modal('hide');location.href=comment_url;",15000);
};

$(".re_comment").click(function () {
	$("textarea").text('@'+$(this).attr('data-uname')+' ');
	$("textarea").focus();
});

$("#btn-add-comment").click(function() {
	if ($("#comment-textarea").val().replace(/(^\s*)|(\s*$)/g,'')=="") {
		$("#msgclass").removeClass('glyphicon-ok text-success');
    	$("#msgclass").addClass('glyphicon-remove text-danger');
		$("#msgbox").removeClass('text-success');
		$("#msgbox").addClass('text-danger');
    	$("#msgbox").text('评论内容不能为空！');
    	$('#myModal').modal('show');
    	setTimeout(function() {
			$('#myModal').modal('hide');
		},5000);
		return false;
	};
	var url = $("form#from-add-comment").attr('action');
	var data= $("form#from-add-comment").serialize();
	$.post(url,data,function(result){
	    if (result) {
	    	$("#msgclass").removeClass('glyphicon-remove text-danger');
	    	$("#msgclass").addClass('glyphicon-ok text-success');
	    	$("#msgbox").removeClass('text-danger');
			$("#msgbox").addClass('text-success');
	    	$("#msgbox").text('评论成功！');
	    	$('#myModal').modal('show');
			setTimeout(function() {
				$('#myModal').modal('hide');
				location.href=comment_url;
			},1500);
	    }else{
	    	$("#msgclass").removeClass('glyphicon-ok text-success');
	    	$("#msgclass").addClass('glyphicon-remove text-danger');
			$("#msgbox").removeClass('text-success');
			$("#msgbox").addClass('text-danger');
	    	$("#msgbox").text('评论发布失败！');
	    	$('#myModal').modal('show');
	    	setTimeout(function() {
				$('#myModal').modal('hide');
			},5000);
	    }
	});
});

</script>