From 7c8f0ecb1694713f39a4ff66ba8d7914a14f82e4 Mon Sep 17 00:00:00 2001 From: vktrrdk Date: Tue, 29 Oct 2024 15:16:33 +0000 Subject: [PATCH 1/3] wip: project types, publication consents for images and contact mail --- src/app/api-connector/news.service.ts | 16 ++-- .../testimonial-form.component.html | 75 +++++++++++++++++-- .../testimonial-form.component.ts | 68 ++++++++++------- 3 files changed, 121 insertions(+), 38 deletions(-) diff --git a/src/app/api-connector/news.service.ts b/src/app/api-connector/news.service.ts index 00ca52782a..f3dce8b673 100644 --- a/src/app/api-connector/news.service.ts +++ b/src/app/api-connector/news.service.ts @@ -119,11 +119,14 @@ export class NewsService { image_url: string, project_application_id: string, soc_consents: SocialConsent[], - file: File + soc_photo_consents: SocialConsent[], + file: File, + contact_mail: string ): Observable { const consents_list = soc_consents.map(soc => soc.id) + const photo_consents_list = soc_photo_consents.map(soc => soc.id) const consents = JSON.stringify(consents_list) - + const photo_consents = JSON.stringify(photo_consents_list) const formData: FormData = new FormData() formData.append('file', file) formData.append('title', title) @@ -135,7 +138,8 @@ export class NewsService { formData.append('simple_vm', JSON.stringify(simple_vm)) formData.append('project_application_id', project_application_id) formData.append('consents', consents) - console.log(formData) + formData.append('photo_consents', photo_consents) + formData.append('contact_mail', contact_mail) return this.http.post(`${ApiSettings.getApiBaseURL()}wagtail-management/testimonial/`, formData, { withCredentials: true @@ -151,7 +155,8 @@ export class NewsService { workgroup: string, simple_vm: boolean, project_application_id: string, - soc_consents: SocialConsent[] + soc_consents: SocialConsent[], + photo_consents: SocialConsent[] ): Observable { const consents_list = soc_consents.map(soc => soc.id) const consents = JSON.stringify(consents_list) @@ -165,7 +170,8 @@ export class NewsService { workgroup, simple_vm, project_application_id, - consents + consents, + photo_consents } return this.http.post( diff --git a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html index f6764f6c01..3d1d3311cd 100644 --- a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html +++ b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html @@ -57,7 +57,7 @@
Add testimonial draft
type="text" [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_title?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_title?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_title?.valid, }" /> @@ -81,7 +81,7 @@
Add testimonial draft
rows="20" [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_text?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_text?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_text?.valid, }" class="form-control" name="testimonial_text" @@ -119,7 +119,7 @@
Add testimonial draft
rows="4" [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_excerpt?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_excerpt?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_excerpt?.valid, }" > @@ -157,7 +157,7 @@
Add testimonial draft
required [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_contributor?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_contributor?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_contributor?.valid, }" /> @@ -195,7 +195,7 @@
Add testimonial draft
required [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_instituton?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_institution?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_institution?.valid, }" /> @@ -225,7 +225,7 @@
Add testimonial draft
required [ngClass]="{ 'is-invalid': testimonialFormGroup.controls.testimonial_workgroup?.invalid, - 'is-valid': testimonialFormGroup.controls.testimonial_workgroup?.valid + 'is-valid': testimonialFormGroup.controls.testimonial_workgroup?.valid, }" /> @@ -272,7 +272,7 @@
Add testimonial draft
Please indicate here on which channels/platforms we may publish your testimonial or information about your - testimonial. The website channels are selected by default and cannot be deselected as a channel. + testimonial. Please consider allowing the testimonial and testimonial information to be published on channels + where you do not authorize the use of the photo. The websites channel is selected by default and cannot be + deselected as a channel. +
+ + +
+
+ +
+
+
+
+ + +
+
+ + +
+
+
+ Please indicate here on which channels/platforms we may publish the photography uploaded for the testimonial. + The websites channel is selected by default and cannot be deselected as a channel.
@@ -359,6 +406,18 @@
Add testimonial draft
+
+
+
+ Please consider: +

+ By submitting the testimonial, the e-mail-adress that is stated as prefered in your account will be + stored on our servers to enable us to contact you directly if we have any questions. By submitting the + testimonial, you explicitly consent to this storage! +

+
+
+
diff --git a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.ts b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.ts index 39a23fdcbf..65d6081089 100644 --- a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.ts +++ b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.ts @@ -4,6 +4,7 @@ import { ModalDirective } from 'ngx-bootstrap/modal' import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms' import { TESTIMONIAL_PAGE_LINK, CLOUD_PORTAL_SUPPORT_MAIL, SINGLE_TESTIMONIAL_PAGE_LINK } from '../../../../links/links' import { NewsService } from '../../../api-connector/news.service' +import { UserService } from 'app/api-connector/user.service' import { Application } from '../../../applications/application.model/application.model' import { SocialConsent } from './social-consent.model' @@ -43,6 +44,7 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { image_url: string = '' possibleSocialConsents: SocialConsent[] = [] selectedSocialConsents: SocialConsent[] = [] + selectedSocialPhotoConsents: SocialConsent[] = [] submissionSuccessful: boolean = false autosaveTimer: ReturnType autosaveTimeout: number = 60000 @@ -54,10 +56,10 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { file: File = null hideTestimonialForm: boolean = false - - constructor(private newsService: NewsService) { - - } + constructor( + private newsService: NewsService, + private userService: UserService + ) {} ngOnInit(): void { this.setInitialData() @@ -120,6 +122,15 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { } } + updateSelectedPhotoOptions(socialPhotoConsent: SocialConsent): void { + const idx: number = this.selectedSocialPhotoConsents.findIndex(consent => consent.id === socialPhotoConsent.id) + if (idx !== -1) { + this.selectedSocialPhotoConsents.splice(idx, 1) + } else { + this.selectedSocialPhotoConsents.push(socialPhotoConsent) + } + } + setInitialData(): void { this.initialTitle = this.title this.initialText = this.text @@ -191,6 +202,7 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { this.workgroup = result['workgroup'] this.contributor = result['contributor'] this.selectedSocialConsents = result['publication_channels'] + this.selectedSocialPhotoConsents = result['photography_publication_channels'] } stopAutosaveTimer(): void { @@ -230,7 +242,8 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { this.workgroup, this.simple_vm, this.project_application.project_application_id.toString(), - this.selectedSocialConsents + this.selectedSocialConsents, + this.selectedSocialPhotoConsents ) .subscribe( (): void => { @@ -267,26 +280,31 @@ export class TestimonialFormComponent implements OnInit, OnDestroy { sendTestimonial(): void { this.testimonialSent = true this.subscription.add( - this.newsService - .sendTestimonialDraft( - `${this.title} FINAL DRAFT`, - this.text, - this.excerpt, - this.contributor, - this.institution, - this.workgroup, - this.simple_vm, - this.image_url, - this.project_application.project_application_id.toString(), - this.selectedSocialConsents, - this.file - ) - .subscribe((result: any): any => { - this.submissionSuccessful = result['created'] - this.project_application.project_application_testimonial_submitted = true - this.stopAutosaveTimer() - this.testimonialModal.show() - }) + this.userService.getPreferredMailUser().subscribe((result: any): any => { + const contact_mail: string = result['value'] + this.newsService + .sendTestimonialDraft( + `${this.title} FINAL DRAFT`, + this.text, + this.excerpt, + this.contributor, + this.institution, + this.workgroup, + this.simple_vm, + this.image_url, + this.project_application.project_application_id.toString(), + this.selectedSocialConsents, + this.selectedSocialPhotoConsents, + this.file, + contact_mail + ) + .subscribe((result: any): any => { + this.submissionSuccessful = result['created'] + this.project_application.project_application_testimonial_submitted = true + this.stopAutosaveTimer() + this.testimonialModal.show() + }) + }) ) } From 93a6e54a5b6206c68f3df7105616b9ace601e62b Mon Sep 17 00:00:00 2001 From: vktrrdk Date: Fri, 8 Nov 2024 10:56:14 +0000 Subject: [PATCH 2/3] autosave fixed, now working on generic project types --- src/app/api-connector/news.service.ts | 11 +++++------ .../testimonial-forms/testimonial-form.component.html | 4 ++-- .../testimonial-forms/testimonial-form.component.ts | 7 ++----- 3 files changed, 9 insertions(+), 13 deletions(-) diff --git a/src/app/api-connector/news.service.ts b/src/app/api-connector/news.service.ts index f3dce8b673..13403b544f 100644 --- a/src/app/api-connector/news.service.ts +++ b/src/app/api-connector/news.service.ts @@ -115,8 +115,6 @@ export class NewsService { contributor: string, institution: string, workgroup: string, - simple_vm: boolean, - image_url: string, project_application_id: string, soc_consents: SocialConsent[], soc_photo_consents: SocialConsent[], @@ -135,7 +133,6 @@ export class NewsService { formData.append('contributor', contributor) formData.append('institution', institution) formData.append('workgroup', workgroup) - formData.append('simple_vm', JSON.stringify(simple_vm)) formData.append('project_application_id', project_application_id) formData.append('consents', consents) formData.append('photo_consents', photo_consents) @@ -153,13 +150,14 @@ export class NewsService { contributor: string, institution: string, workgroup: string, - simple_vm: boolean, project_application_id: string, soc_consents: SocialConsent[], - photo_consents: SocialConsent[] + pho_consents: SocialConsent[] ): Observable { const consents_list = soc_consents.map(soc => soc.id) const consents = JSON.stringify(consents_list) + const photo_consents_list = pho_consents.map(soc => soc.id) + const photo_consents = JSON.stringify(photo_consents_list) const testimonialData: any = { title, @@ -168,12 +166,13 @@ export class NewsService { contributor, institution, workgroup, - simple_vm, project_application_id, consents, photo_consents } + console.log(testimonialData) + return this.http.post( `${ApiSettings.getApiBaseURL()}wagtail-management/testimonial/autosave/`, testimonialData, diff --git a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html index 3d1d3311cd..0c8231b5e3 100644 --- a/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html +++ b/src/app/shared/shared_modules/testimonial-forms/testimonial-form.component.html @@ -345,8 +345,8 @@
Add testimonial draft
type="checkbox" [value]="socialPhotoConsent.id" [checked]="selectedSocialPhotoConsents | socialConsentGiven: socialPhotoConsent" - [id]="'checkbox_' + socialPhotoConsent.id" - (change)="updateSelectedPhotoOptions(socialConsent)" + [id]="'photo_checkbox_' + socialPhotoConsent.id" + (change)="updateSelectedPhotoOptions(socialPhotoConsent)" />