all_figures.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="{{ prefix }}/_static/css/page.css" type="text/css">
  5. <link rel="stylesheet" href="{{ prefix }}/_static/css/boilerplate.css" type="text/css">
  6. <link rel="stylesheet" href="{{ prefix }}/_static/css/fbm.css" type="text/css">
  7. <link rel="stylesheet" href="{{ prefix }}/_static/css/mpl.css" type="text/css">
  8. <script src="{{ prefix }}/_static/js/mpl_tornado.js"></script>
  9. <script src="{{ prefix }}/js/mpl.js"></script>
  10. <script>
  11. function ready(fn) {
  12. if (document.readyState != "loading") {
  13. fn();
  14. } else {
  15. document.addEventListener("DOMContentLoaded", fn);
  16. }
  17. }
  18. function figure_ready(fig_id) {
  19. return function () {
  20. var main_div = document.querySelector("div#figures");
  21. var figure_div = document.createElement("div");
  22. figure_div.id = "figure-div";
  23. main_div.appendChild(figure_div);
  24. var websocket_type = mpl.get_websocket_type();
  25. var uri = "{{ ws_uri }}" + fig_id + "/ws";
  26. if (window.location.protocol === "https:") uri = uri.replace('ws:', 'wss:')
  27. var websocket = new websocket_type(uri);
  28. var fig = new mpl.figure(fig_id, websocket, mpl_ondownload, figure_div);
  29. fig.focus_on_mouseover = true;
  30. fig.canvas.setAttribute("tabindex", fig_id);
  31. }
  32. };
  33. {% for (fig_id, fig_manager) in figures %}
  34. ready(figure_ready({{ str(fig_id) }}));
  35. {% end %}
  36. </script>
  37. <title>MPL | WebAgg current figures</title>
  38. </head>
  39. <body>
  40. <div id="mpl-warnings" class="mpl-warnings"></div>
  41. <div id="figures" style="margin: 10px 10px;"></div>
  42. </body>
  43. </html>