@posiwise/smart-crm 0.0.19 → 0.0.21

package/src/lib/private/components/smart-crm-accounts/smart-crm-account-files/smart-crm-account-files.component.ts

@@ -0,0 +1,249 @@
+import {
+    AfterViewChecked,
+    ChangeDetectorRef,
+    Component,
+    EventEmitter,
+    Injector,
+    Input,
+    OnDestroy,
+    OnInit
+} from '@angular/core';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { CRM_ACCOUNT_FILES_PATH } from '@posiwise/smart-crm-shared';
+import { ROUTERS } from '../../../../shared/routers/routers';
+import { CrmService } from '@posiwise/smart-crm-shared';
+import { UploadFile, UploadInput, UploadOutput, UploadStatus, UploaderOptions } from 'ngx-uploader';
+import { LazyLoadEvent } from 'primeng/api';
+
+import {
+    DOCUMENT_TYPE_EXT,
+    PAGE_SIZE,
+    TOKEN_HEADER_KEY,
+    Paging,
+    User,
+    Subscription
+} from '@posiwise/common-utilities';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import { AuthService } from '@posiwise/common-services';
+import { HelperService } from '@posiwise/helper-service';
+
+@Component({
+    selector: 'pw-smart-crm-company-files',
+    templateUrl: './smart-crm-account-files.component.html'
+})
+export class SmartCrmCompanyFilesComponent
+    extends AppBaseComponent
+    implements OnInit, OnDestroy, AfterViewChecked
+{
+    @Input() accountId: number;
+
+    @Input() contactId: number;
+
+    @Input() opportunityId: number;
+
+    isLoaded = false;
+
+    allFiles: string[];
+
+    searchText = '';
+
+    totalRecordsUnFiltered = 0;
+
+    totalRecords: number;
+
+    loading = true;
+
+    hasAccess: boolean;
+
+    user: User;
+
+    userId: number;
+
+    options: UploaderOptions;
+
+    uploadInput: EventEmitter<UploadInput>;
+
+    files: UploadFile[];
+
+    token: string;
+
+    dragOver: boolean;
+
+    Done: boolean;
+
+    page = 1;
+
+    subscription: Subscription;
+
+    routers = ROUTERS;
+
+    constructor(
+        injector: Injector,
+        private crmService: CrmService,
+        private modalService: NgbModal,
+        private authService: AuthService,
+        private cdr: ChangeDetectorRef
+    ) {
+        super(injector);
+        this.options = { concurrency: 1, maxUploads: 3 };
+        this.uploadInput = new EventEmitter<UploadInput>();
+        this.token = btoa(this.authService.getToken());
+        this.files = [];
+    }
+
+    ngOnInit() {
+        this.getUserInfo();
+    }
+
+    ngAfterViewChecked() {
+        this.cdr.detectChanges();
+    }
+
+    onLazyLoad(event: LazyLoadEvent) {
+        const pageDetails = HelperService.onTableLazyLoad(event);
+        this.page = pageDetails.page;
+        this.getAllFiles({
+            page: this.page,
+            page_size: PAGE_SIZE,
+            order_by: pageDetails.sortField,
+            order_direction: pageDetails.sortOrder,
+            search: this.searchText
+        });
+    }
+
+    /** Function to get user details */
+    private getUserInfo() {
+        this.userStore().subscribe(user => {
+            if (user) {
+                this.user = user;
+                this.userId = user.id;
+            }
+        });
+    }
+
+    /** Function to get all account files */
+    private getAllFiles(paging: Paging) {
+        this.getUserSubscription().subscribe(response => {
+            this.subscription = response;
+            if (this.subscription?.id) {
+                this.hasAccess = this.hasAdminAccess(this.subscription?.id);
+                this.crmService
+                    .getAllAccountFiles(
+                        this.subscription?.id,
+                        this.accountId || null,
+                        this.contactId || null,
+                        this.opportunityId || null,
+                        paging
+                    )
+                    .subscribe(filesResponse => {
+                        this.allFiles = filesResponse?.crm_account_files || [];
+                        this.totalRecords = filesResponse.object_count;
+                        this.totalRecordsUnFiltered = filesResponse.unfiltered_count;
+                    })
+                    .add(() => {
+                        this.isLoaded = true;
+                        this.loading = false;
+                    });
+            }
+        });
+    }
+
+    /** Function to delete file */
+    onDelete(id: number) {
+        HelperService.raiseDeletePopup().then(res => {
+            if (res.value) {
+                this.crmService.deleteAccountFiles(this.subscription?.id, id).subscribe(() => {
+                    this.getAllFiles({
+                        page: this.page,
+                        page_size: PAGE_SIZE
+                    });
+                    this.toast.success(
+                        this.translation.translate('Crm.AccountFilesMessage.DeletedMessage')
+                    );
+                });
+            }
+        });
+    }
+
+    openModal(content) {
+        this.modalService.open(content, { centered: true, windowClass: 'modal-holder' });
+    }
+
+    onClose() {
+        this.modalService.dismissAll();
+    }
+
+    onUploadOutput(output: UploadOutput): void {
+        switch (output.type) {
+            case 'allAddedToQueue':
+                if (this.files.length > 0) {
+                    const event: UploadInput = {
+                        type: 'uploadAll',
+                        url: CRM_ACCOUNT_FILES_PATH,
+                        method: 'POST',
+                        data: {
+                            owner_id: String(this.userId),
+                            crm_account_id: String(this.accountId),
+                            crm_contact_id: String(this.contactId) || '',
+                            crm_opportunity_id: String(this.opportunityId) || ''
+                        },
+                        headers: {
+                            [TOKEN_HEADER_KEY]: this.token
+                        }
+                    };
+                    this.uploadInput.emit(event);
+                }
+
+                break;
+            case 'addedToQueue':
+                if (typeof output.file !== 'undefined') {
+                    const ext = output.file.name.split('.').pop();
+                    if (DOCUMENT_TYPE_EXT.includes(ext)) {
+                        this.files.push(output.file);
+                    } else {
+                        this.toast.error('file formats is not supported.');
+                    }
+                }
+                break;
+            case 'uploading':
+                if (typeof output.file !== 'undefined') {
+                    const index = this.files.findIndex(
+                        file => typeof output.file !== 'undefined' && file.id === output.file.id
+                    );
+                    this.files[index] = output.file;
+                }
+                break;
+            case 'removed':
+                this.files = this.files.filter((file: UploadFile) => file !== output.file);
+                break;
+            case 'dragOver':
+                this.dragOver = true;
+                break;
+            case 'dragOut':
+            case 'drop':
+                this.dragOver = false;
+                break;
+            case 'done':
+                break;
+            default:
+        }
+
+        this.files.forEach(file => {
+            if (file.progress.status === UploadStatus.Done) {
+                file['uploaded'] = true;
+                this.getAllFiles({
+                    page: this.page,
+                    page_size: PAGE_SIZE
+                });
+            }
+        });
+        // wait for 500ms before filter files
+        setTimeout(() => {
+            this.files = this.files.filter(file => file.progress.status !== UploadStatus.Done);
+        }, 500);
+    }
+
+    override ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+}