diff --git a/src/app/utils/transferData.component.ts b/src/app/utils/transferData.component.ts
new file mode 100644
index 0000000..74a678d
--- /dev/null
+++ b/src/app/utils/transferData.component.ts
@@ -0,0 +1,237 @@
+import {Component} from '@angular/core';
+import {Subscriber} from "rxjs";
+import {HttpClient} from "@angular/common/http";
+import {Validators} from "@angular/forms";
+import {StringUtils} from "../openaireLibrary/utils/string-utils.class";
+declare var UIkit;
+
+@Component({
+ selector: 'egi-transfer-data',
+ template: `
+ Transfer data to EGI storage
+
+
+
+
+
+
+
+
+
+
Title
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
+
+
+
+
Title
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+`;
+ // TODO LATER we can call status for each file and see if the transfer has been complete
+ for(let element of this.downloadElements){
+ console.log(element)
+ this.message += `