Add transclusion to wpAttachmentsUpload

frontend/app/components/work-packages/wp-single-view/wp-single-view.directive.html

@@ -115,6 +115,14 @@
     </div>
 
     <wp-attachment-list work-package="$ctrl.workPackage"></wp-attachment-list>
-    <wp-attachments-upload work-package="$ctrl.workPackage"></wp-attachments-upload>
+    <wp-attachments-upload work-package="$ctrl.workPackage">
+      <div class="work-package--attachments--label">
+        <i class="icon-attachment"></i>
+        <p>
+          {{ ::$ctrl.text.dropFiles }} <br>
+          {{ ::$ctrl.text.dropFilesHint }}
+        </p>
+      </div>
+    </wp-attachments-upload>
   </div>
 </div>

frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html

@@ -8,12 +8,6 @@
     ngf-multiple="true"
     ngf-change="$ctrl.workPackage.uploadPendingAttachments()"
     ngf-max-size="{{ ::$ctrl.maxFileSize }}"
-    click-on-keypress="[13, 32]">
-  <div class="work-package--attachments--label">
-    <i class="icon-attachment"></i>
-    <p>
-      {{ ::$ctrl.text.dropFiles }} <br>
-      {{ ::$ctrl.text.dropFilesHint }}
-    </p>
-  </div>
+    click-on-keypress="[13, 32]"
+    ng-transclude>
 </div>

frontend/app/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.ts

@@ -52,6 +52,7 @@ function wpUploadDirective(): IDirective {
   return {
     restrict: 'E',
     templateUrl: '/components/wp-attachments/wp-attachments-upload/wp-attachments-upload.directive.html',
+    transclude: true,
 
     scope: {
       workPackage: '='