dashboard.htm 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>EGamma Dashboard</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=2">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. <script type="text/x-mathjax-config">
  11. MathJax.Hub.Config({
  12. config: ["MMLorHTML.js"],
  13. jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
  14. extensions: ["MathMenu.js", "MathZoom.js"]
  15. });
  16. </script>
  17. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML-full"> </script>
  18. </head>
  19. <body>
  20. <div class="container-fluid">
  21. {% for r, plot_row in enumerate(plots) %}
  22. <div class="row">
  23. {% for c, plot in enumerate(plot_row) %}
  24. <div class="col-md-4">
  25. <div class="well">
  26. {% if plot.title %}
  27. <h3 class="text-center">{{ plot.title }}</h3>
  28. {% endif %}
  29. <a href="{{ outdir+plot.name+".png" }}"><img src="{{ outdir+plot.name+".png" }}" style="width:100%"></a>
  30. <div class="caption">
  31. <p class="text-center"> {{ plot.name }} </p>
  32. <div class="panel-group" id="accordion">
  33. {% for id, (i,j) in enumerate(plot.docs.keys()) %}
  34. <div class="panel-heading">
  35. <h4 class="panel-title">
  36. <button data-toggle="collapse" data-parent="#accordion" class="btn btn-info" href="#collapse{{r}}-{{c}}-{{id}}">
  37. Plot at ({{i+1}}, {{j+1}})</button>
  38. </h4>
  39. </div>
  40. <div id="collapse{{r}}-{{c}}-{{id}}" class="panel-collapse collapse">
  41. <div class="panel-body">
  42. {% for doc, argdict in zip(plot.docs[(i,j)], plot.argdicts[(i,j)]) %}
  43. <p class="text-left">{{ doc|safe }}</p>
  44. <hr>
  45. <p class="text-left"><strong>Plot Arguments</strong></p>
  46. <table class="table table-hover">
  47. <tbody>
  48. {% for key, val in argdict.items() %}
  49. <tr>
  50. <td>{{ key }}</td> <td>{{ val }}</td>
  51. </tr>
  52. {% endfor %}
  53. </tbody>
  54. </table>
  55. {% endfor %}
  56. </div>
  57. </div>
  58. {% endfor %}
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. {% endfor %}
  64. </div>
  65. {% endfor %}
  66. </div>
  67. </body>
  68. </html>