/dxweb/priv/www/index.html

http://github.com/hyperthunk/nodewatch · HTML · 179 lines · 161 code · 9 blank · 9 comment · 0 complexity · d3cdf4c1eb488cd40476d06a42155b41 MD5 · raw file 

    

  1. <!DOCTYPE html>

    2. 

  2. <html>

    3. 

  3.     <head>

    4. 

  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    5. 

  5.         <title>jQuery UI Example Page</title>

    6. 

  6.         <!--

    7. 

  7.         <link type="text/css" href="/static/css/dark-hive/jquery-ui-1.8.11.custom.css" rel="stylesheet" />

    8. 

  8.         <link type="text/css" href="/static/css/ui.jqgrid.css" media="screen" rel="stylesheet" />

    9. 

  9.         <link type="text/css" href="/static/css/base.css" media="screen" rel="stylesheet" />

    10. 

  10.         <link type="text/css" href="/static/css/jquery.notice.css" media="screen" rel="Stylesheet"/>

    11. 

  11.         <link type="text/css" href="/static/css/jquery.hintbox.css" media="screen" rel="Stylesheet"/>

    12. 

  12.         <link type="text/css" href="/static/css/jquery.validator.css" media="screen" rel="Stylesheet"/>

    13. 

  13.         <link type="text/css" href="/static/css/uniform.default.css" media="screen" rel="stylesheet" charset="utf-8" />

    14. 

  14.         -->

    15. 

  15.         <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

    16. 

  16.         <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>

    17. 

  17.         <script type="text/javascript" src="js/grid.locale-en.js"></script>

    18. 

  18.         <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>

    19. 

  19.         <script type="text/javascript" src="js/jquery.collapsible.js"></script>

    20. 

  20.         <script type="text/javascript" src="js/jquery.hintbox.js"></script>

    21. 

  21.         <script type="text/javascript" src="js/jquery.notice.js"></script>

    22. 

  22.         <script type="text/javascript" src="js/jquery.validator.js"></script>

    23. 

  23.         <script type="text/javascript" src="js/jquery.cookie.js"></script>

    24. 

  24.         <script type="text/javascript" src="js/jquery.uniform.min.js"></script>

    25. 

  25.         <script type="text/javascript" src="js/underscore.js"></script>

    26. 

  26.         <script type="text/javascript" src="js/underscore.string.min.js"></script>

    27. 

  27.         <script type="text/javascript" src="js/pure_min.js"></script>

    28. 

  28.         <script type="text/javascript" src="js/backbone-min.js"></script>

    29. 

  29.         <script type="text/javascript" src="js/raphael-min.js"></script>

    30. 

  30.         <script type="text/javascript" src="js/elycharts.min.js"></script>

    31. 

  31.         <script type="text/javascript" src="js/nodewatch.helpers.js"></script>

    32. 

  32.         <script type="text/javascript" src="js/nodewatch.models.js"></script>

    33. 

  33.         <script type="text/javascript" src="js/nodewatch.views.js"></script>

    34. 

  34.         <script type="text/javascript" src="js/nodewatch.controllers.js"></script>

    35. 

  35.         <style>

    36. 

  36.         

    37. 

  37.             .example_div {

    38. 

  38.               border:1px solid #C0C0C0;

    39. 

  39.               padding:0.5em;

    40. 

  40.               margin:10px 0 0 0;

    41. 

  41.               font-family:arial;

    42. 

  42.               font-size:13px;

    43. 

  43.             }

    44. 

  44. 

    45. 

  45.             .chart_div {

    46. 

  46.               border:1px solid #C0C0C0;

    47. 

  47.               float:left;

    48. 

  48.               margin:10px 0 0 0;

    49. 

  49.               width:290px;

    50. 

  50.               font-family:arial;

    51. 

  51.               font-size:13px;

    52. 

  52.             }

    53. 

  53.             

    54. 

  54.             .chart_code, .chart_code_api {

    55. 

  55.               padding:0.5em;

    56. 

  56.             }

    57. 

  57.             

    58. 

  58.             .chart_template, .chart_buttons {

    59. 

  59.               border-top: 1px solid #C0C0C0;

    60. 

  60.               padding:0.5em;

    61. 

  61.             }

    62. 

  62.             .chart_redraw {}

    63. 

  63. 

    64. 

  64.             .chart_canvas {

    65. 

  65.               width: 290px; height: 290px;

    66. 

  66.               margin-right: 2em;

    67. 

  67.               float: left;

    68. 

  68.             }

    69. 

  69.             .chart_spacer {

    70. 

  70.               clear: both;

    71. 

  71.             }

    72. 

  72.             .tab {

    73. 

  73.               margin-left:1em;

    74. 

  74.             }

    75. 

  75.             .structKey {

    76. 

  76.               font-weight: bold;

    77. 

  77.             }

    78. 

  78.             .structKey a {

    79. 

  79.               border-bottom:1px dotted red;

    80. 

  80.               color:black;

    81. 

  81.               cursor:help;

    82. 

  82.               text-decoration:none;

    83. 

  83.             }

    84. 

  84.             .highlight_line {

    85. 

  85.               background-color: yellow;

    86. 

  86.             }

    87. 

  87.         

    88. 

  88.         </style>

    89. 

  89.         <script type="text/javascript">

    90. 

  90.             $(function(){

    91. 

  91.                 $.elycharts.templates['line_basic_6'] = {

    92. 

  92.                  type : "line",

    93. 

  93.                  margins : [10, 40, 40, 30],

    94. 

  94.                  defaultSeries : {

    95. 

  95.                   highlight : {

    96. 

  96.                    newProps : {

    97. 

  97.                     r : 8,

    98. 

  98.                     opacity : 1

    99. 

  99.                    },

    100. 

  100.                    overlayProps : {

    101. 

  101.                     fill : "white",

    102. 

  102.                     opacity : 0.2

    103. 

  103.                    }

    104. 

  104.                   }

    105. 

  105.                  },

    106. 

  106.                  series : {

    107. 

  107.                   serie1 : {

    108. 

  108.                    color : "90-#003000-#009000",

    109. 

  109.                    tooltip : {

    110. 

  110.                     frameProps : {

    111. 

  111.                      stroke : "green"

    112. 

  112.                     }

    113. 

  113.                    }

    114. 

  114.                   },

    115. 

  115.                   serie2 : {

    116. 

  116.                    color : "90-#000060-#0000B0",

    117. 

  117.                    tooltip : {

    118. 

  118.                     frameProps : {

    119. 

  119.                      stroke : "blue"

    120. 

  120.                     }

    121. 

  121.                    }

    122. 

  122.                   },

    123. 

  123.                  },

    124. 

  124.                  defaultAxis : {

    125. 

  125.                   labels : true

    126. 

  126.                  },

    127. 

  127.                  axis : {

    128. 

  128.                   x : {

    129. 

  129.                    labelsRotate : 45,

    130. 

  130.                    labelsProps : {

    131. 

  131.                     font : "12px Verdana"

    132. 

  132.                    }

    133. 

  133.                   }

    134. 

  134.                  },

    135. 

  135.                  features : {

    136. 

  136.                   grid : {

    137. 

  137.                    draw : true,

    138. 

  138.                    forceBorder : true,

    139. 

  139.                    ny : 5

    140. 

  140.                   }

    141. 

  141.                  },

    142. 

  142.                  barMargins : 10

    143. 

  143.                 };

    144. 

  144.                 

    145. 

  145.                 $("#chart-sample").chart({

    146. 

  146.                  template : "line_basic_6",

    147. 

  147.                  tooltips : {

    148. 

  148.                   serie1 : ["a", "b", "c", "d"],

    149. 

  149.                   serie2 : ["a", "b", "c", "d"]

    150. 

  150.                  },

    151. 

  151.                  values : {

    152. 

  152.                   serie1 : [84, 32, 10, 10],

    153. 

  153.                   serie2 : [39, 51, 98, 88]

    154. 

  154.                  },

    155. 

  155.                  labels : ["first", "second", "third", "fourth"],

    156. 

  156.                  defaultSeries : {

    157. 

  157.                   type : "bar",

    158. 

  158.                   stacked : true

    159. 

  159.                  },

    160. 

  160.                  axis : {

    161. 

  161.                   r : {

    162. 

  162.                    max : 100,

    163. 

  163.                    suffix : "%"

    164. 

  164.                   }

    165. 

  165.                  }

    166. 

  166.                 });

    167. 

  167.             });

    168. 

  168.         </script>

    169. 

  169.     </head>

    170. 

  170.     <body>

    171. 

  171.         <div id="content-main">

    172. 

  172.             <h2>Nodewatch</h2>

    173. 

  173.             <div id='chart-sample' class='chart_canvas'>

    174. 

  174.             </div>

    175. 

  175.         </div>

    176. 

  176.     </body>

    177. 

  177. </html>
    178.