Newer
Older
import { Component, OnInit, Input, ViewChild, EventEmitter, Output } from '@angular/core';
import { HttpClient, HttpEventType } from '@angular/common/http';
import { LANG } from '../translate.component';
import { NotificationService } from '../notification.service';
import { HeaderService } from '../../service/header.service';
import { AppService } from '../../service/app.service';
import { tap, catchError, filter, map, exhaustMap } from 'rxjs/operators';
import { of, Subject } from 'rxjs';
import { ConfirmComponent } from '../../plugins/modal/confirm.component';
import { MatDialogRef, MatDialog, MatSidenav } from '@angular/material';
import { AlertComponent } from '../../plugins/modal/alert.component';
import { SortPipe } from '../../plugins/sorting.pipe';
import { PluginSelectSearchComponent } from '../../plugins/select-search/select-search.component';
import { FormControl } from '@angular/forms';
import { EcplOnlyofficeViewerComponent } from '../../plugins/onlyoffice-api-js/onlyoffice-viewer.component';
import { FunctionsService } from '../../service/functions.service';
import { DocumentViewerModalComponent } from './modal/document-viewer-modal.component';
import { PrivilegeService } from '../../service/privileges.service';
import {VisaWorkflowModalComponent} from "../visa/modal/visa-workflow-modal.component";
@Component({
selector: 'app-document-viewer',
templateUrl: "document-viewer.component.html",
styleUrls: [
'document-viewer.component.scss',
'../indexation/indexing-form/indexing-form.component.scss',
providers: [AppService, SortPipe]
})
export class DocumentViewerComponent implements OnInit {
@Input('tmpFilename') tmpFilename: string;
@Output('refreshDatas') refreshDatas = new EventEmitter<string>();
noConvertedFound: boolean = false;
file: any = {
name: '',
type: '',
contentMode: 'base64',
allowedExtensions: any[] = [];
maxFileSize: number = 0;
maxFileSizeLabel: string = '';
percentInProgress: number = 0;
intervalLockFile: any;
editInProgress: boolean = false;
externalId: any = {};
templateListForm = new FormControl();
@Input('base64') base64: any = null;
@Input('resId') resId: number = null;
@Input('resIdMaster') resIdMaster: number = null;
@Input('infoPanel') infoPanel: MatSidenav = null;
@Input('editMode') editMode: boolean = false;
@Input('title') title: string = '';
@Input('mode') mode: string = 'mainDocument';
@Input('attachType') attachType: string = null;
@Input('format') format: string = null;
@Output('triggerEvent') triggerEvent = new EventEmitter<string>();
private eventAction = new Subject<any>();
percent: 0,
message: '',
};
editor: any = {
async: true,
options: {
docUrl: null,
dataToMerge: null
}
isDocModified: boolean = false;
@ViewChild('templateList', { static: true }) templateList: PluginSelectSearchComponent;
@ViewChild('onlyofficeViewer', { static: false }) onlyofficeViewer: EcplOnlyofficeViewerComponent;
constructor(
public http: HttpClient,
private notify: NotificationService,
public appService: AppService,
private sortPipe: SortPipe,
public functions: FunctionsService,
public privilegeService: PrivilegeService,
) {
(<any>window).pdfWorkerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.min.js';
}
ngOnInit() {
this.http.get('../../rest/indexing/fileInformations').pipe(
tap((data: any) => {
this.allowedExtensions = data.informations.allowedFiles.map((ext: any) => {
return {
extension: '.' + ext.extension.toLowerCase(),
mimeType: ext.mimeType,
Alex ORLUC
committed
canConvert: ext.canConvert
}
});
this.allowedExtensions = this.sortPipe.transform(this.allowedExtensions, 'extension');
this.maxFileSize = data.informations.maximumSize;
this.maxFileSizeLabel = data.informations.maximumSizeLabel;
if (this.resId !== null) {
this.loadRessource(this.resId, this.mode);
if (this.editMode) {
if (this.attachType !== null && this.mode === 'attachment') {
this.loadTemplatesByResId(this.resIdMaster, this.attachType);
} else {
this.loadTemplates();
}
this.loadTemplates();
this.loading = false;
}
}),
catchError((err: any) => {
this.notify.handleErrors(err);
return of(false);
})
).subscribe();
if (!this.functions.empty(this.base64)) {
this.loadFileFromBase64();
} else if (this.tmpFilename != '' && this.tmpFilename !== undefined) {
this.http.get('../../rest/convertedFile/' + this.tmpFilename).pipe(
tap((data: any) => {
this.file = {
name: this.tmpFilename,
type: 'application/pdf',
contentMode: 'base64',
content: this.getBase64Document(this.base64ToArrayBuffer(data.encodedResource)),
src: this.base64ToArrayBuffer(data.encodedResource)
};
this.noConvertedFound = false;
this.loading = false;
}),
catchError((err: any) => {
this.notify.handleErrors(err);
return of(false);
})
).subscribe();
}
loadFileFromBase64() {
this.loading = true;
this.file = {
name: 'maarch',
format: 'pdf',
type: 'application/pdf',
contentMode: 'base64',
content: this.base64,
src: this.base64ToArrayBuffer(this.base64)
};
this.loading = false;
}
loadTmpFile(filenameOnTmp: string) {
this.loading = true;
this.loadingInfo.mode = 'determinate';
this.requestWithLoader(`../../rest/convertedFile/${filenameOnTmp}?convert=true`).subscribe(
(data: any) => {
if (data.encodedResource) {
this.file = {
name: filenameOnTmp,
format: data.extension,
type: data.type,
contentMode: 'base64',
content: data.encodedResource,
src: data.encodedConvertedResource !== undefined ? this.base64ToArrayBuffer(data.encodedConvertedResource) : null
this.triggerEvent.emit();
if (data.encodedConvertedResource !== undefined) {
this.noConvertedFound = false;
} else {
this.noConvertedFound = true;
this.notify.error(data.convertedResourceErrors);
}
this.loading = false;
}
},
(err: any) => {
this.noConvertedFound = true;
uploadTrigger(fileInput: any) {
if (fileInput.target.files && fileInput.target.files[0] && this.isExtensionAllowed(fileInput.target.files[0])) {
this.initUpload();
Alex ORLUC
committed
var reader = new FileReader();
this.file.name = fileInput.target.files[0].name;
this.file.type = fileInput.target.files[0].type;
this.file.format = this.file.name.split('.').pop();
reader.readAsArrayBuffer(fileInput.target.files[0]);
reader.onload = (value: any) => {
this.file.content = this.getBase64Document(value.target.result);
this.triggerEvent.emit();
if (this.file.type !== 'application/pdf') {
this.convertDocument(this.file);
} else {
this.file.src = value.target.result;
} else {
this.loading = false;
initUpload() {
this.loading = true;
this.file = {
name: '',
type: '',
contentMode: 'base64',
content: null,
src: null
};
this.noConvertedFound = false;
this.loadingInfo.message = this.lang.loadingFile + '...';
this.loadingInfo.mode = 'indeterminate';
}
getBase64Document(buffer: ArrayBuffer) {
let TYPED_ARRAY = new Uint8Array(buffer);
const STRING_CHAR = TYPED_ARRAY.reduce((data, byte) => {
return data + String.fromCharCode(byte);
}, '');
return btoa(STRING_CHAR);
}
base64ToArrayBuffer(base64: string) {
var binary_string = window.atob(base64);
var len = binary_string.length;
var bytes = new Uint8Array(len);
for (var i = 0; i < len; i++) {
bytes[i] = binary_string.charCodeAt(i);
}
return bytes.buffer;
}
b64toBlob(b64Data: any, contentType = '', sliceSize = 512) {
const byteCharacters = atob(b64Data);
const byteArrays = [];
for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
const slice = byteCharacters.slice(offset, offset + sliceSize);
const byteNumbers = new Array(slice.length);
for (let i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}
const byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
const blob = new Blob(byteArrays, { type: contentType });
return blob;
}
convertDocument(file: any) {
if (this.canBeConverted(file)) {
const data = { name: file.name, base64: file.content };
this.upload(data).subscribe(
this.file.base64src = res.encodedResource;
this.file.src = this.base64ToArrayBuffer(res.encodedResource);
this.loading = false;
}
},
(err: any) => {
Alex ORLUC
committed
this.noConvertedFound = true;
this.notify.handleErrors(err);
this.loading = false;
Alex ORLUC
committed
return of(false);
Alex ORLUC
committed
} else {
this.noConvertedFound = true;
this.loading = false
}
upload(data: any) {
let uploadURL = `../../rest/convertedFile`;
return this.http.post<any>(uploadURL, data, {
reportProgress: true,
observe: 'events'
}).pipe(map((event) => {
switch (event.type) {
case HttpEventType.DownloadProgress:
const downloadProgress = Math.round(100 * event.loaded / event.total);
this.loadingInfo.percent = downloadProgress;
this.loadingInfo.mode = 'determinate';
this.loadingInfo.message = `3/3 ${this.lang.downloadConvertedFile}...`;
return { status: 'progress', message: downloadProgress };
case HttpEventType.UploadProgress:
const progress = Math.round(100 * event.loaded / event.total);
this.loadingInfo.percent = progress;
if (progress === 100) {
this.loadingInfo.mode = 'indeterminate';
this.loadingInfo.message = `2/3 ${this.lang.convertingFile}...`;
} else {
this.loadingInfo.mode = 'determinate';
this.loadingInfo.message = `1/3 ${this.lang.loadingFile}...`;
}
return { status: 'progress', message: progress };
case HttpEventType.Response:
return event.body;
default:
return `Unhandled event: ${event.type}`;
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
}
})
);
}
requestWithLoader(url: string) {
this.loadingInfo.percent = 0;
return this.http.get<any>(url, {
reportProgress: true,
observe: 'events'
}).pipe(map((event) => {
switch (event.type) {
case HttpEventType.DownloadProgress:
const downloadProgress = Math.round(100 * event.loaded / event.total);
this.loadingInfo.percent = downloadProgress;
this.loadingInfo.mode = 'determinate';
this.loadingInfo.message = ``;
return { status: 'progressDownload', message: downloadProgress };
case HttpEventType.Response:
return event.body;
default:
return `Unhandled event: ${event.type}`;
}
})
);
}
onError(error: any) {
console.log(error);
}
cleanFile() {
this.dialogRef = this.dialog.open(ConfirmComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: true, data: { title: this.lang.delete, msg: this.lang.confirmAction } });
this.dialogRef.afterClosed().pipe(
filter((data: string) => data === 'ok'),
tap(() => {
this.templateListForm.reset();
this.file = {
name: '',
type: '',
content: null,
src: null
};
}),
catchError((err: any) => {
this.notify.handleErrors(err);
return of(false);
})
).subscribe();
}
async saveDocService() {
const data: any = await this.getFilePdf();
this.headerService.setLoadedFile(data);
if (this.editor.mode === 'onlyoffice' && this.onlyofficeViewer !== undefined) {
return this.onlyofficeViewer.getFile();
} else {
const objFile = JSON.parse(JSON.stringify(this.file));
objFile.content = objFile.contentMode === 'route' ? null : objFile.content;
getFilePdf() {
return new Promise((resolve, reject) => {
if (!this.functions.empty(this.file.src)) {
resolve(this.getBase64Document(this.file.src));
} else {
this.getFile().pipe(
exhaustMap((data: any) => this.http.post(`../../rest/convertedFile`, { name: `${data.name}.${data.format}`, base64: `${data.content}` })),
tap((data: any) => {
resolve(data.encodedResource);
})
).subscribe();
}
});
}
dndUploadFile(event: any) {
const fileInput = {
target: {
files: [
event[0]
]
}
canBeConverted(file: any): boolean {
const fileExtension = '.' + file.name.toLowerCase().split('.').pop();
if (this.allowedExtensions.filter(ext => ext.canConvert === true && ext.mimeType === file.type && ext.extension === fileExtension).length > 0) {
return true;
} else {
return false;
}
}
isExtensionAllowed(file: any) {
const fileExtension = '.' + file.name.toLowerCase().split('.').pop();
if (this.allowedExtensions.filter(ext => ext.mimeType === file.type && ext.extension === fileExtension).length === 0) {
this.dialog.open(AlertComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: true, data: { title: this.lang.notAllowedExtension + ' !', msg: this.lang.file + ' : <b>' + file.name + '</b>, ' + this.lang.type + ' : <b>' + file.type + '</b><br/><br/><u>' + this.lang.allowedExtensions + '</u> : <br/>' + this.allowedExtensions.map(ext => ext.extension).filter((elem: any, index: any, self: any) => index === self.indexOf(elem)).join(', ') } });
} else if (file.size > this.maxFileSize && this.maxFileSize > 0) {
this.dialog.open(AlertComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: true, data: { title: this.lang.maxFileSizeReached + ' ! ', msg: this.lang.maxFileSize + ' : ' + this.maxFileSizeLabel } });
return false;
} else {
return true;
}
}
downloadOriginalFile() {
let downloadLink = document.createElement('a');
if (this.file.contentMode === 'base64') {
downloadLink.href = `data:${this.file.type};base64,${this.file.content}`;
} else {
downloadLink.href = this.file.content;
}
downloadLink.setAttribute('download', this.file.name);
document.body.appendChild(downloadLink);
downloadLink.click();
}
let src = this.file.contentView;
if (this.file.contentMode === 'base64') {
src = `data:${this.file.type};base64,${this.file.content}`;
}
let newWindow = window.open();
newWindow.document.write(`<iframe style="width: 100%;height: 100%;margin: 0;padding: 0;" src="${src}" frameborder="0" allowfullscreen></iframe>`);
newWindow.document.title = this.title;
async loadRessource(resId: any, target: string = 'mainDocument') {
if (target === 'attachment') {
this.requestWithLoader(`../../rest/attachments/${resId}/content?mode=base64`).subscribe(
(data: any) => {
if (data.encodedDocument) {
this.file.contentMode = 'route';
this.file.format = data.originalFormat;
this.file.creatorId = data.originalCreatorId;
this.file.content = `../../rest/attachments/${resId}/originalContent`;
this.file.contentView = `../../rest/attachments/${resId}/content?mode=view`;
this.file.src = this.base64ToArrayBuffer(data.encodedDocument);
this.loading = false;
}
},
(err: any) => {
if (err.error.errors === 'Document has no file') {
this.noFile = true;
} else if (err.error.errors === 'Converted Document not found') {
this.file.contentMode = 'route';
this.file.content = `../../rest/attachments/${resId}/originalContent`;
this.noConvertedFound = true;
} else {
this.notify.error(err.error.errors);
this.noFile = true;
}
} else {
await this.loadMainDocumentSubInformations();
if (this.file.subinfos.mainDocVersions.length === 0) {
this.noFile = true;
this.loading = false;
} else if (!this.file.subinfos.canConvert) {
this.file.contentMode = 'route';
this.file.content = `../../rest/resources/${resId}/originalContent`;
this.noConvertedFound = true;
this.loading = false;
} else {
this.requestWithLoader(`../../rest/resources/${resId}/content?mode=base64`).subscribe(
(data: any) => {
if (data.encodedDocument) {
this.file.contentMode = 'route';
this.file.format = data.originalFormat;
this.file.content = `../../rest/resources/${resId}/originalContent`;
this.file.contentView = `../../rest/resources/${resId}/content?mode=view`;
this.file.src = this.base64ToArrayBuffer(data.encodedDocument);
this.loading = false;
}
},
(err: any) => {
this.notify.error(err.error.errors);
this.noFile = true;
this.http.get(`../../rest/resources/${this.resId}/fields/externalId`).pipe(
tap((data: any) => {
this.externalId = data.field;
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
return of(false);
})
).subscribe();
loadMainDocumentSubInformations() {
return new Promise((resolve, reject) => {
this.http.get(`../../rest/resources/${this.resId}/versionsInformations`).pipe(
tap((data: any) => {
const mainDocVersions = data.DOC;
let signedDocVersions = false;
let commentedDocVersions = false;
if (data.DOC[data.DOC.length - 1] !== undefined) {
signedDocVersions = data.SIGN.indexOf(data.DOC[data.DOC.length - 1]) > -1 ? true : false;
commentedDocVersions = data.NOTE.indexOf(data.DOC[data.DOC.length - 1]) > -1 ? true : false;
mainDocPDFVersions = data.PDF.indexOf(data.DOC[data.DOC.length - 1]) > -1 ? true : false;
this.file.subinfos = {
mainDocVersions: mainDocVersions,
signedDocVersions: signedDocVersions,
commentedDocVersions: commentedDocVersions,
mainDocPDFVersions: mainDocPDFVersions
}),
exhaustMap(() => this.http.get(`../../rest/resources/${this.resId}/fileInformation`)),
tap((data: any) => {
this.file.subinfos.canConvert = data.information.canConvert;
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
return of(false);
})
).subscribe();
editTemplate(templateId: number) {
let confirmMsg = '';
if (this.mode == 'attachment') {
confirmMsg = this.lang.editionAttachmentConfirmFirst + '<br><br>' + this.lang.editionAttachmentConfirmThird;
} else {
confirmMsg = this.lang.editionAttachmentConfirmFirst + '<br><br>' + this.lang.editionAttachmentConfirmSecond;
}
this.dialogRef = this.dialog.open(ConfirmComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: true, data: { title: this.lang.templateEdition, msg: confirmMsg } });
this.dialogRef.afterClosed().pipe(
tap((data: string) => {
if (data !== 'ok') {
this.templateListForm.reset();
}
}),
filter((data: string) => data === 'ok'),
tap(() => {
this.triggerEvent.emit();
const template = this.listTemplates.filter(template => template.id === templateId)[0];
this.file.format = template.extension;
if (this.editor.mode === 'onlyoffice') {
this.editor.async = false;
this.editor.options = {
objectType: 'attachmentCreation',
objectId: template.id,
docUrl: `rest/onlyOffice/mergedFile`,
dataToMerge: this.resourceDatas
} else {
this.editor.async = true;
this.editor.options = {
objectType: 'attachmentCreation',
objectId: template.id,
cookie: document.cookie,
data: this.resourceDatas,
};
this.editInProgress = true;
this.http.post('../../rest/jnlp', this.editor.options).pipe(
tap((data: any) => {
window.location.href = '../../rest/jnlp/' + data.generatedJnlp;
this.checkLockFile(data.jnlpUniqueId, template.extension);
})
).subscribe();
}
}),
catchError((err: any) => {
this.notify.handleErrors(err);
return of(false);
editResource() {
if (this.mode === 'attachment') {
this.editAttachment();
} else {
this.editMainDocument();
}
}
this.triggerEvent.emit('setData');
if (this.editor.mode === 'onlyoffice') {
this.editor.async = false;
this.editor.options = {
objectType: 'attachmentModification',
objectId: this.resId,
docUrl: `rest/onlyOffice/mergedFile`,
dataToMerge: this.resourceDatas
};
this.editInProgress = true;
} else {
this.editor.async = true;
this.editor.options = {
objectType: 'attachmentModification',
objectId: this.resId,
cookie: document.cookie,
data: this.resourceDatas,
};
this.editInProgress = true;
this.http.post('../../rest/jnlp', this.editor.options).pipe(
tap((data: any) => {
window.location.href = '../../rest/jnlp/' + data.generatedJnlp;
this.checkLockFile(data.jnlpUniqueId, this.file.format);
})
).subscribe();
}
editMainDocument() {
if (this.editor.mode === 'onlyoffice') {
this.editor.async = false;
this.editor.options = {
objectType: 'resourceModification',
docUrl: `rest/onlyOffice/mergedFile`
};
this.editInProgress = true;
} else {
this.editor.async = true;
this.editor.options = {
objectType: 'resourceModification',
objectId: this.resId,
cookie: document.cookie
};
this.editInProgress = true;
this.http.post('../../rest/jnlp', this.editor.options).pipe(
tap((data: any) => {
window.location.href = '../../rest/jnlp/' + data.generatedJnlp;
this.checkLockFile(data.jnlpUniqueId, this.file.format);
})
).subscribe();
}
}
setDatas(resourceDatas: any) {
this.resourceDatas = resourceDatas;
}
checkLockFile(id: string, extension: string) {
this.intervalLockFile = setInterval(() => {
this.http.get('../../rest/jnlp/lock/' + id)
.subscribe((data: any) => {
if (!data.lockFileFound) {
clearInterval(this.intervalLockFile);
this.loadTmpFile(`${data.fileTrunk}.${extension}`);
cancelTemplateEdition() {
clearInterval(this.intervalLockFile);
this.editInProgress = false;
}
isEditingTemplate() {
if (this.editor.mode === 'onlyoffice') {
return this.onlyofficeViewer !== undefined;
} else {
return this.editInProgress;
loadTemplatesByResId(resId: number, attachType: string) {
let arrValues: any[] = [];
let arrTypes: any = [];
this.listTemplates = [];
this.http.get('../../rest/attachmentsTypes').pipe(
tap((data: any) => {
Object.keys(data.attachmentsTypes).forEach(templateType => {
arrTypes.push({
id: templateType,
label: data.attachmentsTypes[templateType].label
});
});
arrTypes = this.sortPipe.transform(arrTypes, 'label');
arrTypes.push({
id: 'all',
label: this.lang.others
});
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
}),
exhaustMap(() => this.http.get(`../../rest/resources/${resId}/templates?attachmentType=${attachType},all`)),
tap((data: any) => {
this.listTemplates = data.templates;
arrTypes = arrTypes.filter((type: any) => data.templates.map((template: any) => template.attachmentType).indexOf(type.id) > -1);
arrTypes.forEach((arrType: any) => {
arrValues.push({
id: arrType.id,
label: arrType.label,
title: arrType.label,
disabled: true,
isTitle: true,
color: '#135f7f'
});
data.templates.filter((template: any) => template.attachmentType === arrType.id).forEach((template: any) => {
arrValues.push({
id: template.id,
label: ' ' + template.label,
title: template.exists ? template.label : this.lang.fileDoesNotExists,
extension: template.extension,
disabled: !template.exists,
});
});
});
this.listTemplates = arrValues;
})
).subscribe();
}
loadTemplates() {
if (this.listTemplates.length === 0) {
let arrValues: any[] = [];
if (this.mode == 'mainDocument') {
this.http.get('../../rest/currentUser/templates?target=indexingFile').pipe(
tap((data: any) => {
this.listTemplates = data.templates;
arrValues.push({
id: 'all',
label: this.lang.indexation,
title: this.lang.indexation,
disabled: true,
isTitle: true,
color: '#135f7f'
});
data.templates.forEach((template: any) => {
arrValues.push({
id: template.id,
label: ' ' + template.label,
title: template.exists ? template.label : this.lang.fileDoesNotExists,
extension: template.extension,
disabled: !template.exists,
});
});
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
this.listTemplates = arrValues;
})
).subscribe();
} else {
let arrTypes: any = [];
this.http.get('../../rest/attachmentsTypes').pipe(
tap((data: any) => {
arrTypes.push({
id: 'all',
label: this.lang.others
});
Object.keys(data.attachmentsTypes).forEach(templateType => {
arrTypes.push({
id: templateType,
label: data.attachmentsTypes[templateType].label
});
arrTypes = this.sortPipe.transform(arrTypes, 'label');
});
}),
exhaustMap(() => {
return this.http.get('../../rest/currentUser/templates?target=attachments&type=office');
}),
tap((data: any) => {
this.listTemplates = data.templates;
arrTypes = arrTypes.filter((type: any) => data.templates.map((template: any) => template.attachmentType).indexOf(type.id) > -1);
arrTypes.forEach((arrType: any) => {
arrValues.push({
id: arrType.id,
label: arrType.label,
title: arrType.label,
disabled: true,
isTitle: true,
color: '#135f7f'
});
data.templates.filter((template: any) => template.attachmentType === arrType.id).forEach((template: any) => {
arrValues.push({
id: template.id,
label: ' ' + template.label,
title: template.exists ? template.label : this.lang.fileDoesNotExists,
extension: template.extension,
disabled: !template.exists,
});
});
});
this.listTemplates = arrValues;
})
).subscribe();
}
closeEditor() {
this.templateListForm.reset();
this.editInProgress = false;
setEditor() {
if (this.headerService.user.preferences.documentEdition === 'java') {
this.editor.mode = 'java';
this.editor.async = true;
} else if (this.headerService.user.preferences.documentEdition === 'onlyoffice') {
this.editor.mode = 'onlyoffice';
this.editor.async = false;
return new Promise((resolve, reject) => {
this.getFile().pipe(
map((data: any) => {
const formatdatas = {
encodedFile: data.content,
format: data.format,
resId: this.resId
return formatdatas;
}),
exhaustMap((data) => this.http.put(`../../rest/resources/${this.resId}?onlyDocument=true`, data)),
tap(() => {
this.closeEditor();
this.loadRessource(this.resId);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
resolve(false);
return of(false);
})
).subscribe();
});
}
loadTmpDocument(base64Content: string, format: string) {
return new Promise((resolve, reject) => {
this.http.post(`../../rest/convertedFile/encodedFile`, { format: format, encodedFile : base64Content}).pipe(
tap((data: any) => {
console.log(data);
this.file = {
name: 'maarch',
format: format,
type: 'application/pdf',
contentMode: 'base64',
content: base64Content,
src: this.base64ToArrayBuffer(data.encodedResource)
};
}),
//exhaustMap((data) => this.http.post(`../../rest/convertedFile/encodedFile`, data.content)),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
saveTmpDocument() {
return new Promise((resolve, reject) => {
this.getFile().pipe(
tap((data: any) => {
this.file = {
name: 'maarch',
format: data.format,
type: 'application/pdf',
contentMode: 'base64',
content: data.content,
src: null
};
}),
exhaustMap((data) => this.http.post(`../../rest/convertedFile/encodedFile`, { format: data.format, encodedFile : data.content})),
tap((data: any) => {
this.file.src = this.base64ToArrayBuffer(data.encodedResource);
this.closeEditor();
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
openResourceVersion(version: number, type: string) {
const title = type !== 'PDF' ? this.lang[type + '_version'] : `${this.lang.version} ${version}`;
// TO SHOW ORIGINAL DOC (because autoload signed doc)
type = type === 'SIGN' ? 'PDF' : type;
this.http.get(`../../rest/resources/${this.resId}/content/${version}?type=${type}`).pipe(
tap((data: any) => {
this.dialog.open(DocumentViewerModalComponent, { autoFocus: false, panelClass: 'maarch-full-height-modal', data: { title: `${title}`, base64: data.encodedDocument } });
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
return of(false);
})
).subscribe();
}
this.dialogRef = this.dialog.open(ConfirmComponent, { panelClass: 'maarch-modal', autoFocus: false, disableClose: true, data: { title: this.lang.UNSIGN, msg: this.lang.confirmAction } });
this.dialogRef.afterClosed().pipe(
filter((data: string) => data === 'ok'),
exhaustMap(() => this.http.put(`../../rest/resources/${this.resId}/unsign`, {})),
tap(() => {
this.notify.success(this.lang.documentUnsigned);
this.loadRessource(this.resId);
}),
catchError((err: any) => {
this.notify.handleErrors(err);
return of(false);
})
).subscribe();
}
isEditorLoaded() {
if (this.isEditingTemplate()) {
return this.isEditingTemplate() && this.isDocModified;
} else {
return true;
}
}
openMaarchParapheurWorkflow() {
this.dialog.open(VisaWorkflowModalComponent, { panelClass: 'maarch-modal', data: { id: this.resId, type: 'resource' } });
}