{% extends "sysManagement/sysMangeCatalogTemp.html" %}

{% block boxlink %}
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/nestable2/jquery.nestable.min.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/sysManagement/marketCatalog.css"> 
{% endblock %}

{% block boxscript %}
<script src="{{ pathPrefix }}/plugins/nestable2/jquery.nestable.min.js"></script>
<script src="{{ pathPrefix }}/plugins/jqPaginator.min.js"></script>
<script src="{{ pathPrefix }}/js/sysManagement/marketCatalog.js"></script>
{% endblock %} 

{% block box %}
<div id="u_box">
    <div id="page_header">
        <h1>数据目录</h1>
    </div>

    <div class="row">
        <div class="col-md-7">
            <div class="dd_box scrollbar-macosx">
                <div class="dd" id="dt-market"></div>
            </div>
        </div>
        <div class="col-md-5">
            <div class="edit_box scrollbar-macosx">
                <div class="menu_box" style="padding-right:14px;">
                    <h4 style="font-weight:500;font-size:16px;padding-top:10px;"><span>-</span>
                        <button type="button" class="btn btn-link btn-sm pull-right" id="del_menu" title="删除">
                            <i class="fa fa-trash-o"></i>
                        </button>
                    </h4>
                    <hr>
                    <div class="form">
                        <div class="form-group">
                            <label for="menu_name">名称：</label>
                            <input type="text" class="form-control border_form" id="menu_name" placeholder="名称">
                        </div>
                        <div class="form-group">
                            <label for="menu_type">类型：</label>
                            <select class="form-control border_select disabled" id="menu_type" disabled></select>
                        </div>
                        <div class="form-group">
                            <label for="menu_desc">简介：</label>
                            <textarea class="form-control border_form" id="menu_desc" rows=3 maxlength=200 placeholder="简介，200字符内"></textarea>
                        </div>
                        <div class="form-group">
                            <label for="menu_ownner">目录管理员：</label>
                            <div class="input-group">
                                <input type="text" class="form-control border_form" id="menu_ownner" placeholder="请选择目录管理员" readonly>
                                <span class="input-group-btn">
                                    <button class="btn btn-default" id="open_user_modal" type="button" title="打开用户列表对话框">
                                        <i class="glyphicon glyphicon-zoom-in"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                        <button type="button" class="btn btn-success disabled pull-right" style="margin-top: 10px;" id="save_edit" disabled><i class="fa fa-save fa-fw"></i> 保存修改</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <hr style="margin:20px 0">

    <div class="btn_list">
        <input type="file" id="files" style="display:none"/>
        <div class="btn-group dropup">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                新增分类 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:void(0)" id="add_same_level">与当前分类同级</a></li>
                <li><a href="javascript:void(0)" id="add_inside_level">在当前分类内部</a></li>
            </ul>
        </div>
        <button type="button" class="btn btn-default" id="add_dataset">创建数据集</button>
        <!-- <div class="btn-group dropup">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                其它操作 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:void(0)" id="all_clear">全部清空</a></li>
                <li><a href="javascript:void(0)" id="upload_cfg">导入目录结构</a></li>
                <li><a href="javascript:void(0)" id="download_cfg">导出目录结构</a></li>
            </ul>
        </div> -->
        <p style="float: right;line-height:34px;">注：分类目录最大支持3级，数据集和分类目录不允许同级</p>
    </div>
</div>

{% endblock %}

{% block modal %}
<!-- 删除节点确认modal框 -->
<div class="modal fade" id="remove_node_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >删除节点</h4>
            </div>
            <div class="modal-body" style="padding-bottom:15px">
                <p>是否确认将该节点从目录中删除？</p>
            </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="remove_node" class="btn btn-danger" data-dismiss="modal">
                    <span class="fa fa-trash-o fa-fw"></span> 删除
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 二次删除节点确认modal框 -->
<div class="modal fade" id="confirm_remove_node_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >删除内容不为空的数据集</h4>
            </div>
            <div class="modal-body" style="padding-bottom:15px">
                <p>数据集中存在数据，删除将导致数据集中数据被一并删除，是否继续？</p>
            </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="confirm_remove_node" class="btn btn-danger" data-dismiss="modal">
                    <span class="fa fa-trash-o fa-fw"></span> 继续删除
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 全部清空确认modal框 -->
<div class="modal fade" id="clear_menu_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >清空目录</h4>
            </div>
            <div class="modal-body" style="padding-bottom:15px">
                <p>清空目录前建议先导出已有目录作为备份，是否确认继续执行清空操作？</p>
            </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="clear_menu" class="btn btn-danger" data-dismiss="modal">
                    <span class="fa fa-trash-o fa-fw"></span> 清空
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 导入目录确认modal框 -->
<div class="modal fade" id="import_menu_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >导入新目录</h4>
            </div>
            <div class="modal-body" style="padding-bottom:15px">
                <p>导入新目录将替换已有的目录结构，建议先导出已有目录作为备份后再进行操作！</p>
            </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="import_menu" class="btn btn-primary" data-dismiss="modal">
                    <span class="fa fa-upload fa-fw"></span> 继续导入
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 目录管理员选取界面 -->
<div class="modal fade" id="menu_ownner_dialog" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >配置管理员</h4>
            </div>
            <div class="modal-body" style="padding:10px 15px">
                <div class="row">
                    <div class="col-md-7">
                        <div class="title" style="position: relative;">
                            <p style="font-size: 14px;line-height: 50px;">用户列表</p>
                            <div style="position: absolute;top:10px;right:0px;display: none;">
                                <input type="text" class="form-control border_form search_form" placeholder="查成员，按回车键搜索" style="font-size:12px !important;;width: auto;height: 28px;border-radius: 15px !important;">
                                <i class="fa fa-search" style="position: absolute;top:8px;right:10px;font-size:12px;color: #76838f;"></i>
                            </div>
                        </div>
                        <div>
                            <ul class="users" style="font-size:15px;padding: 5px;height: 300px;border: 1px solid #ddd;margin-bottom:15px"></ul>
                            <div id="paginator" class="pagination pagination-sm"></div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="title">
                            <p style="font-size: 14px;line-height: 50px;">已选择的成员:</p>
                        </div>
                        <div>
                            <ul class="checked_users" style="font-size:15px;padding: 5px 0;height: 300px;margin-bottom:15px;overflow: auto;"></ul>
                            <div style="text-align: right;">
                                <button type="button" class="btn btn-default" data-dismiss="modal" style="margin-right:10px;">取消</button>
                                <button type="button" class="btn btn-success confirm">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}