1
0

index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <title>Cjdns Web Admin</title>
  5. <script type="text/javascript" src="text/javascript/d3/d3.js"></script>
  6. <script type="text/javascript" src="text/javascript/jssha256.js"></script>
  7. <script type="text/javascript" src="text/javascript/bencode.js"></script>
  8. <script type="text/javascript" src="text/javascript/map.js"></script>
  9. <style>
  10. body { font: 14px Helvetica Neue; }
  11. a {
  12. color: #4682b4;
  13. text-decoration: none;
  14. }
  15. a:hover { text-decoration: underline; }
  16. svg { background-color:#F8F8FF; }
  17. circle.node {
  18. stroke: #fff;
  19. stroke-width: 1.5px;
  20. }
  21. circle.thisnode {
  22. background-color: #600;
  23. }
  24. line.link {
  25. stroke: #000;
  26. stroke-opacity: .6;
  27. }
  28. h1 {
  29. background-color: #1B436B;
  30. color: #FFFFFF;
  31. margin: 0 5px 0 5px;
  32. padding-bottom: 5px;
  33. }
  34. #content {
  35. width:1366px;
  36. padding: 5px 5px 3px 5px;
  37. background-color: #1B436B;
  38. color: #FFFFFF;
  39. border-top-left-radius: 15px;
  40. border-top-right-radius: 20px;
  41. }
  42. #memory {
  43. font-weight: bold;
  44. margin-bottom: 5px;
  45. padding: 6px 0 5px 1px;
  46. background-color: #527CA4;
  47. }
  48. #viz {float: left}
  49. #nodes {
  50. float: right;
  51. font-family: monospace;
  52. margin-left: 5px;
  53. }
  54. #nodes-list {
  55. overflow-y: scroll;
  56. height: 799px;
  57. border-left: 1px solid #FFFFFF;
  58. border-bottom: 1px solid #FFFFFF;
  59. }
  60. #nodes-list table, #nodes-list table tr th, #nodes-list table tr td {
  61. border-collapse: collapse;
  62. border-top-color: #FFFFFF;
  63. border-right-color: #FFFFFF;
  64. border-bottom-color: #FFFFFF;
  65. border-left-color: #194774;
  66. }
  67. #nodes-list table tr {
  68. font-size: 9pt;
  69. font-family: monospace;
  70. }
  71. #nodes-list table tr.theader{
  72. background-color: #194774;
  73. font-size: 10pt;
  74. padding: 2px 0 2px 0;
  75. }
  76. #nodes-list table tr th {color: #FFFFFF;}
  77. #nodes-list table tr td {color: #000000; font-weight: bold;}
  78. #nodes-list table tr.trow1{background-color: #95B8D9;}
  79. #nodes-list table tr.trow2{background-color: #7DABD9;}
  80. #nodes-list table tr a {
  81. color: #194774;
  82. font-weight: bold;
  83. }
  84. #runcmd {
  85. margin-top: 5px;
  86. }
  87. #runcmd #runcmd-input-container {
  88. margin-top: 31px;
  89. float: right;
  90. width: 561px;
  91. font-weight: bold;
  92. }
  93. #runcmd #runcmd-input-container div.input {
  94. clear: both;
  95. margin-bottom: 5px;
  96. padding: 0 2px 0 2px;
  97. background-color: #527CA4;
  98. }
  99. #runcmd #runcmd-input-container div label {
  100. margin-top:5px;
  101. float: left;
  102. }
  103. #runcmd #runcmd-output-container { float: left; }
  104. #runcmd #runcmd-output-container label {
  105. width: 100%;
  106. display: block;
  107. font-weight: bold;
  108. padding: 5px 0 5px 0;
  109. margin-bottom: 2px;
  110. }
  111. #runcmd #runcmd-output-container #runcmd-output {
  112. overflow-y: scroll;
  113. resize: none;
  114. width: 794px;
  115. margin-left: 0;
  116. }
  117. .float-right { float: right; }
  118. .clear { clear: both; }
  119. </style>
  120. </head>
  121. <body onLoad="doLayout();">
  122. <div id="content">
  123. <h1>Cjdns Web Admin</h1>
  124. <div id="memory">&nbsp;Currently using <span id="memory-bytes"><strong>[filled in by javascript]</strong></span> bytes of memory.</div>
  125. <div id="viz"></div>
  126. <div id="nodes"><div id="nodes-list"></div></div>
  127. <div class="clear"></div>
  128. <div id="runcmd">
  129. <div id="runcmd-input-container">
  130. <div class="input">
  131. <label for="runcmd-cmd">&nbsp;Run Command</label>
  132. <input class="float-right" name="command" id="runcmd-cmd" type="text" value='{"q":"ping"}' size="44" />
  133. <div class="clear"></div>
  134. </div>
  135. <div class="input">
  136. <label for="runcmd-passwd">&nbsp;Password</label>
  137. <input class="float-right" name="password" id="runcmd-passwd" type="password" size="44" />
  138. <div class="clear"></div>
  139. </div>
  140. <input class="float-right" name="go" id="runcmd-submit" type="submit" />
  141. </div>
  142. <div id="runcmd-output-container">
  143. <label for="runcmd-output">&nbsp;Command Output:</label>
  144. <textarea name="output" id="runcmd-output" cols="97" rows="20"></textarea>
  145. </div>
  146. </div>
  147. <div class="clear"></div>
  148. </div>
  149. <script type="text/javascript" src="text/javascript/d3/d3.layout.js"></script>
  150. <script type="text/javascript" src="text/javascript/d3/d3.geom.js"></script>
  151. <script type="text/javascript" src="text/javascript/map.js"></script>
  152. </body>
  153. </html>