{% extends "../../base.html" %}

{% block css %}
    <style>
        td.cen ,th.cen{
            text-align: center;
        }

        a:hover {
            color: red;
        }

        .env-name {
            max-width: 200px;
            word-wrap: break-word;
            text-overflow: ellipsis;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
        }

        .env-name:hover {
            white-space: normal;
            overflow: auto;
        }

        .btn-primary:hover {
            color: red;
        }
    </style>
{% endblock %}

{% block crumbs %}
    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li>
                    <a href="/yqjr/index">主页</a>
                </li>
                <li class="active">
                    <a class="this">基础信息</a>
                </li>
                <li class="active">
                    <a class="this-page">测试环境</a>
                </li>
            </ol>

        </div>
    </div>
{% endblock %}

{% block body %}

    <div class="row">
        <div class="col-md-12">
            <div class="panel">
                <div class="panel-heading">
                    <a href="/base/env_add" class="btn btn-primary"><i
                            class="fa fa-plus-circle"></i>&nbsp;添加环境</a>
                </div>
                <div class="panel-body">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th class="cen">ID</th>
                            <th class="cen">测试环境</th>

                            <th class="cen">url</th>
                            <th class="cen">所属项目</th>
                            <th class="cen">更新用户</th>
                            <th class="cen">描述</th>

                            <th class="cen">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for env in contacts %}
                            {#                            {% for env in env_ %}#}
                            <tr>
                                <td class="cen">{{ env.env_id }}</td>
                                <td class="env-name"><a href="/base/env_update?env_id={{ env.env_id }}"
                                                        class="layui-btn layui-btn-xs"
                                                        lay-event="edit">{{ env.env_name }}</a></td>

                                <td class="cen">{{ env.url }}</td>
                                <td class="cen">{{ env.project }}</td>
                                <td class="cen">{{ env.update_user }}</td>
                                <td class="cen">{{ env.description }}</td>
                                <td class="cen">
                                    <a href="#" name="/base/env_delete?env_id={{ env.env_id }}"
                                       class="runCaseForm btn btn-danger"
                                       onclick="delete_btn(this)"><i class="fa fa-trash-o">&nbsp;删除</i></a>
                                </td>
                            </tr>
                            {#                            {% endfor %}#}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="pagination">
                    <span class="step-links">
                        {% if contacts.has_previous %}
                            <a href="/base/env/?page={{ contacts.previous_page_number }}">上一页</a>
                        {% endif %}

                        <span class="current">
                            Page {{ contacts.number }} of {{ contacts.paginator.num_pages }}.
                        </span>

                        {% if contacts.has_next %}
                            <a href="/base/env/?page={{ contacts.next_page_number }}">下一页</a>
                        {% endif %}
                    </span>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block javascript %}
    <script>

        //删除
        function delete_btn(ele) {
            if (!window.confirm("你确定要删除吗？")) {

                return;
            }
            console.log($(ele).attr('name'));
            $.ajax(
                {
                    url: $(ele).attr('name'),
                    type: 'GET',
                    success: function (data) {
                        console.log(data);
                        var data = JSON.parse(data);
                        console.log(data);
                        if (data.code == 0) {
                            alert('删除成功！');
                            location.reload();
                        } else {
                            alert(data.message);
                            return
                        }
                    },
                    error: function () {
                        alert('删除失败，请联系管理员！')
                    }
                }
            )

        }

    </script>
{% endblock %}