{extend name="common/layout" /} 
{block name="title"}秒赞QQ墙{/block} 
{block name="headjs"}
<script type="text/javascript" src="http://cdn.52huameng.com/mhtg/assets/Main/js/jquery.min.js"></script>
<script type="text/javascript"
	src="http://cdn.52huameng.com/mhtg/assets/Main/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="http://cdn.52huameng.com/mhtg/assets/Main/js/blocksit.min.js"></script>
{/block} {block name="main"}
	 <div id="page-content">
    <!-- Widgets Header -->
    <div class="content-header">
        <div class="row">
            <div class="col-sm-6">
                <div class="header-section">
                    <h1>秒赞QQ墙</h1>
                </div>
            </div>
            <div class="col-sm-6 hidden-xs">
                <div class="header-section">
                    <ul class="breadcrumb breadcrumb-top">
                        <li><a href="{:url('index')}">用户中心</a></li>
                       
                        <li>秒赞QQ墙</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
	 <div class="block full">
                            <!-- Growl Notifications Title -->
                            <div class="block-title">
                                <h2>Search for QQ
</h2>
                            </div>
							<div class="panel-body">
          <form class="form-inline" method="get" action="{:url('',['do'=>'search'])}">
            <div class="form-group">
              <input class="form-control" placeholder="QQ号" type="text" name="query" >
            </div>
            <div class="form-group">
              	<select class="form-control mb12" name="server">
              		<option>选择服务器</option>
                  {for start="1" end="config('zz_server_num')+1"}
                  	<option value="{$i}">{$i}号服务器({if condition="$num=get_net_count('zan',$i) and $num egt config('zz_server_end_num')"}已满{else/}{$num}个{/if})</option>
                  {/for}
                </select>
            </div>
            <button type="submit" class="btn btn-primary">搜索</button>
          </form>
        </div><!-- panel-body -->
</div>
<div class="block full">
                            <!-- Growl Notifications Title -->
                            <div class="block-title">
                                <h2>MZqq for list
</h2>
                            </div>
	{volist name="list" id="arr" empty='<div class=\"alert alert-info\">还没有QQ开启了秒赞功能哦</div>'}
	<div class="tab-content">
<div role="tabpanel" class="tab-pane js active">
<table class="table table-striped">
<tbody>
<tr>
<td class="text-center">
<img src="http://q4.qlogo.cn/headimg_dl?dst_uin={$arr.qq}&spec=100" alt="avatar" class="img-thumbnail img-circle thumb64">
</td>
<td style="padding:8px 0;">
{$arr.qq}<br/><small>{$arr.addtime}</small>
</td>
<td>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$arr.qq}&site=&menu=yes" class="btn btn-square btn-primary btn-xs mb-sm" style="font-size:12px;">加好友</a>
<a target="_blank" href="{:url('mzauth',array('uin'=>$arr.qq))}" class="btn btn-square btn-primary btn-xs mb-sm" style="font-size:12px;">秒赞认证</a>
</td>
</tr><tr>
	{/volist}
</div>
{/block} {block name="footjs"}
<script type="text/javascript">
	var html = '';
	var finish = false;
	function get_list() {
		if (finish == true)
		{
			return false;
		}
		$.ajax({
			type : "GET",
			url : "{:url('ajax/getmzqqlist')}",
			async : true,
			timeout : 30000,
			dataType : "json",
			error : function(jqXHR, textStatus, errorThrown) {
				if (textStatus == "timeout") {
					html = "获取列表失败";
				} else {
					html = "获取列表失败";
				}
			},
			success : function(ret) {
				if (ret.code == 0) {
					html = ret.list;
					if (html == '')
					{
						finish = true;
						return false;
					}
				} else {
					alert(ret.err);
				}
			}

		});
	}
	$(function() {
		$(window).scroll(
				function() {
					// 当滚动到最底部以上10像素时， 加载新内容
					if ($(document).height() - $(this).scrollTop() - $(this).height() < 10) {
						get_list();
						$('#qqwall').append(html);
					}
				});
	});
</script>
{/block}