{extend name="public:base" /}
{block name="content"}
<div class="row">
    <div class="col-sm-4">
        <h4 class="page-title">数据还原</h4>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
    	<div class="panel panel-default m-t-20">
    		<div class="table-responsive">
		        <table class="table table-striped table-bordered table-hover"> 
		            <thead>
		                <tr>
		                    <th width="200">备份名称</th>
		                    <th width="80">卷数</th>
		                    <th width="80">压缩</th>
		                    <th width="80">数据大小</th>
		                    <th width="200">备份时间</th>
		                    <th>状态</th>
		                    <th width="120">操作</th>
		                </tr>
		            </thead>
		            <tbody>
		                {volist name="list" id="data"}
		                    <tr>
		                        <td>{$data.time|date='Ymd-His',###}</td>
		                        <td>{$data.part}</td>
		                        <td>{$data.compress}</td>
		                        <td>{$data.size|format_bytes}</td>
		                        <td>{$key}</td>
		                        <td>-</td>
		                        <td class="action">
		                            <a class="db-import btn btn-default btn-sm" href="{:url('import?time='.$data['time'])}">还原</a>&nbsp;
		                            <a title="{$data.time|date='Ymd-His',###}数据备份" class="btn btn-danger btn-sm ajax-del" href="{:url('del?time='.$data['time'])}">删除</a>
		                        </td>
		                    </tr>
		                {/volist}
		            </tbody>
		        </table>
    		</div>
    		<!-- 结束 表格 -->   		
    	</div>
	</div>
</div>
{/block}

{block name="script"}
    <script type="text/javascript">
        $(".db-import").click(function(){
            var self = this, status = ".";
            $.get(self.href, success, "json");
            window.onbeforeunload = function(){ return "正在还原数据库，请不要关闭！" }
            return false;
        
            function success(res){
                if(res.code){
                    if(res.data.gz){
                        res.msg += status;
                        if(status.length === 5){
                            status = ".";
                        } else {
                            status += ".";
                        }
                    }
                    $(self).parent().prev().text(res.msg);
                    if(res.data.part){
                        $.get(self.href, 
                            {"part" : res.data.part, "start" : res.data.start}, 
                            success, 
                            "json"
                        );
                    }  else {
                        window.onbeforeunload = function(){ return null; }
                    }
                } else {
                    $.Notify.topMsg(res.msg);
                }
            }
        });
    </script>
{/block}