@hitsoft/e-donusum 1.0.5

package/src/lib/business-partners/business-partner/components/business-partner.component.ts

@@ -0,0 +1,150 @@
+import { ABP, ListService, PagedResultDto, TrackByService } from '@abp/ng.core';
+import { Confirmation, ConfirmationService } from '@abp/ng.theme.shared';
+import { DateAdapter } from '@abp/ng.theme.shared/extensions';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { filter, finalize, switchMap, tap } from 'rxjs/operators';
+import type {
+  GetBusinessPartnersInput,
+  BusinessPartnerWithNavigationPropertiesDto,
+} from '../../../proxy/business-partners/models';
+import { BusinessPartnerService } from '../../../proxy/business-partners/business-partner.service';
+@Component({
+  selector: 'lib-business-partner',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './business-partner.component.html',
+  styles: [],
+})
+export class BusinessPartnerComponent implements OnInit {
+  data: PagedResultDto<BusinessPartnerWithNavigationPropertiesDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetBusinessPartnersInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  selected?: BusinessPartnerWithNavigationPropertiesDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: BusinessPartnerService,
+    private confirmation: ConfirmationService,
+    private fb: FormBuilder
+  ) {}
+
+  ngOnInit() {
+    const getData = (query: ABP.PageQueryParams) =>
+      this.service.getList({
+        ...query,
+        ...this.filters,
+        filterText: query.filter,
+      });
+
+    const setData = (list: PagedResultDto<BusinessPartnerWithNavigationPropertiesDto>) =>
+      (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetBusinessPartnersInput;
+  }
+
+  buildForm() {
+    const {
+      erpEntegrationType,
+      erpId,
+      cardType,
+      cardCode,
+      cardName,
+      foreignName,
+      isEInvoice,
+      defaultEInvoicePk,
+      isEDespact,
+      defaultEDespactPk,
+      tckn_VKN,
+      businessPartnerGroupId,
+    } = this.selected?.businessPartner || {};
+
+    this.form = this.fb.group({
+      erpEntegrationType: [
+        erpEntegrationType ?? null,
+        [Validators.required, Validators.maxLength(8)],
+      ],
+      erpId: [erpId ?? null, [Validators.required, Validators.maxLength(8)]],
+      cardType: [cardType ?? null, [Validators.required, Validators.maxLength(16)]],
+      cardCode: [cardCode ?? null, [Validators.required, Validators.maxLength(128)]],
+      cardName: [cardName ?? null, [Validators.required, Validators.maxLength(256)]],
+      foreignName: [foreignName ?? null, [Validators.maxLength(256)]],
+      isEInvoice: [false, []],
+      defaultEInvoicePk: [defaultEInvoicePk ?? null, [Validators.maxLength(128)]],
+      isEDespact: [false, []],
+      defaultEDespactPk: [defaultEDespactPk ?? null, [Validators.maxLength(128)]],
+      tckn_VKN: [tckn_VKN ?? null, [Validators.maxLength(16)]],
+      businessPartnerGroupId: [businessPartnerGroupId ?? null, [Validators.required]],
+    });
+  }
+
+  hideForm() {
+    this.isModalOpen = false;
+    this.form.reset();
+  }
+
+  showForm() {
+    this.buildForm();
+    this.isModalOpen = true;
+  }
+
+  submitForm() {
+    if (this.form.invalid) return;
+
+    const request = this.selected
+      ? this.service.update(this.selected.businessPartner.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.businessPartner.concurrencyStamp,
+        })
+      : this.service.create(this.form.value);
+
+    this.isModalBusy = true;
+
+    request
+      .pipe(
+        finalize(() => (this.isModalBusy = false)),
+        tap(() => this.hideForm())
+      )
+      .subscribe(this.list.get);
+  }
+
+  create() {
+    this.selected = undefined;
+    this.showForm();
+  }
+
+  update(record: BusinessPartnerWithNavigationPropertiesDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: BusinessPartnerWithNavigationPropertiesDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.businessPartner.id))
+      )
+      .subscribe(this.list.get);
+  }
+}

package/src/lib/components/e-donusum.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+import { eDonusumService } from '../services/e-donusum.service';
+
+@Component({
+  selector: 'lib-e-donusum',
+  template: ` <p>e-donusum works!</p> `,
+  styles: [],
+})
+export class eDonusumComponent implements OnInit {
+  constructor(private service: eDonusumService) {}
+
+  ngOnInit(): void {
+    this.service.sample().subscribe(console.log);
+  }
+}

