修改同一选项卡内多条配置的样式,以及当前tab样式
This commit is contained in:
@@ -81,6 +81,8 @@
|
|||||||
function switchInfo(flag,index){
|
function switchInfo(flag,index){
|
||||||
$("div[name='subCfg"+index+"']").hide();
|
$("div[name='subCfg"+index+"']").hide();
|
||||||
$("div[id='"+flag+"Info"+index+"']").show();
|
$("div[id='"+flag+"Info"+index+"']").show();
|
||||||
|
$("div[name='tabTitle"+index+"']").removeClass("badge-info");
|
||||||
|
$("div[id='"+flag+"Title"+index+"']").addClass("badge-info");
|
||||||
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
|
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
|
||||||
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
|
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
|
||||||
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
|
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
|
||||||
@@ -88,6 +90,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
@@ -10,12 +10,10 @@
|
|||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.tabInfo {
|
.tabInfo {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
background-color: #eeeeee;
|
|
||||||
border: 1px solid #c2cad8;
|
border: 1px solid #c2cad8;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-bottom: 0px
|
border-bottom: 0px
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 1050px;
|
width: 1050px;
|
||||||
background-color: #f6f3f3;
|
background-color: #f6f3f3;
|
||||||
@@ -27,63 +25,50 @@
|
|||||||
<c:if test="${fn:length(_cfg.ipPortList)>0}">
|
<c:if test="${fn:length(_cfg.ipPortList)>0}">
|
||||||
<div id="ipTitle${index}" onclick="switchInfo('ip',${index})"
|
<div id="ipTitle${index}" onclick="switchInfo('ip',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_ip_title' />
|
<spring:message code='http_ip_title' />
|
||||||
<i id="ip${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="ip${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
<c:if test="${fn:length(_cfg.httpUrlList)>0}">
|
<c:if test="${fn:length(_cfg.httpUrlList)>0}">
|
||||||
<div id="urlTitle${index}" onclick="switchInfo('url',${index})"
|
<div id="urlTitle${index}" onclick="switchInfo('url',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_url_title' />
|
<spring:message code='http_url_title' />
|
||||||
<i id="url${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="url${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
|
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
|
||||||
<div id="reqHdrTitle${index}" onclick="switchInfo('reqHdr',${index})"
|
<div id="reqHdrTitle${index}" onclick="switchInfo('reqHdr',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_req_hdr_title' />
|
<spring:message code='http_req_hdr_title' />
|
||||||
<i id="reqHdr${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="reqHdr${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
|
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
|
||||||
<div id="reqBodyTitle${index}" onclick="switchInfo('reqBody',${index})"
|
<div id="reqBodyTitle${index}" onclick="switchInfo('reqBody',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_req_hdr_title' />
|
<spring:message code='http_req_hdr_title' />
|
||||||
<i id="reqBody${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="reqBody${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
<c:if test="${fn:length(_cfg.httpResHdrList)>0}">
|
<c:if test="${fn:length(_cfg.httpResHdrList)>0}">
|
||||||
<div id="resHdrTitle${index}" onclick="switchInfo('resHdr',${index})"
|
<div id="resHdrTitle${index}" onclick="switchInfo('resHdr',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_res_hdr_title' />
|
<spring:message code='http_res_hdr_title' />
|
||||||
<i id="resHdr${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="resHdr${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
<c:if test="${fn:length(_cfg.httpResBodyList)>0}">
|
<c:if test="${fn:length(_cfg.httpResBodyList)>0}">
|
||||||
<div id="resBodyTitle${index}" onclick="switchInfo('resBody',${index})"
|
<div id="resBodyTitle${index}" onclick="switchInfo('resBody',${index})"
|
||||||
class="col-md-1 tabInfo" name="tabTitle${index }">
|
class="col-md-1 tabInfo" name="tabTitle${index }">
|
||||||
<a href="#">
|
|
||||||
<spring:message code='http_res_body_title' />
|
<spring:message code='http_res_body_title' />
|
||||||
<i id="resBody${index}" class="fa" name="tabFlag${index}"></i>
|
<i id="resBody${index}" class="fa" name="tabFlag${index}"></i>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</c:if>
|
</c:if>
|
||||||
</div>
|
</div>
|
||||||
<c:if test="${fn:length(_cfg.ipPortList)>0}">
|
|
||||||
<div id="ipInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.ipPortList}" var="cfg">
|
<c:forEach items="${_cfg.ipPortList}" var="cfg">
|
||||||
|
<div id="ipInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -174,11 +159,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
|
|
||||||
<c:if test="${fn:length(_cfg.httpUrlList)>0}">
|
|
||||||
<div id="urlInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.httpUrlList}" var="cfg">
|
<c:forEach items="${_cfg.httpUrlList}" var="cfg">
|
||||||
|
<div id="urlInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -232,10 +214,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
|
|
||||||
<div id="reqHdrInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.httpReqHdrList}" var="cfg">
|
<c:forEach items="${_cfg.httpReqHdrList}" var="cfg">
|
||||||
|
<div id="reqHdrInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -293,11 +273,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
|
|
||||||
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
|
|
||||||
<div id="reqBodyInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.httpReqBodyList}" var="cfg">
|
<c:forEach items="${_cfg.httpReqBodyList}" var="cfg">
|
||||||
|
<div id="reqBodyInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -351,10 +328,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
<c:if test="${fn:length(_cfg.httpResHdrList)>0}">
|
|
||||||
<div id="resHdrInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.httpResHdrList}" var="cfg">
|
<c:forEach items="${_cfg.httpResHdrList}" var="cfg">
|
||||||
|
<div id="resHdrInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -413,10 +388,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</c:forEach>
|
</c:forEach>
|
||||||
<c:if test="${fn:length(_cfg.httpResBodyList)>0}">
|
|
||||||
<div id="resBodyInfo${index}" class="content" name="subCfg${index}">
|
|
||||||
</c:if>
|
|
||||||
<c:forEach items="${_cfg.httpResBodyList}" var="cfg">
|
<c:forEach items="${_cfg.httpResBodyList}" var="cfg">
|
||||||
|
<div id="resBodyInfo${index}" class="content" name="subCfg${index}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user