From 806cec4043f9ecaa881c439f0c6c725766d91568 Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Tue, 13 Jun 2023 16:10:06 +0300
Subject: [PATCH] Library | data-transfer-v2: transferData.component: Added
 checkbox in the form of accepting the data protection policy

---
 .../dataTransfer/transferData.component.html  | 30 ++++++++++++-------
 utils/dataTransfer/transferData.component.ts  |  2 ++
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/utils/dataTransfer/transferData.component.html b/utils/dataTransfer/transferData.component.html
index d73e67e8..8fd50ef7 100644
--- a/utils/dataTransfer/transferData.component.html
+++ b/utils/dataTransfer/transferData.component.html
@@ -64,12 +64,13 @@
                 <p class="uk-text-meta uk-text-xsmall uk-margin-remove-bottom uk-margin-top">Authentication:</p>
                   <div class="uk-grid uk-child-width-1-2">
                     <div input [(value)]="destinationAuthUser" [placeholder]="'Give ' + (selectedDestination.authType ==
-                    'password'? 'username':'access key') " [inputClass]="'flat'"
+                    'password'? 'username':'access key') " [inputClass]="'flat x-small'"
                          class=""></div>
                     <div input password=true [(value)]="destinationAuthPass" [placeholder]="'Give ' + (selectedDestination.authType ==
-                    'password'? 'password':'secret key') " [inputClass]="'flat'"
+                    'password'? 'password':'secret key') " [inputClass]="'flat x-small'"
                          class=""></div>
                   </div>
+<!--                <div class="uk-text-xsmall">You can check our data protection policy <a class="custom-external" href="https://www.openaire.eu/data-protection-policy" target="_blank">here</a>.</div>-->
               </ng-container>
               
                 <p class="uk-text-meta uk-text-xsmall uk-margin-remove-bottom uk-margin-top">Destination path (e.g. /folder1/folder2):</p>
@@ -89,14 +90,23 @@
                 <p>Comming soon!</p>
               </ng-container>
 
-              <button class="uk-button uk-button-primary uk-align-right uk-margin-medium-top"
-                      [disabled]="destinationPath.length == 0 || status == 'succeeded'
-                || (requests > 0) || !validatePath() || !validateDestinationUrl() || (!this.downloadElements || this.downloadElements.length == 0)"
-                      [class.uk-disabled]="destinationPath.length == 0 || status == 'succeeded'
-                || (requests > 0) || !validatePath() || !validateDestinationUrl() || (!this.downloadElements || this.downloadElements.length == 0)"
-                      (click)="transfer()">
-                >> Transfer
-              </button>
+              <div class="uk-margin-top">
+                <!--                 (ngModelChange)="filterChange(value.selected)"-->
+                <input type="checkbox" class="uk-checkbox"
+                       [(ngModel)]="privacyAccepted"/>
+                <span class="uk-margin-small-left uk-text-small">*I have read and accepted the data protection policy <a class="custom-external" href="https://www.openaire.eu/data-protection-policy" target="_blank">here</a>.</span>
+              </div>
+
+              <div class="uk-align-right uk-margin-medium-top uk-margin-bottom">
+                <button class="uk-button uk-button-primary"
+                        [disabled]="!privacyAccepted || destinationPath.length == 0 || status == 'succeeded'
+                  || (requests > 0) || !validatePath() || !validateDestinationUrl() || (!this.downloadElements || this.downloadElements.length == 0)"
+                        [class.uk-disabled]="!privacyAccepted || destinationPath.length == 0 || status == 'succeeded'
+                  || (requests > 0) || !validatePath() || !validateDestinationUrl() || (!this.downloadElements || this.downloadElements.length == 0)"
+                        (click)="transfer()">
+                  >> Transfer
+                </button>
+              </div>
 
             </div>
           </div>
diff --git a/utils/dataTransfer/transferData.component.ts b/utils/dataTransfer/transferData.component.ts
index 3f2ee259..1062e910 100644
--- a/utils/dataTransfer/transferData.component.ts
+++ b/utils/dataTransfer/transferData.component.ts
@@ -75,6 +75,8 @@ export class EGIDataTransferComponent {
   statusMessage = null;
   jobStatus;
 
+  privacyAccepted: boolean = false;
+
   public hostnameRegex = '[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|' +
     '[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|' +
     '[a-zA-Z0-9]+\.[^\s]{2,}|' +