add rollup/vue for frontend assets, add wip new object form (needs success/error handling)

2021-02-14 23:20:08 +01:00
parent 780ad36696
commit b5a4900209
38 changed files with 3617 additions and 163 deletions
@@ -3,9 +3,8 @@
 <head>
 	<meta charset="UTF-8">
 	<title>{% block title -%}{%- endblock title %} &bull; YOPA</title>
+	<script src="/static/bundle.js"></script>
 	<link rel="stylesheet" href="/static/style.css">
-	<link rel="stylesheet" href="/static/taggle.css">
-	<script src="/static/taggle.min.js"></script>
 </head>
 <body>
 <nav class="top-nav">
@@ -1,12 +1,12 @@
 {% extends "_layout" %}
-{% import "_macros" as macros %}
+{% import "models/_schema_macros" as macros %}

 {% block title -%}
 	Index
 {%- endblock %}

 {% block nav -%}
-<a href="/">Home</a>
+<a href="/takeout">Takeout</a>
 {%- endblock %}

 {% block content -%}
@@ -23,6 +23,12 @@
 	<li>
 		<b title="{{model.id}}">{{model.name}}</b><br>

+<!--
+
+{{ model | json_encode(pretty=true) | safe }}
+
+-->
+
 		<a href="/model/object/delete/{{model.id}}" onclick="return confirm('Delete model?')">Delete model</a> &middot;
 		<a href="/model/object/update/{{model.id}}">Edit model</a> &middot;
 		<a href="/model/relation/create/{{model.id}}">New relation</a> &middot;
@@ -0,0 +1,22 @@
+{% extends "_layout" %}
+
+{% block title -%}
+Create {{model.name}}
+{%- endblock %}
+
+{% block nav -%}
+<a href="/">Home</a>
+{%- endblock %}
+
+{% block content -%}
+
+<div id="new-object-form"></div>
+
+<script>
+  onLoad(() => {
+  	// TODO populate dynamically from the database
+    window.app = Yopa.newObjectForm({{ form_data | json_encode | safe }})
+  });
+</script>
+
+{%- endblock %}