layout.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {% load staticfiles %}
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6. <script type="text/javascript">
  7. var IPE = {
  8. additionalJsFiles: [],
  9. additionalCssFiles: [],
  10. // please override the page function in the template, so it is called automatically
  11. // e.g. refer to volumes/edit.html
  12. page: function() {},
  13. version: '{{ VERSION }}',
  14. environment: '{{ ENVIRONMENT }}',
  15. homeUrl: '{% url 'home' %}'
  16. };
  17. </script>
  18. {% block head %}{% endblock %}
  19. <script src="{% static 'js/lib/lazyload.js' %}?{{ VERSION }}"></script>
  20. <script>
  21. var cssfiles = [
  22. "{% static 'css/lib/jquery-ui.min.css' %}?{{ VERSION }}",
  23. "{% static 'css/lib/jquery-ui.structure.min.css' %}?{{ VERSION }}",
  24. "{% static 'css/lib/jquery-ui.theme.css' %}?{{ VERSION }}",
  25. "{% static 'css/screen.css' %}?{{ VERSION }}",
  26. "{% static 'css/lib/font-awesome.min.css' %}?{{ VERSION }}",
  27. "http://fonts.googleapis.com/css?family=Open+Sans:400,700"
  28. ];
  29. var jsfiles = [
  30. "{% static 'js/lib/jquery-2.1.1.min.js' %}?{{ VERSION }}",
  31. "{% static 'js/lib/jquery-ui.min.js' %}?{{ VERSION }}",
  32. "{% static 'js/lib/jquery.ui.touch-punch.min.js' %}?{{ VERSION }}",
  33. "{% static 'js/main.js' %}?{{ VERSION }}"
  34. ];
  35. var cssFinished = false;
  36. var jsFinished = false;
  37. var domFinished = false;
  38. LazyLoad.css(cssfiles.concat(IPE.additionalCssFiles),
  39. function() {
  40. cssFinished = true;
  41. startApplication();
  42. }
  43. );
  44. LazyLoad.js(jsfiles.concat(IPE.additionalJsFiles),
  45. function() {
  46. jsFinished = true;
  47. startApplication();
  48. }
  49. );
  50. function startApplication() {
  51. if(cssFinished && jsFinished && domFinished) {
  52. IPE.content.init();
  53. IPE.page();
  54. }
  55. }
  56. </script>
  57. <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>-->
  58. <title>Volume visualization</title>
  59. </head>
  60. <body>
  61. <header>
  62. <div class="wrap">
  63. <h1><a href="{% url 'volumes:home' %}">volume visualization</a></h1>
  64. </div>
  65. </header>
  66. <div id="information" class="hidden">
  67. version: {{ VERSION }} <br/>
  68. </div>
  69. {% if messages %}
  70. <div class="wrap errorMessage">
  71. {% for message in messages %}
  72. <p>{{ message }}</p>
  73. {% endfor %}
  74. </div>
  75. {% endif %}
  76. <div class="wrap {% block content-class %}{% endblock %}" id="content">
  77. {% block content %}{% endblock %}
  78. </div>
  79. <script type="text/javascript">
  80. domFinished = true;
  81. startApplication();
  82. </script>
  83. </body>
  84. </html>