<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Open Park</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="<%=path%>/static/css/font.css">
    <link rel="stylesheet" href="<%=path%>/static/css/xadmin.css">
    <script type="text/javascript" src="<%=path%>/static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="<%=path%>/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=path%>/static/js/xadmin.js"></script>
</head>

<body>
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">项目管理</a>
        <a>
          <cite>项目列表</cite></a>
      </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" action="<%=path %>/project/list" method="post">
            <input type="text" name="projectName"  placeholder="请输入项目名称" value="${project.projectName}" autocomplete="off" class="layui-input">
            <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
    </div>
    <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加','<%=path %>/project/add', 500, 600)"><i class="layui-icon"></i>添加
        </button>
    </xblock>
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i
                        class="layui-icon">&#xe605;</i></div>
            </th>
            <th>
                项目名称
            </th>
            <th>
                项目文件名称
            </th>
            <th>
                项目描述
            </th>
            <th>
                数据源
            </th>
            <th>
                包名
            </th>
            <th>
                页面路径
            </th>
            <th>
                页面模板
            </th>
            <th>
                配置模块
            </th>
            <th>
                项目框架
            </th>
            <th>操作</th>
        </thead>
        <tbody>
        <c:forEach items="${pages.list}" var="item">
            <tr>
                <td>
                    <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i
                            class="layui-icon">&#xe605;</i></div>
                </td>
                <td>
                        ${item.projectName}
                </td>
                <td>
                        ${item.projectFileName}
                </td>
                <td>
                        ${item.projectDesc}
                </td>
                <td>
                    <a onclick="x_admin_show('数据源详情','<%=path %>/dataSource/view?id=${item.dataSourse}', 700, 400)"
                       href="javascript:;" style="color: blue">${item.dataSource.name}</a>
                </td>
                <td>
                        ${item.packName}
                </td>
                <td>
                        ${item.pagePath}
                </td>
                <td>
                        <a onclick="x_admin_show('页面模板详情','<%=path %>/pageTemplate/view?id=${item.pageStyle}', 700, 400)"
                               href="javascript:;" style="color: blue">${item.pageTemplate.pageName}</a>
                </td>
                <td>
                    <a title="配置模块" onclick="x_admin_show('配置模块','<%=path %>/moduleProject/list?projectId=${item.id}')"
                       href="javascript:;">
                        <i class="layui-icon">&#xe60a;</i>
                    </a>
                </td>
                <td>
                    ${item.templateType}
                </td>
                <td class="td-manage">
                    <a title="下载" onclick="data_download(this,'${item.id}')" href="javascript:;">
                        <i class="layui-icon">&#xe601;</i>
                    </a>
                    <a title="生成代码" onclick="data_generate(this,'${item.id}')" href="javascript:;">
                        <i class="layui-icon">&#xe631;</i>
                    </a>
                    <a title="导入数据库" onclick="data_import(this,'${item.id}')" href="javascript:;">
                        <i class="layui-icon">&#xe857;</i>
                    </a>
                    <a title="数据表管理" onclick="x_admin_show('数据表管理','<%=path %>/table/list?projectId=${item.id}')"
                       href="javascript:;">
                        <i class="layui-icon">&#xe60a;</i>
                    </a>
                    <a title="编辑" onclick="x_admin_show('编辑','<%=path %>/project/update?id=${item.id}', 500, 600)"
                       href="javascript:;">
                        <i class="layui-icon">&#xe642;</i>
                    </a>
                    <a title="删除" onclick="member_del(this,'${item.id}')" href="javascript:;">
                        <i class="layui-icon">&#xe640;</i>
                    </a>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
    <div class="page">
        <div>第&nbsp;${pages.pageNum}&nbsp;页/共&nbsp;${pages.pages}&nbsp;页</div>
        <div>
            <a class="num" href="<%=path %>/project/list?curPage=1">首页</a>
            <c:if test="${pages.hasPreviousPage}">
                <a href="<%=path %>/project/list?curPage=${pages.pageNum-1}" aria-label="Previous"> 上一页</a>
            </c:if>
            <c:if test="${!pages.hasPreviousPage}">
                <a href="javascript:;" aria-label="Previous"> 上一页</a>
            </c:if>
            <c:forEach items="${pages.navigatepageNums}" var="pageNum">
                <a href="<%=path %>/project/list?curPage=${pageNum}">${pageNum}</a>
            </c:forEach>
            <c:if test="${pages.hasNextPage}">
                <a href="<%=path %>/project/list?curPage=${pages.pageNum+1}" aria-label="Next"> 下一页</a>
            </c:if>
            <c:if test="${!pages.hasNextPage}">
                <a href="javascript:;" aria-label="Next"> 下一页</a>
            </c:if>
            <a class="num" href="<%=path %>/project/list?curPage=${pages.pages}">尾页</a>
        </div>
    </div>

</div>
<script>
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $.ajax({
                type: "GET",
                url: "<%=path %>/project/delete",
                data: {
                    id: id
                },
                success: function (data) {
                }
            });
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }

    function data_import(obj, id) {
        layer.confirm('确认要导入数据吗？', function (index) {
            layer.closeAll('dialog');
            layer.load(2);
            //发异步删除数据
            $.ajax({
                type: "GET",
                url: "<%=path %>/project/importData",
                data: {
                    id: id
                },
                success: function (data) {
                    layer.closeAll('loading');
                    if (data.state == 0) {
                        layer.msg('导入完成!', {icon: 1, time: 2000});
                    } else {
                        layer.msg('导入失败，原因：' + data.message, {icon: 1, time: 2000});
                    }
                }
            });
        });
    }

    function data_generate(obj, id) {
        layer.confirm('确认要生成代码吗？', function (index) {
            layer.closeAll('dialog');
            layer.load(2);
            //发异步删除数据
            $.ajax({
                type: "GET",
                url: "<%=path %>/project/generate",
                data: {
                    id: id
                },
                success: function (data) {
                    layer.closeAll('loading');
                    if (data.state == 0) {
                        layer.msg('生成成功!', {icon: 1, time: 2000});
                    } else {
                        layer.msg('生成失败，原因：' + data.message, {icon: 1, time: 2000});
                    }
                }
            });
        });
    }

    function data_download(obj, id) {
        layer.confirm('确认要下载吗？', function (index) {
            layer.closeAll('dialog');
            layer.load(2);
            //发异步删除数据
            $.ajax({
                type: "GET",
                url: "<%=path %>/project/check",
                data: {
                    id: id
                },
                success: function (data) {
                    layer.closeAll('loading');
                    if (data.state == 0) {
                        layer.msg('开始下载，请稍候', {icon: 1, time: 2000});
                        $(location).attr('href', '<%=path %>/project/download?id='+id);
                    } else {
                        layer.msg('下载失败，原因：' + data.message, {icon: 1, time: 2000});
                    }
                }
            });
        });
    }
</script>
</body>

</html>