{% 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/daterangepicker/daterangepicker.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/dataImport/scanList.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/daterangepicker/moment.min.js"></script>
<script src="{{ pathPrefix }}/plugins/daterangepicker/daterangepicker.js"></script>
<script src="{{ pathPrefix }}/plugins/lodash/lodash.js" type="text/javascript"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataImport/metaEdit.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataImport/deleteTask.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/dataImport/scanList.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>扫描任务列表</span>
        </li>
        <li class="tags meta" name="meta">
            <span></span>
            <span>扫描详情</span>
            <span class="close">×</span>
        </li>
    </ul>
    <div id="u_box">
        <div id="list_page" class="list_page scan_page">
            <div>
                <div id="toolbar">
                    <h5>扫描任务列表</h5>
                </div>
                <table class="table table-striped table-hover" id="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>
        <div id="meta_page" class="meta_page scan_page" style="display:none;">
            <!-- <div id="filter_area" class="clearfix">
                <div>
                    <p>过滤条件：</p>
                    <ul class="clearfix">
                        <li class="clearfix">
                            <p>数据时间</p>
                            <input type="text" class="min-time">
                            <p>~</p>
                            <input class="end_input max-time" type="text">
                        </li>
                        <li class="clearfix size_widget">
                            <p>数据大小</p>
                            <input type="text" class="size_input min-size">
                            <select class="unit min-size-unit">
                                <option value="KB">KB</option>
                                <option value="MB" selected>MB</option>
                                <option value="GB">GB</option>
                            </select>
                            <p>~</p>
                            <input type="text" class="end_input size_input max-size">
                            <select class="unit max-size-unit">
                                <option value="KB">KB</option>
                                <option value="MB" selected>MB</option>
                                <option value="GB">GB</option>
                            </select>
                        </li>
                        <li class="clearfix">
                            <p>分辨率</p>
                            <input type="text" class="min-res">
                            <p>~</p>
                            <input class="end_input max-res" type="text">
                        </li>
                    </ul>
                    <ul class="clearfix">
                        <li class="clearfix">
                            <p>文件名称</p>
                            <input class="end_input full_width file-name" type="text">
                        </li>
                        <li class="clearfix">
                            <p>参考系</p>
                            <input class="end_input full_width spatial-input" type="text">
                        </li>
                        
                        <li class="clearfix">
                            <p>金字塔</p>
                            <select class="pyramid">
                                <option value="-1">--</option>
                                <option value="1">有</option>
                                <option value="0">无</option>
                            </select>
                        </li>
                        <li class="clearfix">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default btn-sm" id="reset">重置</button>
                                <button type="button" class="btn btn-default btn-sm" id="filter_data">查询</button>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <button type="button" class="btn btn-primary left-title" id="load_ok">
                        <i class="fa fa-upload fa-fw"></i> 数据入库
                    </button>
                    <label id="load_all">
                        <input type="checkbox">全部入库
                    </label>
                    <p id="import_tip">入库前请确认所有数据内容都已合格</p>
                </div>
            </div> -->

            <div class="filter_box">
                <p>属性过滤条件</p>
                <div class="row">
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">数据名称</div>
                            <input type="text" class="form-control" id="key_code" placeholder="名称关键字">
                            <i class="fa fa-times-circle clear"></i>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">创建时间</div>
                            <input type="text" class="form-control" id="data_time" placeholder="创建时间">
                            <i class="fa fa-times-circle clear"></i>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">子类型</div>
                            <select class="form-control" id="sub_type">
                                <option value="">不过滤</option>
                                <option value="">图像文件</option>
                                <option value="">视频文件</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">分辨率</div>
                            <select class="form-control" id="resolution">
                                <option value="">不过滤</option>
                                <option value="0~0.5">0m ~ 0.5m</option>
                                <option value="0.5~1">0.5m ~ 1m</option>
                                <option value="1~2">1m ~ 2.9m</option>
                                <option value="3~3">3m</option>
                                <option value="3.1~8">3.1m ~ 8m</option>
                                <option value="8.1~16">8.1m ~ 16m</option>
                                <option value="16~160">大于16m</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">参考系</div>
                            <input type="text" class="form-control" id="srs" placeholder="参考系名称">
                            <i class="fa fa-times-circle clear"></i>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <div class="input-group-addon">金字塔</div>
                            <select class="form-control" id="pyramid">
                                <option value="">不过滤</option>
                                <option value="TRUE">有金字塔</option>
                                <option value="FALSE">无金字塔</option>
                            </select>
                        </div>
                    </div>
                </div>
                <hr />
            </div>
            <div>
                <div id="meta_toolbar">
                    <button type="button" class="btn btn-default" id="open_import">
                        <i class="fa fa-upload fa-fw"></i> 数据入库
                    </button>
                    <button type="button" class="btn btn-default" id="batch_meta">
                        <i class="fa fa-database fa-fw"></i> 批量设置元数据
                    </button>
                    <button type="button" class="btn btn-default" id="filter_condition">
                        <i class="fa fa-filter fa-fw"></i> 属性过滤
                    </button>
                </div>
                <table id="data_list" class="table table-hover"></table>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block modal %}
