testing out vue stuff

2018-08-03 16:04:52 -04:00
parent e59b1f09c4
commit 0782be6f92
5 changed files with 45 additions and 22 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -15,25 +15,28 @@
 </head>
 <body class="{% if g.modalOpen %} modalOpen{% endif %}">

-  {% block template_vars %}{% endblock %}
+  <div id='vue-root'>
+    {% block template_vars %}{% endblock %}

-  {% include 'navigation/topbar.html' %}
+    {% include 'navigation/topbar.html' %}

-  <div class='global-layout'>
-    {% include 'navigation/global_navigation.html' %}
+    <div class='global-layout'>
+      {% include 'navigation/global_navigation.html' %}

-    <div class='global-panel-container'>
-      {% block sidenav %}{% endblock %}
+      <div class='global-panel-container'>
+        {% block sidenav %}{% endblock %}

-      {% block content %}
-        these are not the droids you are looking for
-      {% endblock %}
+        {% block content %}
+          these are not the droids you are looking for
+        {% endblock %}
+      </div>
    </div>
+
+    {% include 'footer.html' %}
+
+    {% block modal %}{% endblock %}
  </div>

-  {% include 'footer.html' %}
-
-  {% block modal %}{% endblock %}
  {% assets "js_all" %}
    <script src="{{ ASSET_URL }}"></script>
  {% endassets %}