<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<link rel="stylesheet" href="<?php echo mvc::$cfg['SYS_URL'];?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['js'];?>">
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的收藏</h1>
</header>
<div class="fav_count top-menu2 mui-bar" id="coll-header">
    <?php if($sortCount<1 || $sortCount==1){ ?>
    <div class="center coll-menu sel <?php if(empty($Params['depre']) || $Params['depre']!=1) echo 'active';?>" id="sel-opt">
        <a data-href="<?php echo mvc::$cfg['SELF_URI'];?>user/coll">所有分类</a>
    </div>
    <?php }else{ ?>
    <div class="center coll-menu sel <?php if(empty($Params['depre']) || $Params['depre']!=1) echo 'active';?>" id="sel-opt">
        <a href="#popover" id="openPopover">
            <?php if(!empty($Params['sort']) && !empty($sort[$Params['sort']])) echo $sort[$Params['sort']]; else echo '所有分类';?>
            <?php if(!(!empty($Params['sort']) && !empty($sort[$Params['sort']]))){ ?>
                <?php echo '（'.$sortCount.'）';?>
                <span class="mui-icon mui-icon-arrowdown sel-ico"></span>
            <?php } ?>
            <!-- <div class="center sel <?php if(empty($Params['depre']) || $Params['depre']!=1) echo 'active';?>" id="sel-opt">
            </div> -->
        </a>
    </div>
    <?php } ?>
    <div class="center coll-menu out-use <?php if(!empty($Params['depre']) && $Params['depre']==1) echo 'active';?>">
        <a href="<?php echo mvc::$cfg['SELF_URI'];?>user/coll?depre=1">失效</a>
    </div>
</div>
<div id="coll" class="mui-content mui-scroll-wrapper" style="background-color:#fff">
    <div class="mui-scroll">
        <?php if($count>0){?>
        <ul class="coll-list">
        </ul>
        <?php }else{?>
        <div class="no-coll center">
            <img src="<?php echo mvc::$cfg['SYS_URL'];?>static/images/nocoll.png" width="100px" height="100px">
            <p>暂无收藏宝贝</p>
        </div>
        <?php }?>
    </div>
     <div class="mh-title" id="colls">
        <div></div>
    </div>

</div>
<?php if($sortCount>1){ ?>
<div id="popover" class="mui-popover">
    <ul class="mui-table-view">
        <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>user/coll">所有分类</a></li>
        <?php foreach($sort as $k=>$v){ ?>
        <li class="mui-table-view-cell"><a href="<?php echo mvc::$cfg['SELF_URI'];?>user/coll?sort=<?php echo $k;?>"><?php echo $v;?></a></li>
        <?php } ?>
    </ul>
</div>
<?php } ?>
<script type="text/javascript">
    var COLL={
        init:function(){
            // 监听删除
            this.page=1;            
            $('.coll-list').on('tap','.mui-icon-trash',function(){
                var temp=$(this);
                var proId = $(this).attr('data-pro-id');
                mui.confirm('确定要删除该条收藏记录吗？','删除提示',['取消','确定'],function(item){
                    if(item.index==1){
                        COLL.del(temp,proId);
                        
                    }
                })
            });
            if(COLL.isNull>0){
                mui.init({
                  pullRefresh : {
                    container:"#coll",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
                    up : {
                      height:50,//可选.默认50.触发上拉加载拖动距离
                      auto:true,//可选,默认false.自动上拉加载一次
                      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                      callback :function(){
                        var _this = this;
                        $.ajax({
                            url:SELF_URI+'user/ajaxLoadColl?isAjax=1',
                            data:{'page':COLL.page,'sort':COLL.sort,'depre':COLL.depre},
                            dataType:'json',
                            type:'get',
                            success:function(res){
                                if(AJAX.checkData(res)){
                                    if(res.data['tpl']==''){
                                        _this.endPullupToRefresh(true);
                                    }else{
                                        $('.coll-list').append(res.data['tpl']);
                                         _this.endPullupToRefresh(false);
                                        COLL.page++;
                                    }
                                }
                                
                            }
                        })
                      }
                    }
                  }
                });
            }           
        },
        del:function(e,proId){
            $.ajax({
                url:SELF_URI+'user/delColl?isAjax=1',
                data:{'proId':proId},
                dataType:'json',
                type:'post',
                success:function(res){
                    if(AJAX.checkData(res)){
                        e.parents("li").remove();
                    }
                }
            });
        },
    }
    COLL.sort=<?php echo !empty($Params['sort'])?(int)$Params['sort']:0?>;
    COLL.depre=<?php echo !empty($Params['depre'])?(int)$Params['depre']:0?>;
    COLL.isNull=<?php echo $count>0?1:0;?>;
    COLL.init();
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>