/setup/builds/package/manager/webapp/jsp/dashboard/dashboard.jsp

https://github.com/ronesp86/MyProject · JavaServer Pages · 114 lines · 97 code · 17 blank · 0 comment · 5 complexity · db40949e6af258ee731bc9e9d9b5e5cb MD5 · raw file 

    

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    2. 

  2. <%@ include file="../inc/tags.jsp"%>
    3. 

  3. 

  4. <!DOCTYPE html>
    5. 

  5. <html lang="en">
    6. 

  6.   <head>
    7. 

  7.     <meta charset="utf-8">
    8. 

  8.     <title><spring:message code="common.project.title" /></title>
    9. 

  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    10. 

  10.     <meta name="description" content="">
    11. 

  11.     <meta name="author" content="">
    12. 

  12. 

  13.     <!-- Le styles -->
    14. 

  14.     <link href="../css/bootstrap.css" rel="stylesheet">
    15. 

  15.     <link href="../css/style.css" rel="stylesheet">
    16. 

  16. 

  17.   </head>
    18. 

  18.   <body>
    19. 

  19. 	  <!-- Include Header Page -->
    20. 

  20. 	  <jsp:include page="../inc/header.jsp">
    21. 

  21. 	  	<jsp:param name="active" value="home" />
    22. 

  22. 	  </jsp:include>
    23. 

  23. 

  24.     <div class="container-fluid">
    25. 

  25.       <div class="row-fluid">
    26. 

  26.         <div class="span3">
    27. 

  27. 				  <!-- Include Header Page -->
    28. 

  28. 				  <jsp:include page="../inc/menu.jsp">
    29. 

  29. 				  	<jsp:param name="active" value="dashboard" />
    30. 

  30. 				  </jsp:include>
    31. 

  31.         </div><!--/span-->
    32. 

  32.         <div class="span9">
    33. 

  33. 			    <ul class="breadcrumb">
    34. 

  34. 				    <li>
    35. 

  35. 				    <a href="${ctx}/jsp/index.jsp">Home</a> <span class="divider">/</span>
    36. 

  36. 				    </li>
    37. 

  37. 				    <li class="active">Dashboard</li>
    38. 

  38. 			    </ul>
    39. 

  39. 			    
    40. 

  40. 			  	<div id="placeholder" style="width:600px;height:300px;margin-left:5%;"></div>          
    41. 

  41. 

  42.         </div><!--/span-->
    43. 

  43.       </div><!--/row-->
    44. 

  44. 

  45.       <hr>
    46. 

  46.       <footer>
    47. 

  47.         <p>&copy; Company 2012</p>
    48. 

  48.       </footer>
    49. 

  49. 

  50.     </div><!--/.fluid-container-->
    51. 

  51. 

  52.     <!-- Le javascript
    53. 

  53.     ================================================== -->
    54. 

  54.     <!-- Placed at the end of the document so the pages load faster -->
    55. 

  55.     <script src="../js/jquery-1.7.1.min.js"></script>
    56. 

  56.     <script src="../js/jquery.flot.min.js"></script>
    57. 

  57.     <script src="../js/bootstrap.js"></script>
    58. 

  58. 		<script type="text/javascript">
    59. 

  59. 		$(function () {
    60. 

  60. 		    var sin = [], cos = [];
    61. 

  61. 		    for (var i = 0; i < 20; i += 0.5) {
    62. 

  62. 		        sin.push([i, Math.sin(i)]);
    63. 

  63. 		        cos.push([i, Math.cos(i)]);
    64. 

  64. 		    }
    65. 

  65. 

  66. 		    var plot = $.plot($("#placeholder"),
    67. 

  67. 		           [ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)" } ], {
    68. 

  68. 		               series: {
    69. 

  69. 		                   lines: { show: true },
    70. 

  70. 		                   points: { show: true }
    71. 

  71. 		               },
    72. 

  72. 		               grid: { hoverable: true, clickable: true },
    73. 

  73. 		               yaxis: { min: -1.2, max: 1.2 }
    74. 

  74. 		             });
    75. 

  75. 

  76. 		    function showTooltip(x, y, contents) {
    77. 

  77. 		        $('<div id="tooltip">' + contents + '</div>').css( {
    78. 

  78. 		            position: 'absolute',
    79. 

  79. 		            display: 'none',
    80. 

  80. 		            top: y + 5,
    81. 

  81. 		            left: x + 5,
    82. 

  82. 		            border: '1px solid #fdd',
    83. 

  83. 		            padding: '2px',
    84. 

  84. 		            'background-color': '#fee',
    85. 

  85. 		            opacity: 0.80
    86. 

  86. 		        }).appendTo("body").fadeIn(200);
    87. 

  87. 		    }
    88. 

  88. 

  89. 		    var previousPoint = null;
    90. 

  90. 		    $("#placeholder").bind("plothover", function (event, pos, item) {
    91. 

  91.             if (item) {
    92. 

  92.                 if (previousPoint != item.dataIndex) {
    93. 

  93.                     previousPoint = item.dataIndex;
    94. 

  94.                     
    95. 

  95.                     $("#tooltip").remove();
    96. 

  96.                     var x = item.datapoint[0].toFixed(2),
    97. 

  97.                         y = item.datapoint[1].toFixed(2);
    98. 

  98.                     
    99. 

  99.                     showTooltip(item.pageX, item.pageY,
    100. 

  100.                                 item.series.label + " of " + x + " = " + y);
    101. 

  101.                 }
    102. 

  102.             }
    103. 

  103.             else {
    104. 

  104.                 $("#tooltip").remove();
    105. 

  105.                 previousPoint = null;            
    106. 

  106.             }
    107. 

  107. 

  108. 		    });
    109. 

  109. 

  110. 

  111. 		});
    112. 

  112. 		</script>
    113. 

  113.   </body>
    114. 

  114. </html>
    115.