mirror of
https://github.com/wahyd4/pinpoint.git
synced 2026-08-26 05:06:34 +10:00
[유치수] [NOBTS] 메인 페이지 개선
git-svn-id: http://svn.bds.nhncorp.com/pe/hippo-web/trunk@1207 84d0f5b1-2673-498c-a247-62c4ff18d310
This commit is contained in:
@@ -333,20 +333,21 @@
|
||||
|
||||
|
||||
<ul class="nav nav-tabs" id="chartTabs">
|
||||
<li><a href="#Tree" data-toggle="tab">Server Tree</a></li>
|
||||
<li><a href="#Graph" data-toggle="tab">Server Graph</a></li>
|
||||
<li><a href="#Tree" data-toggle="tab">Server Tree</a></li>
|
||||
<li><a href="#Sankey" data-toggle="tab">Sankey Chart</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane active" id="Tree" style="overflow:hidden;">
|
||||
<div class="tab-pane active" id="Graph">
|
||||
<div id="springygraph" style="width:99%;height:700px;border:1px solid #000;overflow:hidden;position:relative"></div>
|
||||
</div>
|
||||
<div class="tab-pane" id="Tree" style="overflow:hidden;">
|
||||
Tree chart는 HIPPO개발자를 위한 차트입니다. (정식 버전에서 빠질 예정.)<br/>
|
||||
<p id="tree"></p>
|
||||
</div>
|
||||
<div class="tab-pane" id="Graph">
|
||||
<div id="springygraph" style="width:1160px;height:700px;border:1px solid #000;overflow:hidden;position:relative"></div>
|
||||
</div>
|
||||
<div class="tab-pane" id="Sankey">
|
||||
HIPPO개발자를 위한 차트입니다.<br/>
|
||||
Sankey chart는 HIPPO개발자를 위한 차트입니다. (정식 버전에서 빠질 예정.)<br/>
|
||||
<p id="sankeygraph"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -58,9 +58,9 @@
|
||||
<a class="brand" href="/">HIPPO</a>
|
||||
<div class="nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a data-toggle="modal" href="#myModal">Configuration</a></li>
|
||||
<li><a href="http://devcafe.nhncorp.com/arcus" target="_blank">About</a></li>
|
||||
<li><a href="#">Help</a></li>
|
||||
<li><a data-toggle="modal" href="#myModal">Configuration</a></li>
|
||||
<li><a data-toggle="modal" href="#myHelpModal">Help</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,6 +85,22 @@
|
||||
</div>
|
||||
<!-- END OF MODAL -->
|
||||
|
||||
<!-- HELP-MODAL -->
|
||||
<div class="modal hide fade" id="myHelpModal" style="width:1000px; margin-left:-500px">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Help</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<br/>E-mail to us. <a href="mailto:!hippo@nhn.com">!hippo@nhn.com</a><br/>
|
||||
<br/>Thank you.<br/><br/>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END OF HELP-MODAL -->
|
||||
|
||||
<!-- MODAL -->
|
||||
<div class="modal hide fade" id="traceIdSelectModal" style="width:1200px; margin-left:-600px">
|
||||
<div class="modal-header">
|
||||
@@ -107,7 +123,11 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
<ul id="selectedBusinessTransactionsDetailPager" class="pager">
|
||||
<li><a href="#">Previous</a></li>
|
||||
<li><a href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
@@ -503,6 +523,10 @@ $(document).ready(function () {
|
||||
});
|
||||
});
|
||||
|
||||
$("#selectedBusinessTransactionsDetailPager li").click(function() {
|
||||
alert("[NOT IMPLEMENTED]\n\nNOTE : 한꺼번에 많은 점을 선택했을 때 다 보여주지 않고.. 페이징?? 스크롤 페이징을 사용해도 될 것 같기도 하고...");
|
||||
});
|
||||
|
||||
cleanup();
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user