kazusa
/
skywalking-java
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

典型调用链节点点击出现详情页

This commit is contained in:
ascrutae 2016-05-27 10:24:29 +08:00
parent da2116337b
commit c3a01c8636
3 changed files with 63 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
skywalking-webui/src/main/webapp/bower_components/skywalking/js/analysisResultViewResovler.js vendored
View File

@ -81,7 +81,7 @@ AnalysisResultViewResolver.prototype.showTypicalCallTree = function (nodeToken)
var tmpNode = node.treeNodes[key];
var analyResultStr = $("#" + key).text();
if (analyResultStr == undefined || analyResultStr == "") {
analyResultStr = "{\"totalCall\":0,\"totalCostTime\":0,\"correctNumber\":0,\"humanInterruptionNumber\":0,\"correctRate\":\"0.00\",\"averageCost\":\"0.00\"}";
continue;
}
tmpNode.anlyResult = JSON.parse(analyResultStr);
tmpTypicalCallChain.push(tmpNode);
@ -205,6 +205,11 @@ function pickUpViewPoint(nodeToken) {
$("#viewPointPickupModal").modal('show');
}
function typicalCallChainTreeViewPointPickUp(nodeToken) {
$("#typicalCallTreeViewpointStr").text($("#" + nodeToken + "TypicalCallChainViewPoint").text());
$("#typicalCallTreeViewPointPickUpModal").modal('show');
}
AnalysisResultViewResolver.prototype.bindGotoTypicalPageEvent = function () {
var self = this;
$("#showTypicalCallTreeBtn").click(function () {

78
skywalking-webui/src/main/webapp/pages/anls-result/analysisResult.ftl
View File

@ -46,8 +46,6 @@
</table>
</div>
<hr/>
</script>
</#macro>
@ -59,7 +57,7 @@
{{/if}}
<td>
<a href="javascript:pickUpViewPoint('{{>nodeToken}}');"> {{>viewPoint}}</a>
<span style="display:none" id="{{>nodeToken}}ViewPoint">{{>viewPoint}}</span>
<span style="display:none" id="{{>nodeToken}}ViewPoint">{{>viewPointStr}}</span>
</div>
</td>
<td>{{>anlyResult.totalCall}}</td>
@ -79,35 +77,40 @@
<span id="{{>nodeToken}}" style="display:none">{{>anlyResultStr}}</span></td>
</tr>
</script>
</#macro>
<#macro viewPointPickUp>
<div class="modal fade" id="viewPointPickupModal" tabindex="-1" role="dialog" aria-labelledby="viewPointPickupModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-dialog">
<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">
<div class= "row">
<div class="col-md-10">
<label>viewpoint：</label><br/>
<span style="word-wrap:break-word;" id="viewpointStr"></span>
</div>
<div class="modal fade" id="viewPointPickupModal" tabindex="-1" role="dialog" aria-labelledby="viewPointPickupModal"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-dialog">
<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">
<div class="row">
<div class="col-md-10">
<label>viewpoint：</label><br/>
<span style="word-wrap:break-word;" id="viewpointStr"></span>
</div>
</div>
<div class="modal-footer">
<button id="showTypicalCallTreeBtn" type="button" class="btn btn-primary" value="{{>nodeToken}}">查看调用链</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div>
</div>
<div class="modal-footer">
<button id="showTypicalCallTreeBtn" type="button" class="btn btn-primary" value="{{>nodeToken}}">
查看调用链
</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
</div>
</#macro>
<#macro typicalCallChainTrees>
@ -142,6 +145,7 @@
</div>
</div>
<hr/>
</script>
</#macro>
@ -151,6 +155,7 @@
{{for typicalTreeIds}}
<input name="typicalTreeCheckBox" type="checkbox" checked value="{{>callTreeToken}}"/>典型调用链{{: #index}}&nbsp;
{{/for}}
</script>
</#macro>
@ -161,7 +166,8 @@
<td rowspan="{{>rowSpanCount}}" valign="middle">{{>traceLevelId}}</td>
{{/if}}
<td>
<span>{{>viewPoint}}</span>
<a href="javascript:typicalCallChainTreeViewPointPickUp('{{>nodeToken}}');">{{>viewPoint}}</a>
<span style="display:none" id="{{>nodeToken}}TypicalCallChainViewPoint">{{>viewPointStr}}</span>
</td>
<td>{{>anlyResult.totalCall}}</td>
<td>{{>anlyResult.correctNumber}}</td>
@ -179,7 +185,35 @@
<td>{{>anlyResult.averageCost}}ms
<span id="{{>nodeToken}}" style="display:none">{{>anlyResultStr}}</span></td>
</tr>
</script>
</#macro>
<#macro typicalCallTreeViewPointPickUp>
<div class="modal fade" id="typicalCallTreeViewPointPickUpModal" tabindex="-1" role="dialog" aria-labelledby="typicalCallTreeViewPointPickUpModal"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-dialog">
<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">
<div class="row">
<div class="col-md-10">
<label>viewpoint：</label><br/>
<span style="word-wrap:break-word;" id="typicalCallTreeViewpointStr"></span>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
</div>
</#macro>

1
skywalking-webui/src/main/webapp/pages/main.ftl
View File

@ -49,6 +49,7 @@
<@anlyResult.typicalCallChainTreeTable/>
<@anlyResult.typicalCallChainCheckBox/>
<@anlyResult.viewPointPickUp/>
<@anlyResult.typicalCallTreeViewPointPickUp/>
<p id="baseUrl" style="display: none">${_base}</p>
<div class="container" id="mainPanel">
<p id="searchType" style="display: none">${searchType!''}</p>