{extend name="Public:layout" /}
{block name="content"}
<div class="page">
	<div class="fixed-bar">
		<div class="item-title">
		  <div class="subject">
		    <h3>数据库</h3>
		    <h5>数据库恢复与备份</h5>
		  </div>
		  <ul class="tab-base nc-row">
		        {include file="public/nav" /}
		  </ul>
		</div>
	</div>
	<!-- 操作说明 -->
	<div class="explanation" id="explanation">
		<div class="title" id="checkZoom"><i class="icon iconfont icon-dengpao"></i>
		  <h4 class="itip" alt="提示相关设置操作时应注意的要点">操作提示</h4>
		  <span id="explanationZoom" class="itip" alt="收起提示"></span> </div>
		<ul>
		  <li>数据备份功能根据你的选择备份全部数据或指定数据，导出的数据文件可用“数据恢复”功能或 phpMyAdmin 导入</li>
		  <li>建议定期备份,优化和修复数据库</li>
		  <li>数据库配置修改请编辑apps/common/conf/admin/config.php</li>
		</ul>
	</div>
	<!-- 表格 -->
	<form id="export-form" method="post" action="{:url('database/export')}">
	<div class="table_list">
		<div class="mDiv"><div class="ftitle"><h3>数据库列表</h3><h5></h5></div></div>
		<div class="hDiv">
		    <table width="100%">
		    <thead>
		      <tr>
		        <td width="20"><label><input class="check-all" checked="chedked" type="checkbox" value=""></label></td>
				<td width="150" align="center">表名</td>
				<td width="120" align="center">数据量</td>
				<td width="120" align="center">数据大小</td>
				<td width="150" align="center">创建时间</td>
				<td width="150" align="center">说明</td>
				<td width="150" align="center">备份状态</td>
		      </tr>
		    </thead>
		    </table>
		</div>

		<div class="tDiv">
		  <div class="tDiv2">
             <div class="fbutton"><div id="export"><span><i class="icon iconfont icon-beifenruanjian"></i>立即备份</span></div></div>
             <div class="fbutton"><div><span><i class="icon iconfont icon-Group"></i><a id="optimize" href="{:url('database/optimize')}">优化表</a></span></div></div>
             <div class="fbutton"><div><span><i class="icon iconfont icon-zidongxiufu"></i><a id="repair" href="{:url('database/repair')}">修复表</a></span></div></div>
		  </div>
		  <div style="clear:both"></div>
		</div>

		<div class="bDiv">
			<table width="100%">
			<tbody>
		      {volist name="_list" id="table"}
		        <tr>
		          <td width="20"><input class="ids" checked="chedked" type="checkbox" name="tables[]" value="{$table.name}"></td>
		          <td width="150" align="center">{$table.name}</td>
		          <td width="120" align="center">{$table.rows}</td>
		          <td width="120" align="center">{$table.data_length|format_bytes}</td>
		          <td width="150" align="center">{$table.create_time}</td>
		          <td width="150" align="center">{$table.comment}</td>
		          <td width="150" align="center" class="info">未备份</td>
		        </tr>
		      {/volist}
			</tbody>
			</table>
		</div>
	</div>
	</form>
</div>
<script>
$(function(){
	var $form = $("#export-form"), $export = $("#export"), tables
        $optimize = $("#optimize"), $repair = $("#repair");

        $optimize.add($repair).click(function(){
            $.post(this.href, $form.serialize(), function(data){
                if(data.code){
                    layer.msg(data.msg, {icon: 1});
                } else {
                    layer.msg(data.msg, {icon: 5});
                }
            }, "json");
            return false;
        });

        $export.click(function(){
            $export.parent().children().addClass("disabled");
            $export.html("<i class='icon iconfont icon-fasong'></i>正在发送备份请求...");
            $.post(
                $form.attr("action"),
                $form.serialize(),
                function(data){
                    if(data.code){
                        tables = data.data.tables;
                        $export.html(data.msg + "开始备份，请不要关闭本页面！");
                        backup(data.data.tab);
                        window.onbeforeunload = function(){ return "正在备份数据库，请不要关闭！" }
                    } else {
                        layer.msg(data.msg, {icon: 5});
                        $export.parent().children().removeClass("disabled");
                        $export.html("立即备份");
                        /*setTimeout(function(){
        	                $('#top-alert').find('button').click();
        	                $(that).removeClass('disabled').prop('disabled',false);
        	            },1500);*/
                    }
                },
                "json"
            );
            return false;
        });

        function backup(tab, code){
            code && showmsg(tab.id, "开始备份...(0%)");
            $.get($form.attr("action"), tab, function(data){
                if(data.code){
                    showmsg(tab.id, data.msg);
                    if(!$.isPlainObject(data.data.tab)){
                        $export.parent().children().removeClass("disabled");
                        $export.html("<i class='icon iconfont icon-wancheng'></i>备份完成，点击重新备份");
                        window.onbeforeunload = function(){ return null }
                        return;
                    }
                    backup(data.data.tab, tab.id != data.data.tab.id);
                } else {
                    layer.msg(data.msg, {icon: 5});
                    $export.parent().children().removeClass("disabled");
                    $export.html("立即备份");
                    /*setTimeout(function(){
    	                $('#top-alert').find('button').click();
    	                $(that).removeClass('disabled').prop('disabled',false);
    	            },1500);*/
                }
            }, "json");

        }

        function showmsg(id, msg){
            $form.find("input[value=" + tables[id] + "]").closest("tr").find(".info").html(msg);
        }
});
</script>
</div>
{/block}