Something went wrong on our end
-
Alex ORLUC authoredAlex ORLUC authored
sent-resource-list.component.ts 13.53 KiB
import {Component, OnInit, ViewChild, EventEmitter, Input, Output} from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { LANG } from '../translate.component';
import { NotificationService } from '../notification.service';
import { of } from 'rxjs';
import { MatSort, MatDialog, MatTableDataSource } from '@angular/material';
import { map, catchError, filter, tap } from 'rxjs/operators';
import { FunctionsService } from '../../service/functions.service';
import { PrivilegeService } from '../../service/privileges.service';
import { SentResourcePageComponent } from './sent-resource-page/sent-resource-page.component';
@Component({
selector: 'app-sent-resource-list',
templateUrl: "sent-resource-list.component.html",
styleUrls: ['sent-resource-list.component.scss'],
})
export class SentResourceListComponent implements OnInit {
lang: any = LANG;
loading: boolean = true;
dataSource: any;
displayedColumns: string[] = ['creationDate'];
sentResources: any[] = [];
resultsLength = 0;
currentFilter: string = '';
filterTypes: any[] = [];
@Input('resId') resId: number = null;
@Output() reloadBadgeSentResource = new EventEmitter<string>();
@ViewChild(MatSort, { static: false }) sort: MatSort;
constructor(
public http: HttpClient,
private notify: NotificationService,
public dialog: MatDialog,
public functions: FunctionsService,
public privilegeService: PrivilegeService) { }
async ngOnInit(): Promise<void> {
this.loadList();
}
async loadList() {
this.sentResources = [];
this.loading = true;
await this.initAcknowledgementReceiptList();
await this.initEmailList();
await this.initMessageExchange();
await this.initShippings();
this.reloadBadgeSentResource.emit(`${this.sentResources.length}`);
this.initFilter();
setTimeout(() => {
this.dataSource = new MatTableDataSource(this.sentResources);
this.dataSource.sort = this.sort;
}, 0);
this.loading = false;
}
initAcknowledgementReceiptList() {
return new Promise((resolve) => {
this.http.get(`../../rest/resources/${this.resId}/acknowledgementReceipts?type=ar`).pipe( map((data: any) => {
data = data.map((item: any) => {
let email;
if (!this.functions.empty(item.contact.email)) {
email = item.contact.email;
} else {
email = this.lang.contactDeleted;
}
let name;
if (!this.functions.empty(item.contact.firstname) && !this.functions.empty(item.contact.lastname)) {
name = `${item.contact.firstname} ${item.contact.lastname}`
} else {
name = this.lang.contactDeleted;
}
return {
id: item.id,
sender: false,
recipients: item.format === 'html' ? email : name,
creationDate: item.creationDate,
sendDate: item.sendDate,
type: 'acknowledgementReceipt',
typeColor: '#7d5ba6',
desc: item.format === 'html' ? this.lang.ARelectronic : this.lang.ARPaper,
status: item.format === 'html' && item.sendDate === null ? 'ERROR' : 'SENT',
hasAttach: false,
hasNote: false,
hasMainDoc: false,
canManage: true
}
});
return data;
}),
tap((data: any) => {
this.sentResources = this.sentResources.concat(data);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
initEmailList() {
return new Promise((resolve) => {
this.http.get(`../../rest/resources/${this.resId}/emails?type=email`).pipe(
map((data: any) => {
data.emails = data.emails.map((item: any) => {
return {
id: item.id,
sender: item.sender.email,
recipients: item.recipients,
creationDate: item.creation_date,
sendDate: item.send_date,
type: 'email',
typeColor: '#5bc0de',
desc: !this.functions.empty(item.object) ? item.object : `<i>${this.lang.emptySubject}<i>`,
status: item.status,
hasAttach: !this.functions.empty(item.document.attachments),
hasNote: !this.functions.empty(item.document.notes),
hasMainDoc: item.document.isLinked,
canManage: true
}
});
return data.emails;
}), tap((data: any) => {
this.sentResources = this.sentResources.concat(data);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
initMessageExchange() {
return new Promise((resolve) => {
this.http.get(`../../rest/resources/${this.resId}/messageExchanges`).pipe(
map((data: any) => {
data.messageExchanges = data.messageExchanges.map((item: any) => {
return {
id: item.messageId,
sender: item.sender,
recipients: item.recipient,
creationDate: item.creationDate,
sendDate: item.receptionDate,
operationDate: item.operationDate,
type: 'm2m_ARCHIVETRANSFER',
typeColor: '#F99830',
desc: this.lang.m2m_ARCHIVETRANSFER,
status: item.status,
hasAttach: false,
hasNote: false,
hasMainDoc: false,
canManage: false
}
});
return data.messageExchanges;
}),
tap((data: any) => {
this.sentResources = this.sentResources.concat(data);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
initShippings() {
return new Promise((resolve) => {
this.http.get(`../../rest/resources/${this.resId}/shippings`).pipe(
map((data: any) => {
data = data.map((item: any) => {
return {
id: item.id,
sender: item.userLabel,
recipients: item.recipients.map((item: any) => item.contactLabel),
creationDate: item.creationDate,
sendDate: item.creationDate,
type: 'shipping',
typeColor: '#9440D5',
desc: this.lang.shipping,
status: 'SENT',
hasAttach: item.creationDate === 'attachment',
hasNote: false,
hasMainDoc: item.creationDate === 'resource', canManage: false
}
});
return data;
}),
tap((data: any) => {
this.sentResources = this.sentResources.concat(data);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
initFilter() {
this.sentResources.forEach((element: any) => {
if (this.filterTypes.filter(type => type.id === element.type).length === 0) {
this.filterTypes.push({
id: element.type,
label: this.lang[element.type]
});
}
});
}
filterType(ev: any) {
this.currentFilter = ev.value;
this.dataSource.filter = ev.value;
}
openPromptMail(row: any = {id: null, type: null}) {
let title = this.lang.sendElement;
if (row.id !== null) {
title = this.lang[row.type];
}
if (row.canManage || row.id === null) {
const dialogRef = this.dialog.open(SentResourcePageComponent, { panelClass: 'maarch-modal', disableClose: true, data: { title: title, resId: this.resId, emailId: row.id, emailType: row.type } });
dialogRef.afterClosed().pipe(
filter((data: any) => data.state === 'success' || data === 'success'),
tap(() => {
this.refreshEmailList();
setTimeout(() => {
this.refreshWaitingElements();
}, 5000);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
return of(false);
})
).subscribe();
}
}
refreshWaitingElements() {
this.sentResources.map((draftElement: any) => {
if (draftElement.status == 'WAITING' && draftElement.type == 'email') {
this.http.get(`../../rest/emails/${draftElement.id}`).pipe(
tap((data: any) => {
if (data.status == 'SENT' || data.status == 'ERROR') {
if (data.status == 'SENT') {
this.notify.success(this.lang.emailSent); } else {
this.notify.error(this.lang.emailCannotSent);
}
this.sentResources.map((element: any, key: number) => {
if (element.id == draftElement.id && element.type == 'email') {
this.sentResources[key].status = data.status;
this.sentResources[key].sendDate = data.sendDate;
}
});
}
})
).subscribe();
}
});
setTimeout(() => {
this.dataSource = new MatTableDataSource(this.sentResources);
this.dataSource.sort = this.sort;
}, 0);
}
refreshEmailList() {
return new Promise((resolve) => {
this.http.get(`../../rest/resources/${this.resId}/emails?type=email`).pipe(
map((data: any) => {
data.emails = data.emails.map((item: any) => {
return {
id: item.id,
sender: item.sender.email,
recipients: item.recipients,
creationDate: item.creation_date,
sendDate: item.send_date,
type: 'email',
typeColor: '#5bc0de',
desc: !this.functions.empty(item.object) ? item.object : `<i>${this.lang.emptySubject}<i>`,
status: item.status,
hasAttach: !this.functions.empty(item.document.attachments),
hasNote: !this.functions.empty(item.document.notes),
hasMainDoc: item.document.isLinked,
canManage: true
}
});
return data.emails;
}),
tap((data: any) => {
const sentResourcesNoEmails = this.sentResources.filter(elem => elem.type !== 'email');
this.sentResources = sentResourcesNoEmails.concat(data);
console.log(this.sentResources);
setTimeout(() => {
this.dataSource = new MatTableDataSource(this.sentResources);
this.dataSource.sort = this.sort;
}, 0);
resolve(true);
}),
catchError((err: any) => {
this.notify.handleSoftErrors(err);
resolve(false);
return of(false);
})
).subscribe();
});
}
}