{% extends "appCenter/dataImport/importSub.html" %} 

{% block title %}
<title>定时任务</title>
{% endblock %}

{% block improtlink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/tagsinput/bootstrap-tagsinput.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/dataImport/importTimeTask.css">
{% endblock %}

{% block improtscript %}
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="{{ pathPrefix }}/plugins/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="{{ pathPrefix }}/plugins/echarts/echarts.min.js"></script>
<script src="{{ pathPrefix }}/plugins/tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataImport/deleteTask.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataImport/importTimeTask.js"></script>
{% endblock %}

{% block importcentent %}
<div>
    <ul id="tags_header" class="clearfix">
        <li class="tags top"></li>
        <li class="tags list active" name="list">
            <span></span>
            <span class="title">定时任务列表</span>
        </li>
        <li class="tags meta" name="meta">
            <span></span>
            <span class="title">定时任务详情</span>
            <span class="close">×</span>
        </li>
    </ul>
    <div id="u_box">
        <div id="table_box" class="list_page time_page">
            <div id="toolbar">
                <button type="button" class="btn btn-default" id="create_time_task"><i class="fa fa-plus fa-fw"></i> 创建定时任务</button>
            </div>
            <table class="table table-striped table-hover" id="time_task_list"></table>
            <!-- <div id="footerbar" class="clearfix">
                <div class="custom_data">
                    删除从
                    <input type="text" class="border_form" id="begin_data" placeholder="开始日期" readonly> 到
                    <input type="text" class="border_form" id="end_data" placeholder="结束日期" readonly> 的记录
                </div>
                <select id="del_list" class="border_form">
                    <option value="">-------</option>
                    <option value="1">删除一个月前的记录</option>
                    <option value="2">删除两个月前的记录</option>
                    <option value="3">删除半年前的记录</option>
                    <option value="custom">自定义日期</option>
                </select>
                <button class="btn btn-danger" id="del_task">执行</button>
            </div> -->
        </div>
        <div id="task_info" class="meta_page time_page">
            <form class="form-horizontal">

                <div>
                    <span>基本信息</span>
                    <div class="form-group">
                        <label for="task_name" class="col-sm-2 control-label">任务名称</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control border_form" id="task_name" placeholder="定时入库任务名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="task_type" class="col-sm-2 control-label">数据类型</label>
                        <div class="col-sm-8">
                            <div class="row">
                                <div class="col-md-6">
                                    <select class="form-control border_form" id="task_type">
                                        <option value=""> --- 请选择导入的数据类型 --- </option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <select class="form-control border_form" id="task_subtype">
                                        <option value=""> --- 请选择数据子类型 --- </option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="task_time" class="col-sm-2 control-label">执行周期</label>
                        <div class="col-sm-8">
                            <input type="number" min=0 class="form-control border_form" id="task_time" value="1" placeholder="输入执行周期">
                            <select class="form-control border_form" id="task_ext">
                                <option value="month">月</option>
                                <option value="week">周</option>
                                <option value="day">日</option>
                                <option value="hour">小时</option>
                                <option value="minute">分钟</option>
                            </select>
                            <select class="form-control border_form" id="task_num">
                              <option value="1">1日</option>
                              <option value="2">2日</option>
                              <option value="3">3日</option>
                              <option value="4">4日</option>
                              <option value="5">5日</option>
                              <option value="6">6日</option>
                              <option value="7">7日</option>
                              <option value="8">8日</option>
                              <option value="9">9日</option>
                              <option value="10">10日</option>
                              <option value="11">11日</option>
                              <option value="12">12日</option>
                              <option value="13">13日</option>
                              <option value="14">14日</option>
                              <option value="15">15日</option>
                              <option value="16">16日</option>
                              <option value="17">17日</option>
                              <option value="18">18日</option>
                              <option value="19">19日</option>
                              <option value="20">20日</option>
                              <option value="21">21日</option>
                              <option value="22">22日</option>
                              <option value="23">23日</option>
                              <option value="24">24日</option>
                              <option value="25">25日</option>
                              <option value="26">26日</option>
                              <option value="27">27日</option>
                              <option value="28">28日</option>
                              <option value="29">29日</option>
                              <option value="30">30日</option>
                            </select>
                        </div>
                    </div>
                </div>
                    
                <div>
                    <span>扫描配置</span>
                    <div class="form-group">
                        <label for="task_path" class="col-sm-2 control-label">扫描目录</label>
                        <div class="col-sm-8">
                            <div class="input-group">
                                <input type="text" class="form-control border_form" id="task_path" placeholder="请选择扫描目录" readonly>
                                <span class="input-group-btn">
                                    <button class="btn btn-default include_btn" id="scan_path" type="button" title="选择扫描目录">
                                        <i class="fa fa-folder-o fa-fw"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="task_rule" class="col-sm-2 control-label">扫描方案</label>
                        <div class="col-sm-8">
                            <select class="form-control border_form" id="task_rule">
                                <option value="">默认方案</option>
                            </select>
                        </div>
                    </div>
                </div>
                    
                <div>
                    <span>入库配置</span>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">存储设备</label>
                        <div class="col-sm-8">
                            <ul class="clearfix dev_list">
                                <li class="no_dev">
                                    <div>
                                        <i class="glyphicon glyphicon-inbox"></i>
                                        <p>未能找到支持该数据类型的存储设备</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="task_dataset" class="col-sm-2 control-label">目标数据集</label>
                        <div class="col-sm-8">
                            <div class="input-group">
                                <input type="text" class="form-control border_form" id="task_dataset" placeholder="请指定一个系统数据集用于存放本次入库数据" readonly>
                                <span class="input-group-btn">
                                    <button class="btn btn-default include_btn" id="import_dataset" type="button" title="选择数据集">
                                        <i class="fa fa-folder-o fa-fw"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="task_dataset" class="col-sm-2 control-label">入库标签</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control border_form" id="task_label" placeholder="输入后回车确认">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-8">
                            <div class="checkbox">
                            <label>
                                <input type="checkbox" id="task_thumb" checked> 自动生成缩略图
                            </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-8">
                            <button type="button" class="btn btn-primary new" id="new_task">
                                提交任务
                            </button>
                            <button type="button" class="btn btn-primary edit" id="edit_task">
                                确定修改
                            </button>
                            <button type="button" class="btn btn-link" id="return_list">
                                取消
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}


{% block modal %}
<div class="modal fade" id="control_task_modal" tabindex="-1" role="dialog">
	<div class="modal-dialog modal-sm" role="document">
		<div class="modal-content">
			<div class="modal-body">
				<p>是否停用该定时任务？</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
				<button type="button" class="btn btn-danger btn-small" id="control_task">确定停用</button>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="del_task_dialog">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-body">
                <p>是否确认删除该定时任务？</p>
			</div>
			<div class="modal-footer">
				<a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</a>
				<a href="javascript:void(0)" class="btn btn-danger" id="del_time_task">继续删除</a>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="start_task_dialog">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-body">
                <p>是否立即执行该定时任务？</p>
			</div>
			<div class="modal-footer">
				<a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</a>
				<a href="javascript:void(0)" class="btn btn-success" id="start_time_task">开始执行</a>
			</div>
		</div>
	</div>
</div>
{% endblock %}