index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. <!DOCTYPE html>
  2. <!--
  3. json字段保持完整, 后期更新会向下兼容
  4. 可以自定义前端展示
  5. ლ(•̀ _ •́ ლ)
  6. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  7. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  8. ლ(•̀ _ •́ ლ)ლ(•̀ _ •́ ლ)
  9. ლ(•̀ _ •́ ლ)
  10. by:https://www.cpp.la
  11. -->
  12. <html>
  13. <head>
  14. <title>云监控</title>
  15. <meta charset="utf-8">
  16. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  18. <meta name="description" content="云监控">
  19. <meta name="author" content="BotoX">
  20. <link rel="stylesheet" href="css/bootstrap.min.css">
  21. <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  22. <link rel="stylesheet" href="css/dark.css" title="dark">
  23. <link rel="stylesheet" href="css/light.css" title="light">
  24. <style>
  25. body {
  26. padding-top: 70px;
  27. padding-bottom: 30px;
  28. }
  29. </style>
  30. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  31. <!--[if lt IE 9]>
  32. <script src="js/html5shiv.js"></script>
  33. <script src="js/respond.min.js"></script>
  34. <![endif]-->
  35. </head>
  36. <body>
  37. <div role="navigation" class="navbar navbar-inverse navbar-fixed-top">
  38. <div class="navbar-inner">
  39. <div class="container">
  40. <div class="navbar-header">
  41. <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
  42. <span class="sr-only">Toggle navigation</span>
  43. <span class="icon-bar"></span>
  44. <span class="icon-bar"></span>
  45. <span class="icon-bar"></span>
  46. </button>
  47. <a href="#" class="navbar-brand">云监控</a>
  48. </div>
  49. <div class="navbar-collapse collapse">
  50. <ul class="nav navbar-nav">
  51. <li class="dropdown">
  52. <a data-toggle="dropdown" class="dropdown-toggle" href="#">风格<b class="caret"></b></a>
  53. <ul class="dropdown-menu">
  54. <li><a href="#" onclick="setActiveStyleSheet('dark')">黑夜</a></li>
  55. <li><a href="#" onclick="setActiveStyleSheet('light')">白天</a></li>
  56. </ul>
  57. </li>
  58. </ul>
  59. </div><!--/.nav-collapse -->
  60. </div>
  61. </div>
  62. </div>
  63. <div class="container content">
  64. <div id="loading-notice">
  65. <noscript>
  66. <div class="alert alert-danger" style="text-align: center;">
  67. <strong>Enable JavaScript</strong> , please do it.
  68. </div>
  69. </noscript>
  70. <div style="text-align: center;">
  71. 警告:如果出现此消息,请确保您已启用Javascript! <br />否则云监控主服务没启动或已关闭.
  72. </div>
  73. <p></p>
  74. </div>
  75. <table class="table table-striped table-condensed table-hover">
  76. <thead>
  77. <tr>
  78. <th id="status4" style="text-align: center;">IPv4</th>
  79. <th id="ipstatus" style="text-align: center;">Flight</th>
  80. <th id="name">节点名</th>
  81. <th id="type">虚拟化</th>
  82. <th id="location">位置</th>
  83. <th id="uptime">在线时间</th>
  84. <th id="load">负载</th>
  85. <th id="network">网络 ↓|↑</th>
  86. <th id="traffic">流量 ↓|↑</th>
  87. <th id="cpu">处理器</th>
  88. <th id="ram">内存</th>
  89. <th id="hdd">硬盘</th>
  90. <th id="ping">丢包率(CU|CT|CM)</th>
  91. </tr>
  92. </thead>
  93. <tbody id="servers">
  94. <!-- Servers here \o/ -->
  95. </tbody>
  96. </table>
  97. <br />
  98. <div id="updated">Updating...</div>
  99. </div>
  100. <div class="container">
  101. <p style="text-align: center; font-size: 10px;">
  102. <a href="https://github.com/cppla/ServerStatus">ServerStatus中文版</a>
  103. </p>
  104. </div>
  105. <script src="js/jquery.min.js"></script>
  106. <script src="js/bootstrap.min.js"></script>
  107. <script src="js/serverstatus.js"></script>
  108. </body>
  109. </html>