Certificate Template Preview:
-
![Certificate Template Preview]()
+
![Certificate Template Preview]()
+
diff --git a/src/app/manager-dashboard/certifications/certifications-add.component.scss b/src/app/manager-dashboard/certifications/certifications-add.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/app/manager-dashboard/certifications/certifications-add.component.ts b/src/app/manager-dashboard/certifications/certifications-add.component.ts
index 60b8de23c5..269a18ce6b 100644
--- a/src/app/manager-dashboard/certifications/certifications-add.component.ts
+++ b/src/app/manager-dashboard/certifications/certifications-add.component.ts
@@ -25,6 +25,8 @@ export class CertificationsAddComponent implements OnInit, AfterViewChecked {
courseIds: string[] = [];
pageType = 'Add';
disableRemove = true;
+ previewUrl: any;
+ selectedFile: any;
@ViewChild(CoursesComponent) courseTable: CoursesComponent;
constructor(
@@ -78,6 +80,15 @@ export class CertificationsAddComponent implements OnInit, AfterViewChecked {
this.router.navigate([ navigation ], { relativeTo: this.route });
}
+ onFileSelected(event: any) {
+ if (event.target.files && event.target.files[0]) {
+ this.selectedFile = event.target.files[0];
+ const reader = new FileReader();
+ reader.onload = e => this.previewUrl = reader.result;
+ reader.readAsDataURL(this.selectedFile);
+ }
+ }
+
submitCertificate(reroute: boolean) {
if (!this.certificateForm.valid) {
showFormErrors(this.certificateForm.controls);
@@ -87,7 +98,8 @@ export class CertificationsAddComponent implements OnInit, AfterViewChecked {
this.certificationsService.addCertification({
...this.certificateInfo,
...certificateFormValue,
- courseIds: this.courseIds
+ courseIds: this.courseIds,
+ attachment: this.selectedFile
}).subscribe((res) => {
this.certificateInfo = { _id: res.id, _rev: res.rev };
this.planetMessageService.showMessage(
diff --git a/src/app/manager-dashboard/certifications/certifications.service.ts b/src/app/manager-dashboard/certifications/certifications.service.ts
index eb0e0a7eb3..9bd5fb3c27 100644
--- a/src/app/manager-dashboard/certifications/certifications.service.ts
+++ b/src/app/manager-dashboard/certifications/certifications.service.ts
@@ -4,6 +4,7 @@ import { PlanetMessageService } from '../../shared/planet-message.service';
import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
import { DialogsPromptComponent } from '../../shared/dialogs/dialogs-prompt.component';
import { dedupeShelfReduce } from '../../shared/utils';
+import { switchMap } from 'rxjs/operators';
@Injectable({
providedIn: 'root'
@@ -52,6 +53,18 @@ export class CertificationsService {
}
addCertification(certification) {
+ const { attachment, ...cert } = certification;
+ if (attachment) {
+ return this.couchService.updateDocument(this.dbName, cert).pipe(
+ switchMap((res: any) => {
+ return this.couchService.putAttachment(
+ `${this.dbName}/${res.id}/attachment`,
+ attachment,
+ { rev: res.rev }
+ );
+ })
+ );
+ }
return this.couchService.updateDocument(this.dbName, { ...certification });
}
diff --git a/src/app/shared/couchdb.service.ts b/src/app/shared/couchdb.service.ts
index 7a41bd9bfa..ec0f08e559 100644
--- a/src/app/shared/couchdb.service.ts
+++ b/src/app/shared/couchdb.service.ts
@@ -1,8 +1,8 @@
import { Injectable } from '@angular/core';
import { HttpHeaders, HttpClient, HttpRequest } from '@angular/common/http';
import { environment } from '../../environments/environment';
-import { Observable, of, empty, throwError, forkJoin } from 'rxjs';
-import { catchError, map, expand, toArray, flatMap, switchMap } from 'rxjs/operators';
+import { Observable, of, empty, throwError, forkJoin } from 'rxjs';
+import { catchError, map, expand, toArray, flatMap, switchMap } from 'rxjs/operators';
import { debug } from '../debug-operator';
import { PlanetMessageService } from './planet-message.service';
import { findDocuments } from './mangoQueries';
@@ -28,7 +28,8 @@ export class CouchService {
const url = (domain ? (protocol || environment.parentProtocol) + '://' + domain : this.baseUrl) + '/' + db;
let httpReq: Observable
;
if (type === 'post' || type === 'put') {
- httpReq = this.http[type](url, data, opts);
+ const body = typeof data === 'object' && !(data instanceof Blob) ? JSON.stringify(data) : data;
+ httpReq = this.http[type](url, body, opts);
} else {
httpReq = this.http[type](url, opts);
}
@@ -68,10 +69,16 @@ export class CouchService {
return this.couchDBReq('delete', db, this.setOpts(opts));
}
- putAttachment(db: string, file: FormData, opts?: any) {
- return this.couchDBReq('put', db, this.setOpts(opts), file);
+ putAttachment(db: string, file: File, opts?: any) {
+ const httpOptions = {
+ headers: new HttpHeaders({
+ 'Content-Type': file.type,
+ }),
+ withCredentials: true,
+ ...opts,
+ };
+ return this.couchDBReq('put', db, this.setOpts(httpOptions), file);
}
-
updateDocument(db: string, doc: any, opts?: any) {
let docWithDate: any;
return this.currentTime().pipe(
@@ -97,33 +104,33 @@ export class CouchService {
}));
}
- findAll(db: string, query: any = { 'selector': { '_id': { '$gt': null } }, 'limit': 1000 }, opts?: any) {
- return this.findAllRequest(db, query, opts).pipe(flatMap(({ docs }) => docs), toArray());
- }
-
- findAllStream(db: string, query: any = { 'selector': { '_id': { '$gt': null } }, 'limit': 1000 }, opts?: any) {
- return this.findAllRequest(db, query, opts).pipe(map(({ docs }) => docs));
- }
-
- findAttachmentsByIds(ids: string[], opts?: any) {
- const uniqueIds = Array.from(new Set((ids || []).filter(id => !!id)));
- if (uniqueIds.length === 0) {
- return of([]);
- }
- const chunkSize = 50;
- const queries = [];
- for (let i = 0; i < uniqueIds.length; i += chunkSize) {
- const chunk = uniqueIds.slice(i, i + chunkSize);
- queries.push(
- this.findAll('attachments', findDocuments({ '_id': { '$in': chunk } }, 0, 0, chunk.length), opts)
- );
- }
- return forkJoin(queries).pipe(
- map((results: any[]) => results.reduce((acc: any[], docs: any[]) => acc.concat(docs), []))
- );
- }
-
- private findAllRequest(db: string, query: any, opts: any) {
+ findAll(db: string, query: any = { 'selector': { '_id': { '$gt': null } }, 'limit': 1000 }, opts?: any) {
+ return this.findAllRequest(db, query, opts).pipe(flatMap(({ docs }) => docs), toArray());
+ }
+
+ findAllStream(db: string, query: any = { 'selector': { '_id': { '$gt': null } }, 'limit': 1000 }, opts?: any) {
+ return this.findAllRequest(db, query, opts).pipe(map(({ docs }) => docs));
+ }
+
+ findAttachmentsByIds(ids: string[], opts?: any) {
+ const uniqueIds = Array.from(new Set((ids || []).filter(id => !!id)));
+ if (uniqueIds.length === 0) {
+ return of([]);
+ }
+ const chunkSize = 50;
+ const queries = [];
+ for (let i = 0; i < uniqueIds.length; i += chunkSize) {
+ const chunk = uniqueIds.slice(i, i + chunkSize);
+ queries.push(
+ this.findAll('attachments', findDocuments({ '_id': { '$in': chunk } }, 0, 0, chunk.length), opts)
+ );
+ }
+ return forkJoin(queries).pipe(
+ map((results: any[]) => results.reduce((acc: any[], docs: any[]) => acc.concat(docs), []))
+ );
+ }
+
+ private findAllRequest(db: string, query: any, opts: any) {
return this.post(db + '/_find', query, opts).pipe(
catchError(() => {
return of({ docs: [], rows: [] });
From 20e9cb5c3353a176fea9a3c53704d6c0978b76f5 Mon Sep 17 00:00:00 2001
From: emmanuelbaa <147341761+emmanuelbaa@users.noreply.github.com>
Date: Wed, 17 Dec 2025 15:17:16 -0500
Subject: [PATCH 26/48] commit to preview uploaded template
---
.../certifications-add.component.html | 8 +--
.../certifications-add.component.ts | 19 ++++---
.../image-preview-dialog.component.html | 17 +++++++
.../dialogs/image-preview-dialog.component.ts | 50 +++++++++++++++++++
.../shared/dialogs/planet-dialogs.module.ts | 7 ++-
5 files changed, 85 insertions(+), 16 deletions(-)
create mode 100644 src/app/shared/dialogs/image-preview-dialog.component.html
create mode 100644 src/app/shared/dialogs/image-preview-dialog.component.ts
diff --git a/src/app/manager-dashboard/certifications/certifications-add.component.html b/src/app/manager-dashboard/certifications/certifications-add.component.html
index b8f11ac2c7..1b3ff239d7 100644
--- a/src/app/manager-dashboard/certifications/certifications-add.component.html
+++ b/src/app/manager-dashboard/certifications/certifications-add.component.html
@@ -15,11 +15,7 @@
-
-
-
-