<?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']['css'];?>">
<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>
    <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="edit-all">编辑</button>
    <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right del-all" data-type="clear" id="empty-all">清空</button>
</header>
<footer class="his-foot">
    <div class="mui-input-row mui-checkbox mui-left footer-list">
        <input value="1" class="all" type="checkbox">
        <label>全选</label>
    </div>
    <div class="footer-list">
        <a href="javascript:;" data-type="check"  class="del-all">删除</a>
    </div>
</footer>
<!-- 下拉容器 -->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll" id="history">
        <!--数据列表-->
        <ul id="his-lists" class="mui-table-view">
            
        </ul>
    </div>
</div>
<script type="text/javascript" src="<?php echo mvc::$cfg['SYS_URL'];?>static/js/user.js?ver=<?php echo mvc::$cfg['VER']['js'];?>"></script>
<script type="text/javascript">
    var HISTORYACT = {
        init:function(){
            $('#edit-all').on('tap',function(){
                if($('#his-lists li').length>0){
                    $('.check-done').toggle();
                    $('.his-box-cart').toggle();
                    $('.his-foot').toggleClass('active');
                }
            });
            $('#his-lists').on('tap','.his-box-cart',function(){
                var proId=$(this).data('id');
                if(proId>0){
                    item.addToCart(proId,1);
                }
            })
            $('#his-lists').on('tap', '.mui-btn', function(event) {
                var elem = this;
                var proId=$(this).data('id');
                var li = elem.parentNode.parentNode;

                mui.confirm('确认删除该条记录？', '删除提示', ['取消','确认'], function(e) {
                    if (e.index == 1) {
                        if(proId>0){
                            var res=HISTORYACT.del({'proId':proId});
                            if(res['status']){
                                var day=$(li).data('date');
                                li.parentNode.removeChild(li);
                                var head=$('li.date-head[data-date="'+day+'"]');
                                var dom=$('li.mui-table-view-cell[data-date="'+day+'"]');
                                if(dom.length<1){
                                    head.remove();
                                }
                            }
                        }
                    } else {
                        setTimeout(function() {
                            mui.swipeoutClose(li);
                        }, 0);
                    }
                });
            });
            //全选
            $('.all').on('change',function(){
                if($(this).is(':checked')){
                   $('.onecheck').prop('checked',true);
                }else{
                    $('.onecheck').prop('checked',false);
                }
            }),
            $('.del-all').on('tap',function(){
                var type=$(this).data('type');
                if(type=='clear'){
                    if($('#his-lists li').length>0){
                        mui.confirm('确认删除清空浏览记录？', '删除提示', ['取消','确认'], function(e) {
                            if (e.index == 1) {
                                var data='';
                                var res=HISTORYACT.del(data);
                                if(res['status']){
                                    window.location.reload();
                                }else{
                                    mui.alert(res['data']);
                                }
                            }
                        });
                    }
                    
                }else{
                    if($('.onecheck:checked').length>0){
                        mui.confirm('确认删除选中的记录？', '删除提示', ['取消','确认'], function(e) {
                            if (e.index == 1) {
                                var data=$('.onecheck:checked').serialize();
                                var res=HISTORYACT.del(data);
                                if(res['status']){
                                    var items=$('.onecheck:checked').parents('li');
                                    for(var i=0;i<items.length;i++){
                                        var day=items.eq(i).data('date');
                                        items.eq(i).remove();
                                        var head=$('li.date-head[data-date="'+day+'"]');
                                        var dom=$('li.mui-table-view-cell[data-date="'+day+'"]');
                                        if(dom.length<1){
                                            head.remove();
                                        }
                                    }
                                }else{
                                    mui.alert(res['data']);
                                }
                            }
                        });
                    }
                }
            });
            mui.init({
              pullRefresh : {
                container:"#pullrefresh",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
                up : {
                  height:50,//可选.默认50.触发上拉加载拖动距离
                  auto:true,//可选,默认false.自动上拉加载一次
                  contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                  contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                  callback :function(){
                    var _this = this;
                    $.ajax({
                        url:SELF_URI+'user/ajaxHistory?isAjax=1',
                        data:{'page':HISTORYACT.page},
                        dataType:'json',
                        type:'get',
                        success:function(res){
                            if(AJAX.checkData(res)){
                                if(res.data['tpl']==''){
                                    _this.endPullupToRefresh(true);
                                }else{
                                    $('#his-lists').append(res.data['tpl']);
                                     _this.endPullupToRefresh(false);
                                    HISTORYACT.page++;
                                }
                            }                           
                        }
                    })
                  }
                }
              }
            });
        },
        del:function(data){
            $.ajaxSettings.async = false
            var re={};
            $.post(SELF_URI+'user/delHistory?isAjax=1',data,function(res){
                if(AJAX.checkData(res)){
                    re=res;
                }
            },'json')
            return re;
        },
    };
    HISTORYACT.page=1;
    HISTORYACT.init();
</script>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>