{% extends "index/baseTemp.html" %}

{% block title %}
<title>算法管理</title>
{% endblock %}

{% block blink %}
<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 }}/plugins/bootstrap/css/tagsinput.css">
<link rel="stylesheet" href="{{ pathPrefix }}/plugins/ztree/zTreeStyle.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/algorithmManage/algorithmManage.css">
{% endblock %}

{% block bscript %}
<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 }}/plugins/bootstrap/js/tagsinput.min.js"></script>
<script src="{{ pathPrefix }}/js/common/createArg.js"></script>
<script src="{{ pathPrefix }}/js/common/typeTemplate.js"></script>
<script src="{{ pathPrefix }}/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="{{ pathPrefix }}/js/common/wktWidget.js"></script>
<script src="{{ pathPrefix }}/js/common/calc.js"></script>
<script src="{{ pathPrefix }}/js/appCenter/algorithmManage/algorithmManage.js"></script>
{% endblock %}

{% block contentbody %}
<!-- 此处为内容区域 -->
<div class="container-fluid" id="content">
    <div class="box">
        <div class="left_side">
            <p class="tree_title">算法目录</p>
            <div class="tree_toolbar">
                <button type="button" class="btn btn-link btn-sm add">
                    <i class="fa fa-plus"></i> 注册算法
                </button>
            </div>
            <div class="tree_box">
                <div id="jstree"></div>
            </div>
        </div>
        <div class="right_side">
            <div class="bd">
                <div id="toolbar" class="algo_toolbar">
                    <h5>全部算法</h5>
                </div>
                <table id="algo_table"></table>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block modal %}

<!-- 算法详情 -->
<div class="modal fade" id="algo_dialog" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <ul class="nav nav-tabs">
                    <li role="presentation" class="active"><a href="#basic_info" aria-controls="basic_info"
                            data-toggle="tab">基本信息</a></li>
                    <li role="presentation"><a href="#constraints_info" aria-controls="constraints_info"
                            data-toggle="tab">约束信息</a></li>
                    <li role="presentation"><a href="#parameter_info" aria-controls="parameter_info"
                            data-toggle="tab">参数信息</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="basic_info">
                        <div class="row">
                            <label class="col-sm-2">应用ID：</label>
                            <span class="col-sm-4 info_id">-</span>
                            <label class="col-sm-2">应用名称：</label>
                            <span class="col-sm-4 info_name">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">应用版本：</label>
                            <span class="col-sm-4 info_version">-</span>
                            <label class="col-sm-2">应用类型：</label>
                            <span class="col-sm-4 info_type">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">执行程序：</label>
                            <span class="col-sm-10 info_exec">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">应用标识：</label>
                            <span class="col-sm-10 info_fullid">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">镜像名称：</label>
                            <span class="col-sm-10 info_image">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">提交组织：</label>
                            <span class="col-sm-10 info_owner">-</span>
                        </div>
                        <div class="row">
                            <label class="col-sm-2">应用描述：</label>
                            <span class="col-sm-10 info_des">-</span>
                        </div>
                    </div>
                    <div class="tab-pane" id="constraints_info">
                        <div class="row">
                            <div class="col-md-6">
                                <select class="form-control border_form info_proc"></select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="row">
                                    <label class="col-sm-4">CPU个数：</label>
                                    <span class="col-sm-8 info_cpu">0 个</span>
                                </div>
                                <div class="row">
                                    <label class="col-sm-4">GPU个数：</label>
                                    <span class="col-sm-8 info_gpu">0 个</span>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="row">
                                    <label class="col-sm-4">内存需求：</label>
                                    <span class="col-sm-8 info_mem">0 MB</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="parameter_info">
                        <table id="table_parameter_info"></table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="save-btn" class="btn btn-small btn-success" data-dismiss="modal">提交任务</button>
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 删除算法 -->
<div class="modal fade" id="remove_algo_model" tabindex="-1">
    <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-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">删除算法</h4>
            </div>
            <div class="modal-body">
                <p class="tips">您确定要删除该条算法吗？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger" id="del_model_confirm" data-dismiss="modal">
                    <i class="fa fa-trash-o fa-fw"></i> 删除
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 注册算法 -->
<div class="modal fade" id="register_algo_model" tabindex="-1">
    <div class="modal-dialog" role="document">
        <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 text-center">
                <button type="button" class="btn btn-primary select_file"><i class="fa fa-plus fa-fw"></i>
                    点击选取配置文件</button>
                <p class="tips">请选择算法的配置json文件,确保文件为UTF-8编码格式</p>
                <input type="file" value="选择文件" class="algo_file" multiple>
            </div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>

<!-- 提交算法 -->
<div class="modal fade" id="format_dialog" data-backdrop="static" tabindex="-1" role="dialog">
    <div class="modal-dialog modal_app" 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 format_dialog-title"></h4>
            </div>
            <div class="modal-body" style="height:600px;overflow: auto;">
                <div class="form-horizontal format_dialog_content">

                </div>
                <div class="format_dialog_result" style="margin:20px 0px 0;">

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-small btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-small btn-submit submit_app" id="submit">
                    <i class="fa fa-external-link"></i> 提交执行
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 参考系选择对话框 -->
<div class="modal fade cover_dialog" tabindex="-1" role="dialog" id="srs_dialog">
    <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>
                    <ul class="ztree" id="srs_tree"></ul>
                </div>
                <p id="wkt_text">参考系信息</p>
            </div>
            <div class="modal-footer">
                <button href="javascript:void(0)" class="btn btn-default" data-dismiss="modal">取消</button>
                <button href="javascript:void(0)" class="btn btn-primary" id="select_srs" data-dismiss="modal">
                    <i class="fa fa-check fa-fw"></i> 确定
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 参考系选择对话框 -->
<div class="on_jump">
  <div class="on_jump_content">
    <div class="alert_modify">
      
    </div>
  </div>
</div>
{% endblock %}