{% extends "appCenter/InterpretDataText/temp.html" %} 

{% block title %}
<title>工程管理</title>
{% endblock %}

{% block link %}
<!-- <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap-paper.css"> -->
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ztree/BootStrapzTree.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/jstree/themes/simple/style.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/InterpretDataText/common/dataSelect.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/InterpretDataText/manage.css">
{% endblock %}

{% block script %}
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js" type="text/javascript"></script>
<script src="{{ pathPrefix }}/plugins/jstree/jstree.min.js" type="text/javascript"></script>
<script src="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table.js"></script>
<script src="{{ pathPrefix }}/plugins/bootstraptable/bootstrap-table-zh-CN.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/InterpretDataText/common/bootstrap-pager.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/InterpretDataText/common/dataSelect.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/InterpretDataText/manage.js"></script>

{% endblock %}

{% block content %}
<div id="centent_box">
    <div class="container-fluid">
        <div class="column">
			<div class="row clearfix">
                <div class="col-md-2 column">
                    <!--  -->
                    <div class="top_nav_btn">
                        <button class="btn btn-primary active" id="all_manage"><i class="fa fa-list-ul fa-fw"></i> 全部工程</button>
                        <button class="btn btn-primary" id="add_manage"><i class="fa fa-plus fa-fw"></i> 新建工程</button>
                    </div>
                </div>
                
                <!-- 全部工程 -->
                <div class="col-md-10 column " id="allProjects">
                    <div class="content_box">
                        <div class="lib_guide clearfix">
                            <a>全部工程</a>
                        </div>

                        <div class="manage_con_project">
                            <div class="manage_con_box">
                                <table class="table table-hover table-striped" id="manage_list"></table>

                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 新建工程 -->
                <div class="col-md-10 column hidden" id="creatProject">
                    <div class="content_box">
                        <div class="lib_guide clearfix">
                            <a>新建工程</a>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <!--  -->
                        <div class="form-group clearfix">
                            <label class="col-sm-2 control-label">工程名称</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control border_form" id="project_name" placeholder="请填写工程名称">
                            </div>
                        </div>
                        <!-- <div class="hr-line-dashed"></div> -->
                        <!-- <div class="form-group clearfix">
                            <label class="col-sm-2 control-label">工程类型</label>
                            <div class="col-sm-9">
                                <div class="project_type">
                                    <span data-value="panoptic" data-toggle="tooltip" data-placement="bottom" title="图像语义分割"><i class="fa fa-square-o fa-fw"></i></span>
                                    <span data-value="object" data-toggle="tooltip" data-placement="bottom" title="图像目标识别"><i class="fa fa-bullseye fa-fw"></i></span>
                                    <span data-value="change" data-toggle="tooltip" data-placement="bottom" title="图像变化检测"><i class="fa fa-houzz fa-fw" style="margin-left: 4px;"></i></span>
                                </div>

                            </div>
                        </div> -->
                        <div class="hr-line-dashed"></div>
                        <div class="form-group clearfix">
                            <label class="col-sm-2 control-label">文本文件</label>
                            <div class="col-sm-9">
                                <div class="" id="addData">
                                    <div class="image_file_btn">
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="add_btn">
                                            <i class="fa fa-plus fa-fw"></i> 添加数据
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="remove_btn">
                                            <i class="fa fa-minus fa-fw"></i> 移除数据
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="clear_btn">
                                            <i class="fa fa-trash-o fa-fw"></i> 清空
                                        </button>
                                    </div>
                                    <table id="data_table"></table>
                                </div>

                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>

                        <div class="form-group clearfix sel_bz_type">
                            <label class="col-sm-2 control-label">标注类型</label>
                            <div class="col-sm-9">

                                <div class="" id="addData">
                                    <div class="image_file_btn">
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="labelAdd_btn">
                                            <i class="fa fa-plus fa-fw"></i> 添加标注
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="labelRemove_btn">
                                            <i class="fa fa-minus fa-fw"></i> 移除标注
                                        </button>
                                        <button type="button" class="btn btn-default btn-sm btn_border" id="labelClear_btn">
                                            <i class="fa fa-trash-o fa-fw"></i> 清空
                                        </button>
                                    </div>
                                    <table class="table table-hover table-striped" id="label_list"></table>
                                </div>


                                <!-- <button type="button" class="btn btn-default btn-sm btn_border" id="labelAdd_btn">
                                    <i class="fa fa-plus fa-fw"></i> 添加标注类型
                                </button>
                                <table class="table table-hover table-striped" id="label_list"></table> -->
                            </div>
                        </div>
                        <!-- <div class="hr-line-dashed"></div>
                        <div class="form-group clearfix">
                            <label class="col-sm-2 control-label">访问权限</label>
                            <div class="col-sm-9">
                                <div class="scrollbar-macosx">
                                    <div id="e_role_tree"></div>
                                </div>
                            </div>
                        </div> -->
                        <div class="hr-line-dashed"></div>
                        <div class="creat_pj"><button type="button" class="btn btn-primary" id="ok-sel">新建</button></div>
                    </div>
                </div>



            </div>
        </div>
    </div>
</div>
{% block modal %}
<!-- 修改工程 -->
<div class="modal fade" id="editClass_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog" 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">
                <form>
                    <div class="form-group clearfix">
                        <label for="team_name" class="col-sm-2 control-label">工程名称</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control border_form" id="putclass_name">
                        </div>
                    </div>
                    <!-- <div class="form-group clearfix sel_bz_type">
                        <label class="col-sm-2 control-label">标注类型</label>
                        <div class="col-sm-10">
                            <table class="table table-hover table-striped" id="editLabel_list"></table>
                        </div>
                    </div> -->
                    <div class="form-group clearfix">
                        <label class="col-sm-2 control-label">访问权限</label>
                        <div class="col-sm-10">
                            <div class="scrollbar-macosx">
                                <div id="edit_role"></div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <span class="fa fa-remove fa-fw"></span> 取消
                </button>
                <button type="button" id="editClass_sure" class="btn btn-primary">
                    <span class="glyphicon glyphicon-ok"></span> 保存
                </button>
            </div>
        </div>
    </div>
</div>
<!-- 删除工程 -->
<div class="modal fade" id="del_dialog" 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="del_sure" data-dismiss="modal">
                    <i class="fa fa-trash-o"></i> 确定
                </button>
            </div>
        </div>
    </div>
</div>
<!-- 数据/数据集的选择 -->
<div class="modal fade" tabindex="-1" role="dialog"  id="data_gather">
    <div class="modal-dialog">
        <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 id="tabWrap">
                <div class="data_more_n">
                    <ul class="tabu"></ul>
                </div>
                <div class="tabData">
    
                </div>
            </div>
        </div>
    </div>                      
</div>

<!-- 标注数据的选取 -->
<div class="modal fade" tabindex="-1" role="dialog"  id="label_data">
        <div class="modal-dialog">
            <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">
                    <!-- <div class="go_setconfig">可前往<a href="{{ pathPrefix }}/InterpretDataText/setConfig"> 管理设置 </a>页面新增类别哦！</div> -->
                    <table class="table table-hover table-striped" id="labelList_sel"></table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <span class="fa fa-remove fa-fw"></span> 取消
                    </button>
                    <button type="button" id="label_sure_btn" class="btn btn-primary">
                        <span class="glyphicon glyphicon-ok"></span> 确定
                    </button>
                </div>
            </div>
        </div>                      
    </div>
{% endblock %} 

{% endblock %}