Use tornado-style static_url() for static resources in templates

zoe_api/web/templates/base.jinja2

@@ -4,9 +4,9 @@
     {% block head %}
     <meta charset="UTF-8">
     <title>{% block title %}{% endblock %} - Zoe</title>
-    <script src="/static/jquery-2.1.4.min.js" type="application/javascript"></script>
-    <script src="/static/zoe.js" type="application/javascript"></script>
-    <link rel="stylesheet" href="/static/zoe.css" type="text/css">
+    <script src="{{ static_url("jquery-2.1.4.min.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("zoe.js") }}" type="application/javascript"></script>
+    <link rel="stylesheet" href="{{ static_url("zoe.css") }}" type="text/css">
     {% endblock %}
     {% block custom_head %}
     {% endblock %}

zoe_api/web/templates/base_user.jinja2

@@ -3,7 +3,7 @@
 {% block content_header %}
 <div class="header">
     <div id="logos">
-        <img class="logo" src="/static/logo.png" alt="Zoe logo"/>
+        <img class="logo" src="{{ static_url("logo.png") }}" alt="Zoe logo"/>
     </div>
     <div id="nav">
         <div class="nav-item">

zoe_api/web/templates/execution_inspect.jinja2

@@ -2,8 +2,8 @@
 {% block title %}Inspect execution {{ e.name }}{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/moment.min.js" type="application/javascript"></script>
-    <script src="/static/moment-timezone.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("moment.min.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("moment-timezone.min.js") }}" type="application/javascript"></script>
     <script>
     let locale = window.navigator.userLanguage || window.navigator.language;
     moment.locale(locale);

zoe_api/web/templates/execution_list.jinja2

@@ -2,9 +2,9 @@
 {% block title %}Home{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/sorttable.js" type="application/javascript"></script>
-    <script src="/static/moment.min.js" type="application/javascript"></script>
-    <script src="/static/moment-timezone.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("sorttable.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("moment.min.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("moment-timezone.min.js") }}" type="application/javascript"></script>
     <script>
     function format_timestamp(ts) {
         var m = moment.utc(ts);

zoe_api/web/templates/home_user.jinja2

@@ -2,9 +2,9 @@
 {% block title %}Home{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/sorttable.js" type="application/javascript"></script>
-    <script src="/static/moment.min.js" type="application/javascript"></script>
-    <script src="/static/moment-timezone.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("sorttable.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("moment.min.js") }}" type="application/javascript"></script>
+    <script src="{{ static_url("moment-timezone.min.js") }}" type="application/javascript"></script>
     <script>
     function format_timestamp(ts) {
         var m = moment.utc(ts);

zoe_api/web/templates/login.jinja2

@@ -2,7 +2,7 @@
 {% block title %}Login{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/jquery.validate.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("jquery.validate.min.js") }}" type="application/javascript"></script>
 {% endblock %}
 
 {% block content %}

zoe_api/web/templates/status.jinja2

@@ -2,7 +2,7 @@
 {% block title %}Zoe system status{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/Chart.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("Chart.min.js") }}" type="application/javascript"></script>
     <script>
     Chart.scaleService.updateScaleDefaults('linear', {
         ticks: {

zoe_api/web/templates/zapp_start.jinja2

@@ -3,7 +3,7 @@
 {% block title %}ZApp Shop{% endblock %}
 
 {% block custom_head %}
-    <script src="/static/jquery.validate.min.js" type="application/javascript"></script>
+    <script src="{{ static_url("jquery.validate.min.js") }}" type="application/javascript"></script>
 {% endblock %}
 
 {% block content %}