From 8cae06c0b74a441e6148cbcc928875545350f2ea Mon Sep 17 00:00:00 2001
From: vktrrdk <accounts@viktorrudko.de>
Date: Wed, 20 Dec 2023 10:02:49 +0000
Subject: [PATCH] feat(Application): Add acknowledgement for data backups

---
 .../application-formular.component.html       | 71 ++++++++++++++++++-
 .../application-formular.component.ts         |  2 +
 src/links/links.ts                            |  2 +
 3 files changed, 73 insertions(+), 2 deletions(-)

diff --git a/src/app/applications/application-formular/application-formular.component.html b/src/app/applications/application-formular/application-formular.component.html
index f14e14a37b..9856b7a1d3 100644
--- a/src/app/applications/application-formular/application-formular.component.html
+++ b/src/app/applications/application-formular/application-formular.component.html
@@ -1718,7 +1718,7 @@ <h6><strong>Platforms</strong></h6>
 
 						<label class="col-md-4 form-control-label">
 							<button
-								(click)="notificationModal.show(); approveApplication(form)"
+								(click)="dataBackupModal.show()"
 								[disabled]="
 									!pi_responsibility_checked ||
 									(!unknownPiAffiliationsConfirmation && !valid_pi_affiliations) ||
@@ -1893,6 +1893,73 @@ <h4 class="modal-title">{{ acknowledgeModalTitle }}</h4>
 </div>
 <!-- /.modal -->
 
+<div
+	bsModal
+	#dataBackupModal="bs-modal"
+	class="modal fade"
+	tabindex="-1"
+	role="dialog"
+	aria-labelledby="Label"
+	aria-hidden="true"
+>
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">
+				<h4 class="modal-title">Note on data backups</h4>
+				<button type="button" class="close" style="cursor: pointer" (click)="dataBackupModal.hide()" aria-label="Close">
+					<span aria-hidden="true">&times;</span>
+				</button>
+			</div>
+			<div class="modal-body">
+				<div class="alert alert-info" role="alert">
+					<strong>Important note</strong>:
+					<p>
+						Computing in cloud environments involves the risk of data loss, for example due to software or hardware
+						errors that lead to the loss of virtual machines and the data they contain. Other possible sources of error
+						are the accidental deletion of virtual machines by authorised users.
+					</p>
+					<p>
+						We would therefore like to point out that the members of a project are solely responsible for carrying out
+						data backups. Information on how to save data and perform backups can be found in the following Wiki
+						article:
+						<a class="alert-link" href="{{ WIKI_BACKUP_LINK }}" target="_blank" rel="noopener noreferrer"
+							>Best practices for data backup</a
+						>
+					</p>
+					<p>Please sensitise the members of the project to this issue.</p>
+				</div>
+			</div>
+			<div class="modal-footer">
+				<button
+					*ngIf="!is_validation"
+					id="backup_approve_btn"
+					type="button"
+					data-test-id="backup_approve_btn"
+					(click)="dataBackupModal.hide(); acknowledgemodal.show()"
+					class="btn btn-success"
+				>
+					I acknowledge
+				</button>
+				<button
+					*ngIf="is_validation"
+					id="backup_approve_btn"
+					type="button"
+					data-test-id="backup_approve_btn"
+					(click)="dataBackupModal.hide(); notificationModal.show(); approveApplication(form)"
+					class="btn btn-success"
+				>
+					I acknowledge
+				</button>
+
+				<button type="button" (click)="dataBackupModal.hide()" class="btn btn-danger">Close</button>
+			</div>
+		</div>
+		<!-- /.modal-content -->
+	</div>
+	<!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
+
 <div
 	bsModal
 	#submitModal="bs-modal"
@@ -2136,7 +2203,7 @@ <h4 class="modal-title">{{ projectName }}</h4>
 					type="button"
 					id="verification_btn"
 					data-test-id="verification_application_btn"
-					(click)="acknowledgemodal.show(); submitModal.hide()"
+					(click)="dataBackupModal.show(); submitModal.hide()"
 				>
 					Confirm Application
 				</button>
diff --git a/src/app/applications/application-formular/application-formular.component.ts b/src/app/applications/application-formular/application-formular.component.ts
index 80765f079b..cfeee1f59b 100644
--- a/src/app/applications/application-formular/application-formular.component.ts
+++ b/src/app/applications/application-formular/application-formular.component.ts
@@ -28,6 +28,7 @@ import {
 	WIKI_LINKING_ACCOUNTS,
 	WIKI_PRINCIPAL_INVESTIGATOR,
 	WIKI_CLOUD_TERMS_LINK,
+	WIKI_BACKUP_LINK,
 } from '../../../links/links';
 import { UserService } from '../../api-connector/user.service';
 import { Userinfo } from '../../userinfo/userinfo.model';
@@ -81,6 +82,7 @@ export class ApplicationFormularComponent extends ApplicationBaseClassComponent
 	SIMPLE_VM_LINK: string = SIMPLE_VM_LINK;
 	WIKI_CLOUD_TERMS_LINK: string = WIKI_CLOUD_TERMS_LINK;
 	WIKI_PERSONAL_DATA: string = WIKI_PERSONAL_DATA;
+	WIKI_BACKUP_LINK: string = WIKI_BACKUP_LINK;
 	GDPR_LINK: string = GDPR_LINK;
 	survey_link_visible: boolean = false;
 
diff --git a/src/links/links.ts b/src/links/links.ts
index 0bed8b941e..e79fc5a53d 100644
--- a/src/links/links.ts
+++ b/src/links/links.ts
@@ -48,6 +48,7 @@ export const ZAMMAD_HELPDESK_LINK = 'https://helpdesk.cloud.denbi.de';
 export const GDPR_LINK = 'https://gdpr.eu/article-9-processing-special-categories-of-personal-data-prohibited/';
 export const LIFESCIENCE_HOSTEL_SIGNUP =	'https://signup.aai.lifescience-ri.eu/non/registrar/?vo=lifescience_hostel&targetnew=https%3A%2F%2Flifescience-ri.eu%2Faai%2Fhow-use&targetexisting=https%3A%2F%2Flifescience-ri.eu%2Faai%2Fhow-use&targetextended=https%3A%2F%2Flifescience-ri.eu%2Faai%2Fhow-use';
 export const WIKI_PERSISTENT_TERMINAL_LINK = `${environment.WIKI_PRE}Tutorials/Persistent_SSH_Sessions/`;
+export const WIKI_BACKUP_LINK = `${environment.SIMPLEVM_WIKI_PRE}simple_vm/backup`;
 
 export const WIKI_SVM_MIGRATION_LINK = `${environment.WIKI_PRE}`;
 
@@ -82,6 +83,7 @@ export const WIKI_LINKS: string[] = [
 	WIKI_MOSH_LINK,
 	WIKI_PERSONAL_DATA,
 	WIKI_SVM_MIGRATION_LINK,
+	WIKI_BACKUP_LINK,
 ];
 
 export const LANDING_PAGE_LINKS: string[] = [