[유치수] [NOBTS] 메인 페이지 개선

git-svn-id: http://svn.bds.nhncorp.com/pe/hippo-web/trunk@1207 84d0f5b1-2673-498c-a247-62c4ff18d310
This commit is contained in:
Chisu Yu
2013-02-15 06:32:12 +00:00
parent 348845c8b5
commit 296feef061
2 changed files with 34 additions and 9 deletions
@@ -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>
+27 -3
View File
@@ -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>