index.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!-- Copyright © 2018-2019 Inria. All rights reserved. -->
  2. <!doctype html>
  3. <html lang="en">
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="/stylecss">
  6. <link rel="stylesheet" type="text/css" href="/maincss">
  7. <meta charset="utf-8">
  8. <title>Dynamic SVG</title>
  9. <script type='text/javascript' src='/js'></script>
  10. </head>
  11. <ul class='navul'>
  12. <li class='navli'><a onclick='clearProc()'>Clear processes</a></li>
  13. <li class='navli'><a class='procButton' type='all'>All processes</a></li>
  14. <li class='navli'><a class='procButton' type='bound'>Bound processes</a></li>
  15. <li class='navli'><label for="threads">Show threads<input id='threads' class='checkbox' type="checkbox" name="threads"></label></li>
  16. <li class='navli'><label for="lastLocation">Show last location<input id='lastcpulocation' class='checkbox' type="checkbox" name="lastLocation"></label></li>
  17. <li class='navli'><input class='hide-mobile' type='text' placeholder='PID or Name' value='' id='searchId'/> <input class='button hide-mobile' type='button' value='Search process' onclick="procByid()"/></li>
  18. </ul>
  19. <body style='text-align: center; background-color: #959ba5'>
  20. <object style='margin-top: 50px' id="svg-object" type="image/svg+xml" data="/svg">
  21. Your browser does not support SVG.
  22. </object>
  23. <br>
  24. <div style="display: inline-block;">
  25. <div id='info' class='hidden'>
  26. <ul>
  27. <li></li>
  28. <li></li>
  29. <li></li>
  30. <li></li>
  31. </ul>
  32. </div>
  33. <div id='info-not-found' class='hidden'>
  34. <ul style="list-style: none;">
  35. <li> Process : not found </li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div id='processTable' class="table100 ver2 m-b-110 hidden">
  40. <div class="table100-head">
  41. <table>
  42. <thead>
  43. <tr class="row100 head">
  44. <th class="cell100 column1">Process id</th>
  45. <th class="cell100 column2">Name</th>
  46. <th class="cell100 column3">Displayed <input id='mainCheck' checked='true' type="checkbox"></input> </th>
  47. </tr>
  48. </thead>
  49. </table>
  50. </div>
  51. <div class="table100-body js-pscroll">
  52. <table>
  53. <tbody id='table'>
  54. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. </body>
  59. </html>