Merge branch 'feature/export-progress' of https://github.com/vabene1111/recipes into feature/export-progress

cookbook/templates/export.html

@@ -1,25 +1,33 @@
 {% extends "base.html" %}
-{% load crispy_forms_filters %}
-{% load i18n %}
+{% load render_bundle from webpack_loader %}
 {% load static %}
+{% load i18n %}
+{% load l10n %}
+
 
 {% block title %}{% trans 'Export Recipes' %}{% endblock %}
 
-{% block extra_head %}
-    {{ form.media }}
+
+{% block content %}
+    <div id="app">
+        <export-view></export-view>
+    </div>
+{% endblock %}
+
+
+{% block script %}
+    {% if debug %}
+        <script src="{% url 'js_reverse' %}"></script>
+    {% else %}
+        <script src="{% static 'django_js_reverse/reverse.js' %}"></script>
+    {% endif %}
+
+    <script type="application/javascript">
+        window.EXPORT_ID = {{pk}};
+        window.CUSTOM_LOCALE = '{{ request.LANGUAGE_CODE }}';
+    </script>
+
+    {% render_bundle 'export_view' %}
 {% endblock %}
 
 
-{% block content %}
-    <h2>{% trans 'Export' %}</h2>
-    <div class="row">
-        <div class="col col-md-12">
-            <form action="." method="post">
-                {% csrf_token %}
-                {{ form|crispy }}
-                <button class="btn btn-success" type="submit"><i class="fas fa-file-export"></i> {% trans 'Export' %}
-                </button>
-            </form>
-        </div>
-    </div>
-{% endblock %}

cookbook/templates/export_response.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% load render_bundle from webpack_loader %}
+{% load static %}
+{% load i18n %}
+{% load l10n %}
+
+{% block title %}{% trans 'Export' %}{% endblock %}
+
+{% block content %}
+
+    <div id="app">
+        <export-response-view></export-response-view>
+    </div>
+
+
+{% endblock %}
+
+
+{% block script %}
+    {% if debug %}
+        <script src="{% url 'js_reverse' %}"></script>
+    {% else %}
+        <script src="{% static 'django_js_reverse/reverse.js' %}"></script>
+    {% endif %}
+
+    <script type="application/javascript">
+        window.EXPORT_ID = {{pk}};
+        window.CUSTOM_LOCALE = '{{ request.LANGUAGE_CODE }}'
+    </script>
+
+    {% render_bundle 'export_response_view' %}
+{% endblock %}