<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_type">删除</a>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="cancel-task" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">取消任务</h4>
            </div>
            <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="cancel-ok">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="load-data" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">数据入库</h4>
            </div>
            <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-primary btn-small" id="load-ok">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="task_info">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div>

                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#stdout" aria-controls="stdout" role="tab"
                                data-toggle="tab">标准输出</a></li>
                        <li role="presentation"><a href="#stderr" aria-controls="stderr" role="tab"
                                data-toggle="tab">标准错误</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="stdout">
                            <pre>标准输出</pre>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="stderr">
                            <pre>标准错误</pre>
                        </div>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">关闭</a>
            </div>
        </div>
    </div>
</div>

<div id="filter-dialog" class="hide" tabindex="-1" hidefocus="true">
    <div>
        <div style="display:inline-flex">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">时间</label>
            <input type="text" class="form-control min-time" style="text-align: center;width:140px;">
            <label style="font-size:21px;">~</label>
            <input type="text" class="form-control max-time" style="text-align: center;width:140px;">
        </div>
        <div style="display:inline-flex">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">分辨率</label>
            <input type="text" class="form-control min-res" style="text-align: center;width:140px;">
            <label style="font-size:21px;">~</label>
            <input type="text" class="form-control max-res" style="text-align: center;width:140px;">
        </div>
        <div style="display:inline-flex;">
            <label style="width:80px;margin-top: 10px;font-size: 16px;text-align:right">文件大小</label>
            <input type="text" class="form-control min-size" placeholder="0M"
                style="text-align: center;width:140px;font-size:10px;">
            <label style="font-size: 21px;">~</label>
            <input type="text" class="form-control max-size" placeholder="0M"
                style="text-align: center;width:140px;font-size:10px;">
        </div>
        <div style="float:right">
            <button type="button" class="btn btn-primary sel-ok">确定</button>
        </div>
    </div>
</div>

<div class="modal fade" role="dialog" id="ref-choose">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">参考系选择</h4>
            </div>
            <div class="modal-body clearfix">
                <div style="border:1px;">
                    <div class="clearfix search-div">
                        <input type="text" id="sch-wkt-context" class="form-control fa fa-times" placeholder="输入参考系名称">
                        <a class="remove-sch search-clear" title="清空"><i class="fa fa-times"
                                style="color:rgb(156, 62, 110);"></i></a>
                        <button type="button" id="wkt-search" class="btn btn-primary fa fa-search" title="搜索"></button>
                    </div>
                    <ul id="ref-tree" class="ztree"></ul>
                </div>
                <div style="margin-top:4px;">
                    <div>
                        <label class="ref-detail-label">参考系详情</label>
                        <select class="selectpicker recent-ref" id='recent-ref-id'>
                        </select>
                        <label class="recent-ref-label">最近</label>
                    </div>
                    <textarea id="ref-detail" class="form-control" readonly></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><span
                        class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消</button>
                <button type="button" id="ok-sel" class="btn btn-primary"><span class="glyphicon glyphicon-ok"
                        aria-hidden="true"></span> 确定</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" tabindex="-1" id="import_dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">确认入库</h4>
            </div>
            <div class="modal-body">

                <div class="import_info">
                    <p>本次共扫描出数据<b class="total_num">19</b>例，已选中数据<b class="check_num">5</b>例</p>
                </div>

                <div class="import_type">
                    <p class="label_text">入库选项</p>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" id="all_load"> 全部数据入库
                        </label>
                    </div>
                    <p class="tips">提示：开启后，本批扫描结果数据将全部执行入库操作</p>
                </div>

                <div>
                    <p class="label_text">设置标签</p>
                    <div class="input-group">
                        <input type="text" class="form-control tag_input" maxlength=15
                            placeholder="输入标签，按回车键添加，最多允许输入15个字符">
                        <span class="input-group-btn">
                            <button class="btn btn-default tag_add" type="button">添加</button>
                        </span>
                    </div>
                    <p class="tips">提示：您可以为本次入库数据设置一个或多个标签，方便后续查询</p>
                    <div class="clearfix tags_list"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消
                </button>
                <button type="button" id="import_start" class="btn btn-primary">
                    <span class="glyphicon glyphicon-ok"></span> 开始入库
                </button>
            </div>
        </div>
    </div>
</div>
{% endblock %}