package/src/lib/components/hit-inbound-invoices/hit-inbound-invoice-routing.module.ts

@@ -0,0 +1,37 @@
+import {
+    AuthGuard,
+    PermissionGuard,
+    RouterOutletComponent,
+    ReplaceableComponents,
+    ReplaceableRouteContainerComponent,
+  } from '@abp/ng.core';
+  import { NgModule } from '@angular/core';
+  import { RouterModule, Routes } from '@angular/router';
+import { HitInboundInvoiceComponent } from './hit-inbound-invoice.component';
+  
+  const routes: Routes = [
+    {
+      path: '',
+      component: RouterOutletComponent,
+      canActivate: [AuthGuard, PermissionGuard],
+      children: [
+        {
+          path: '',
+          component: ReplaceableRouteContainerComponent,
+          data: {
+            replaceableComponent: {
+              key: 'HitInboundInvoiceComponentKey',
+              defaultComponent: HitInboundInvoiceComponent,
+            } as ReplaceableComponents.RouteData,
+          },
+        },
+      ],
+    },
+  ];
+  
+  @NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule],
+  })
+  export class HitInboundInvoiceRoutingModule {}
+  

package/src/lib/components/hit-inbound-invoices/hit-inbound-invoice.component.html

@@ -0,0 +1,165 @@
+<abp-page [title]="'eDonusum::InboundInvoices' | abpLocalization">
+  <abp-page-toolbar-container class="col">
+    <div class="text-lg-end pt-2">
+      <button *abpPermission="'eDonusum.Invoices.Create'" class="btn btn-primary btn-sm" type="button"
+          style="margin-right: 5px;" (click)="getInboundInvoice()">
+          <i class="fa fa-envelope me-1" aria-hidden="true"></i>
+          {{ 'eDonusum::CheckInboundInvoices' | abpLocalization }}
+        </button>
+    </div>
+  </abp-page-toolbar-container>
+
+  <div class="card">
+    <div class="card-body">
+      <dx-data-grid #dxInboundInvoiceInstance [dataSource]="inboundInvoicesDataSource" [showRowLines]="true"
+        [showBorders]="true" [remoteOperations]="true" [hoverStateEnabled]="true" [repaintChangesOnly]="true"
+        [allowColumnResizing]="true" columnResizingMode="widget" [allowColumnReordering]="true" [columnAutoWidth]="true"
+        [columnHidingEnabled]="true" [rowAlternationEnabled]="true" style="height: 75vh;">
+        <dxo-pager [visible]="true" [showInfo]="true" [allowedPageSizes]="[50,100,200]" [showNavigationButtons]="true"
+          [showPageSizeSelector]="true">
+        </dxo-pager>
+        <dxo-paging [pageSize]="50"></dxo-paging>
+        <dxo-selection mode="multiple" selectAllMode="page" showCheckBoxesMode="always">
+        </dxo-selection>
+        <dxo-column-chooser [allowSearch]="true" [enabled]="true" mode="select"></dxo-column-chooser>
+        <dxo-column-fixing [enabled]="true"></dxo-column-fixing>
+        <dxo-group-panel [visible]="true" [allowColumnDragging]="true"></dxo-group-panel>
+        <dxo-grouping #expand [autoExpandAll]="false" [allowCollapsing]="true"
+          [contextMenuEnabled]="true"></dxo-grouping>
+        <dxo-header-filter [allowSearch]="true" [visible]="true"></dxo-header-filter>
+        <dxo-filter-row [visible]="true"></dxo-filter-row>
+        <dxo-export [enabled]="true" [allowExportSelectedData]="false"></dxo-export>
+        <dxo-column-fixing [enabled]="true"></dxo-column-fixing>
+        <dxo-filter-builder [allowHierarchicalFields]="true"></dxo-filter-builder>
+        <dxo-filter-panel [visible]="true"></dxo-filter-panel>
+        <dxo-sorting mode="single"></dxo-sorting>
+        <dxo-scrolling mode="horizontal" showScrollbar="always"></dxo-scrolling>
+        <dxi-column [fixed]="true" dataField="id" width="120" [allowGrouping]="false" [allowFiltering]="false"
+          [allowHeaderFiltering]="false" [allowHiding]="false" [allowReordering]="false"
+          cellTemplate="operationTemplate" caption="{{ 'AbpUi::Actions' | abpLocalization }}">
+          <div *dxTemplate="let row of 'operationTemplate'">
+            <div ngbDropdown container="body" class="d-inline-block">
+              <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
+                ngbDropdownToggle [disabled]="disabledIdColumn">
+                <i class="fa fa-cog mr-1" aria-hidden="true"></i>
+                {{ 'AbpUi::Actions' | abpLocalization }}
+              </button>
+              <div ngbDropdownMenu>
+                <!-- <button ngbDropdownItem (click)="update(row.data)">
+                    <i class="fa fa-edit" aria-hidden="true"></i> {{ 'AbpUi::Edit' | abpLocalization }}
+                  </button>
+                  <button ngbDropdownItem (click)="delete(row.data)">
+                    <i class="fa fa-trash" aria-hidden="true"></i> {{ 'AbpUi::Delete' | abpLocalization }}
+                  </button> -->
+                <button ngbDropdownItem (click)="getInvoicePreview(row.data)" *ngIf="row.data.status == 600 || 700">
+                  <i class="fa fa-eye" aria-hidden="true"></i> {{ 'eDonusum::GetView' | abpLocalization }}
+                </button>
+                <button ngbDropdownItem (click)="openResponseModal(row.data)"
+                  *ngIf="row.data.profileId == 'TICARIFATURA' && row.data.receiverResponse == 0">
+                  <i class="fa fa-envelope" aria-hidden="true"></i> {{ 'eDonusum::Response' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </div>
+        </dxi-column>
+        <dxi-column dataField="status" caption="{{'eDonusum::Status'|abpLocalization}}" aria-hidden="true">
+          <dxo-lookup [dataSource]="inboundInvoiceStatusLookup" valueExpr="id" displayExpr="displayName">
+          </dxo-lookup>
+        </dxi-column>
+        <dxi-column dataField="receiverResponse" caption="{{'eDonusum::ReceiverResponse'|abpLocalization}}"
+          cellTemplate="iconTemplate">
+          <dxo-lookup [dataSource]="inboundInvoiceReceiverResponseLookup" valueExpr="id" displayExpr="displayName">
+          </dxo-lookup>
+        </dxi-column>
+        <div *dxTemplate="let data of 'iconTemplate'">
+          <i [ngClass]="getIconClass(data.data.receiverResponse)" [ngStyle]="{'color':data.data.receiverResponse == '1' ? 'green' : data.data.receiverResponse == '2' ? 'red' : 'gray'}"></i>
+          {{getReceiverResponseName(data.data.receiverResponse)}}
+          
+        </div>
+        <dxi-column dataField="profileId" caption="{{'eDonusum::ProfileId'|abpLocalization}}"></dxi-column>
+        <dxi-column dataField="invoiceTypeCode" caption="{{'eDonusum::InvoiceTypeCode'|abpLocalization}}"></dxi-column>
+        <dxi-column dataField="documentCurrencyCode" caption="{{'eDonusum::DocCurrency'|abpLocalization}}"></dxi-column>
+        <dxi-column dataField="issueDate" dataType="date"
+          caption="{{'eDonusum::IssueDate'|abpLocalization}}"></dxi-column>
+        <dxi-column dataField="uuId" caption="{{'eDonusum::UuId'|abpLocalization}}"></dxi-column>
+      </dx-data-grid>
+    </div>
+  </div>
+</abp-page>
+
+<abp-modal [busy]="isModalBusyForResponse" [(visible)]="isModalOpenForResponse" [options]="{ size: 'm' }">
+  <ng-template #abpHeader>
+    <h3>
+      {{ 'eDonusum::SendResponse' | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="formResponse" id="invoice-response" validateOnSubmit>
+      <div class="container-fluid">
+        <div class="mt-2 fade-in-top">
+          <div class="row" style="margin-top:20px">
+            <div class="col-md">
+              <div class="mb-3">
+                <label class="form-label" for="invoice-response-invoice-id">
+                  {{'eDonusum::Id'|abpLocalization}}
+                </label>
+
+                <dx-text-box id="invoice-response-invoice-id" [disabled]="true" class="form-control"
+                  formControlName="id" maxlength="256" autofocus></dx-text-box>
+              </div>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md">
+              <div class="mb-3">
+                <label class="form-label" for="invoice-response-invoice-uuid">
+                  {{'eDonusum::UuId'|abpLocalization}}
+                </label>
+
+                <dx-text-box id="invoice-response-invoice-uuid" [disabled]="true" class="form-control"
+                  formControlName="invoiceUUID" maxlength="256" autofocus></dx-text-box>
+              </div>
+            </div>
+          </div>
+          <!-- <div class="row">
+            <div class="col-md">
+              <div class="form-check mb-3">
+                <input type="checkbox" id="invoice-response-invoice-accept" formControlName="isAccepted"
+                  name="responseCheck" (change)="checkBoxChanged($event)" class="form-check-input" />
+
+                <label for="invoice-response-invoice-accept" class="form-check-label">
+                  {{ 'eDonusum::Accept' | abpLocalization }}
+                </label>
+              </div>
+            </div>
+            <div class="col-md">
+              <div class="form-check mb-3">
+                <input type="checkbox" id="invoice-response-invoice-reject" formControlName="isRejected"
+                  name="responseCheck" (change)="checkBoxChanged($event)" class="form-check-input" />
+
+                <label for="invoice-response-invoice-reject" class="form-check-label">
+                  {{ 'eDonusum::Reject' | abpLocalization }}
+                </label>
+              </div>
+            </div>
+          </div> -->
+        </div>
+      </div>
+    </form>
+  </ng-template>
+
+  <ng-template #abpFooter>
+    <button type="button" class="btn btn-secondary" abpClose>
+      {{ 'AbpUi::Cancel' | abpLocalization }}
+    </button>
+    <button type="button" iconClass="fa fa-check" class="btn btn-warning" formName="invoice-response"
+      (click)="sendInvoiceResponse(false)">
+      {{ 'eDonusum::Reject' | abpLocalization }}
+    </button>
+    <button type="button" iconClass="fa fa-check" class="btn btn-success" formName="invoice-response"
+      (click)="sendInvoiceResponse(true)">
+      {{ 'eDonusum::Accept' | abpLocalization }}
+    </button>
+  </ng-template>
+</abp-modal>

package/src/lib/components/hit-inbound-invoices/hit-inbound-invoice.component.ts

@@ -0,0 +1,131 @@
+import { ABP, isNullOrEmpty, isNullOrUndefined, ListService, PagedResultDto } from '@abp/ng.core';
+import { DateAdapter } from '@abp/ng.theme.shared/extensions';
+import { ChangeDetectionStrategy, Component, HostListener, OnInit, Pipe, PipeTransform, ViewChild } from '@angular/core';
+import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { DxDataGridComponent } from 'devextreme-angular';
+import { HitInboundInvoiceService } from '../../hit-proxy/hit-inbound-invoices/hit-inbound-invoice.service';
+import { HitInvoiceService } from '../../hit-proxy/hit-invoices/hit-invoice.service';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ToasterService } from '@abp/ng.theme.shared';
+import { formatDate, getLocaleDateFormat } from '@angular/common';
+
+@Component({
+    selector: 'lib-inbound-invoice',
+    changeDetection: ChangeDetectionStrategy.Default,
+    providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+    templateUrl: './hit-inbound-invoice.component.html',
+    styles: [],
+})
+export class HitInboundInvoiceComponent implements OnInit {
+    @ViewChild('dxInboundInvoiceInstance', { static: false }) dxInboundInvoiceInstance: DxDataGridComponent
+
+    inboundInvoicesDataSource: any
+    inboundInvoiceStatusLookup: any
+    inboundInvoiceReceiverResponseLookup: any
+
+    isModalBusyForResponse = false;
+    isModalOpenForResponse = false;
+
+    faturaOnizleme: any;
+    formResponse: FormGroup;
+
+    constructor(
+        public readonly list: ListService,
+        private readonly service: HitInboundInvoiceService,
+        private readonly invoiceService: HitInvoiceService,
+        private readonly formBuilder: FormBuilder,
+        private readonly toasterService: ToasterService
+    ) { }
+
+    ngOnInit(): void {
+        this.inboundInvoicesDataSource = this.service.LoadInboundInvoices;
+        this.invoiceService.getStatuses().subscribe(list => {
+            this.inboundInvoiceStatusLookup = list;
+        });
+        this.invoiceService.getReceiverResponses().subscribe(list => {
+            this.inboundInvoiceReceiverResponseLookup = list;
+        })
+    }
+
+    getInvoicePreview(record) {
+        this.invoiceService.getInvoicePreview(record.id, "INBOUNDINVOICE").subscribe(fatura => {
+            const source = `data:text/html;base64,${fatura.previewHTML}`;
+            const newTab = window.open();
+            newTab.document.title = record.id
+            newTab.document.body.innerHTML = `<iframe src="${source}" width="100%" height="100%" style="border:none;"></iframe>`;
+        });
+    }
+    openResponseModal(record) {
+        debugger;
+        this.buildForm(record);
+        this.isModalOpenForResponse = true;
+    }
+
+    buildForm(record) {
+        this.formResponse = this.formBuilder.group({
+            id: record.id,
+            invoiceUUID: record.uuId,
+            isAccepted: false,
+            isRejected: false
+        });
+    }
+
+    sendInvoiceResponse(response: boolean) {
+        debugger;
+        if (this.formResponse.invalid) return;
+
+        var result = this.formResponse.value
+
+        this.service.sendInvoiceResponse(result.invoiceUUID, response, result.id).subscribe(() => {
+            this.dxInboundInvoiceInstance.instance.refresh();
+            this.isModalOpenForResponse = false;
+        })
+    }
+
+    getInboundInvoice(){
+        this.service.getInboundInvoice(new Date().toISOString(), new Date().toISOString()).subscribe(() => this.dxInboundInvoiceInstance.instance.refresh())
+    }
+
+    checkBoxChanged(event) {
+        debugger;
+        let formControls = this.formResponse.controls
+        var id = event.target.id;
+        var checkboxes = document.getElementsByName('responseCheck') as NodeListOf<HTMLInputElement>;
+        checkboxes.forEach(checkbox => {
+            if (checkbox.id !== id) {
+                checkbox.checked = false;
+                formControls[checkbox.attributes["formcontrolname"].value].setValue(checkbox.checked)
+            }
+        });
+    }
+
+    changeRowsColor(e) {
+
+        if (e.rowType == "data") {
+            debugger;
+            if (e.data.receiverResponse != 0)
+                e.rowElement.style.backgroundColor = e.data.receiverResponse == 1 ? "#3ebd60" : "#cc4f45";
+        }
+    }
+
+    getReceiverResponseName(responseId) {
+        const response = this.inboundInvoiceReceiverResponseLookup.find((x) => x.id === responseId);
+        if (response) {
+            return response.displayName;
+        }
+        return "";
+    }
+
+    getIconClass(responseId) {
+        if (responseId == 0) {
+            return "fas fa-clock";
+        }
+        else if (responseId == 1) {
+            return "fas fa-check-circle";
+        }
+        else if (responseId == 2) {
+            return "fas fa-times-circle";
+        }
+        return "";
+    }
+}

package/src/lib/components/hit-inbound-invoices/hit-inbound-invoice.module.ts

@@ -0,0 +1,44 @@
+import { CoreModule } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { NgModule } from '@angular/core';
+import {
+  NgbCollapseModule,
+  NgbDatepickerModule,
+  NgbDropdownModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+import { CommercialUiModule } from '@volo/abp.commercial.ng.ui';
+import { PageModule } from '@abp/ng.components/page';
+import { DxDataGridModule, DxHtmlEditorModule, DxLookupModule, DxRadioGroupModule, DxSelectBoxModule, DxTabPanelModule, DxTextAreaModule, DxTextBoxModule } from 'devextreme-angular';
+import dxTextBox from 'devextreme/ui/text_box';
+import { HtmlParser } from '@angular/compiler';
+import { HitInboundInvoiceComponent } from './hit-inbound-invoice.component';
+import { HitInboundInvoiceRoutingModule } from './hit-inbound-invoice-routing.module';
+
+@NgModule({
+  declarations: [HitInboundInvoiceComponent],
+  imports: [
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+    DxDataGridModule,
+    DxTextAreaModule,
+    DxTextBoxModule,
+    DxHtmlEditorModule,
+    DxSelectBoxModule,
+    DxLookupModule,
+    DxTabPanelModule,
+    PageModule,
+    HitInboundInvoiceRoutingModule,
+    DxRadioGroupModule,
+  ],
+})
+export class HitInboundInvoiceModule {}
+
+export function loadHitInboundInvoiceModuleAsChild() {
+  return Promise.resolve(HitInboundInvoiceModule);
+}