diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue
index 915999ee..61395267 100644
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@@ -35,7 +35,10 @@
           class="assignment__file-upload"
           v-if="inputType === 'file'">
           <p>{{assignment.submission.document}}</p>
-          <button @click="documentTestClick">just click me</button>
+          <document-form
+            :value="{url: ''}"
+            v-on:link-change-url="changeDocumentUrl"
+          ></document-form>
         </div>
       </div>
 
@@ -57,11 +60,13 @@
 
   import FinalSubmission from '@/components/content-blocks/assignment/FinalSubmission';
   import SubmissionForm from '@/components/content-blocks/assignment/SubmissionForm';
+  import DocumentForm from '@/components/content-forms/DocumentForm';
 
   export default {
     props: ['value'],
 
     components: {
+      DocumentForm,
       SubmissionForm,
       FinalSubmission
     },
@@ -101,8 +106,8 @@
         this.assignment.submission.text = answer;
         this._save();
       },
-      documentTestClick() {
-        this.assignment.submission.document = 'https://google.ch';
+      changeDocumentUrl(documentUrl) {
+        this.assignment.submission.document = documentUrl;
         this._save();
       },
       turnIn() {
@@ -125,7 +130,7 @@
           document: '',
           final: false,
         }
-      }
+      },
     },
 
     apollo: {