dropzone.js handle upload of document for a better UX

Resources/views/PersonDocument/edit.html.twig

@@ -17,8 +17,6 @@
 
 {% extends "ChillPersonBundle::layout.html.twig"  %}
 
-{% import "@ChillDocStore/Macro/macro.html.twig" as m %}
-
 {% set activeRouteKey = '' %}
 
 {% block title %}{{ 'Editing document for %name%'|trans({ '%name%': person.firstName|capitalize ~ ' ' ~ person.lastName } )|capitalize }}{% endblock %}
@@ -34,14 +32,6 @@
     {{ form_row(form.category) }}
     {{ form_row(form.scope) }}
     {{ form_row(form.description) }}
-    <div class="container">
-        <div class="grid-4 clear">
-            <label>{{ 'Existing document'|trans }}</label>
-        </div>
-        <div class="grid-8">
-            {{ m.download_button(document.object, document.title) }}
-        </div>
-    </div>
     {{ form_row(form.object, { 'label': 'Document', 'existing': document.object }) }}
 
     <ul class="record_actions">
@@ -68,3 +58,7 @@
 {% block js %}
     <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
 {% endblock %}
+
+{% block css %}
+    <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+{% endblock %}

Resources/views/PersonDocument/new.html.twig

@@ -50,3 +50,7 @@
 {% block js %}
     <script src="{{ asset('build/async_upload.js') }}" type="text/javascript"></script>
 {% endblock %}
+
+{% block css %}
+    <link rel="stylesheet" href="{{ asset('build/async_upload.css') }}"/>
+{% endblock %}