project.jsp 8.22 KB
<%@page language="java" contentType="text/html;charset=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 PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>项目发布</title>
    <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
    <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
    <link href="<%=basePath%>css/style.default.css" rel="stylesheet">
    <link href="<%=basePath%>css/morris.css" rel="stylesheet">
    <link href="<%=basePath%>css/select2.css" rel="stylesheet"/>

</head>

<body style="background-color: #444444;font-size: 14px">

<!-- 头部 -->
<div id="head">
</div>
<div id="content">
    <div id="breadcrumb">
        <a href="#" title="Go to Home" class="tip-bottom"><i
                class="icon-home"></i> Home</a> <a href="#" class="current">项目发布</a>
    </div>
    <div>
        <!-- query panel -->
        <form class="form-bordered">
            <div class="form-group">
                <label class="col-sm-1 control-label">操作选择</label>

                <div class="col-sm-8">
                    <div class="rdio rdio-default">
                        <input type="radio" name="operate" id="operatedeploy" value="Deploy" checked="checked"
                               onclick="operateChange()"/>
                        <label for="operatedeploy">发布</label>
                    </div>

                    <div class="rdio rdio-default">
                        <input type="radio" name="operate" value="Rollback" id="operateback" onclick="operateChange()"/>
                        <label for="operateback">回滚</label>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">发布环境</label>

                <div class="col-sm-8">
                    <c:forEach items="${environments }" var="envi">
                        <div class="rdio rdio-default">
                            <input type="radio" name="environments" id="${envi }" value="${envi }"
                                   onclick="changeservers()" <c:if test="${envi == 'aws' }">checked="checked"</c:if>/>
                            <label for="${envi }">${envi }</label>
                        </div>
                    </c:forEach>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">项目选择</label>

                <div class="col-sm-8" id="project-div">
                </div>
            </div>
            <%--<div class="form-group" id="tag-div">--%>
            <%--<label class="col-sm-1 control-label">TAG输入</label>--%>
            <%--<div class="col-sm-8">--%>
            <%--<input name="tag" type="text" placeholder="默认为master最新版本" class="form-control" style="width: 300px" />--%>
            <%--</div>--%>
            <%--</div>--%>

            <div class="form-group" id="branch-div">
                <label class="col-sm-1 control-label">Branch输入</label>
                <div class="col-sm-8">
                    <input name="branch" type="text" class="form-control"
                           style="width: 300px"/>
                </div>
            </div>

            <div class="form-group" id="rollback-div" style="display: none">
                <label class="col-sm-1 control-label">回滚版本选择</label>

                <div class="col-sm-8" id="select-rollbackList-div">

                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">确认操作</label>

                <div class="col-sm-8">
                    <button type="button" id="submit-btn" onclick="comfirmSubmit()" class="btn btn-primary">提交</button>
                    <button type="button" id="cancel-btn" onclick="cancelBuild()" class="btn btn-danger">取消</button>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">操作提示</label>

                <div class="col-sm-8">
                    <div class="alert alert-warning" id="task-info-div">
                    </div>
                    <div id="show-project-div">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!-- query panel -->

    <HR class="title-hr"
        style="FILTER: alpha(opacity = 100, finishopacity = 0, style = 3)"
        SIZE=3>
    &nbsp; &nbsp; &nbsp; &nbsp;
		<textarea id="resultArea" rows="30" cols="120"
                  style="background-color: black; color: white" readonly="readonly"></textarea>
</div>

<input type="hidden" id="messageid">
<input type="hidden" id="currentproject">

<!-- 初始化确认页面  -->
<div class="modal fade" id="confirmSubmitDivId" tabindex="-1" role="dialog" aria-labelledby="confirmSubmitLabel"
     aria-hidden="true" style="padding-top: 10%">
    <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>
                <h2 class="modal-title" id="confirmSubmitLabel">
                    <span style="font-weight: bold;"> 确认提交</span>
                </h2>
            </div>
            <div class="modal-body">
                <form class="bs-example bs-example-form" action="<%=path  %>/createBranch.do" role="form"
                      id="GitBranchCreateForm">
                    <div class="input-group">
                        <span class="input-group-addon">操作类型</span>
                        <input type="text" name="operate_name" class="form-control" readonly="readonly">
                    </div>
                    <br>

                    <div class="input-group">
                        <span class="input-group-addon">发布环境</span>
                        <input type="text" name="environment_name" class="form-control" readonly="readonly">
                    </div>
                    <br>

                    <div class="input-group">
                        <span class="input-group-addon">工程名称</span>
                        <input type="text" name="project_name" class="form-control" readonly="readonly">
                    </div>
                    <br>

                    <div class="input-group">
                        <span class="input-group-addon">分支名称</span>
                        <input type="text" name="branch_name" class="form-control" readonly="readonly">
                    </div>
                    <br>

                    <div class="input-group">
                        <span class="input-group-addon">回滚文件</span>
                        <input type="text" name="rollbackfile_name" class="form-control" readonly="readonly">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="projectbuild();">确认</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<script src="<%=basePath%>js/jquery-2.1.4.min.js"></script>
<script src="<%=basePath%>js/bootstrap.min.js"></script>
<script src="<%=basePath%>js/select2.min.js"></script>
<script src="<%=basePath%>js/custom.js"></script>
<script src="<%=basePath%>script/project.js"></script>
<script src="<%=basePath %>/js/unicorn.js"></script>
<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
<script type="text/javascript">
    $("#li_project").addClass("active open");
    $("#li_projectRelease").addClass("active");
</script>
<script language="JavaScript">
    window.onbeforeunload = function () {
        return "真的离开?";
    }

</script>
</body>
</html>