@hitsoft/e-donusum 1.0.5

package/src/lib/invoice-line-receipt-line-references/invoice-line-receipt-line-reference/components/invoice-line-receipt-line-reference.component.html

@@ -0,0 +1,494 @@
+<abp-page [title]="'eDonusum::InvoiceLineReceiptLineReferences' | abpLocalization">
+  <abp-page-toolbar-container class="col">
+    <div class="text-lg-end pt-2">
+      <button
+        class="btn btn-primary btn-sm mx-2"
+        type="button"
+        [disabled]="isExportToExcelBusy"
+        (click)="exportToExcel()"
+      >
+        {{ 'eDonusum::ExportToExcel' | abpLocalization }}
+      </button>
+
+      <button
+        *abpPermission="'eDonusum.InvoiceLineReceiptLineReferences.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewInvoiceLineReceiptLineReference' | abpLocalization }}
+      </button>
+    </div>
+  </abp-page-toolbar-container>
+
+  <abp-advanced-entity-filters localizationSourceName="eDonusum" [list]="list">
+    <abp-advanced-entity-filters-form>
+      <form #filterForm (keyup.enter)="list.get()">
+        <div class="row">
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="lineIdFilter">
+                {{ 'eDonusum::LineId' | abpLocalization }}
+              </label>
+
+              <input
+                id="lineIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.lineId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="lineStatusCodeFilter">
+                {{ 'eDonusum::LineStatusCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="lineStatusCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.lineStatusCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="docRefIdFilter">
+                {{ 'eDonusum::DocRefId' | abpLocalization }}
+              </label>
+
+              <input
+                id="docRefIdFilter"
+                class="form-control"
+                [(ngModel)]="filters.docRefId"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minDocRefIssueDate">
+                {{ 'eDonusum::MinDocRefIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minDocRefIssueDate"
+                  class="form-control"
+                  #minDocRefIssueDateInput
+                  #minDocRefIssueDateDatepicker="ngbDatepicker"
+                  name="minDocRefIssueDate"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minDocRefIssueDateDatepicker.toggle()"
+                  (keyup.space)="minDocRefIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.docRefIssueDateMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minDocRefIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minDocRefIssueDateDatepicker.writeValue(null);
+                      minDocRefIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDocRefIssueDate">
+                {{ 'eDonusum::MaxDocRefIssueDate' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxDocRefIssueDate"
+                  class="form-control"
+                  #maxDocRefIssueDateInput
+                  #maxDocRefIssueDateDatepicker="ngbDatepicker"
+                  name="maxDocRefIssueDate"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxDocRefIssueDateDatepicker.toggle()"
+                  (keyup.space)="maxDocRefIssueDateDatepicker.toggle()"
+                  [(ngModel)]="filters.docRefIssueDateMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxDocRefIssueDateInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxDocRefIssueDateDatepicker.writeValue(null);
+                      maxDocRefIssueDateDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="docRefDocumentTypeCodeFilter">
+                {{ 'eDonusum::DocRefDocumentTypeCode' | abpLocalization }}
+              </label>
+
+              <input
+                id="docRefDocumentTypeCodeFilter"
+                class="form-control"
+                [(ngModel)]="filters.docRefDocumentTypeCode"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="docRefDocumentTypeFilter">
+                {{ 'eDonusum::DocRefDocumentType' | abpLocalization }}
+              </label>
+
+              <input
+                id="docRefDocumentTypeFilter"
+                class="form-control"
+                [(ngModel)]="filters.docRefDocumentType"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="docRefDocumentDescriptionFilter">
+                {{ 'eDonusum::DocRefDocumentDescription' | abpLocalization }}
+              </label>
+
+              <input
+                id="docRefDocumentDescriptionFilter"
+                class="form-control"
+                [(ngModel)]="filters.docRefDocumentDescription"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="invoiceLineIdFilter">
+                {{ 'eDonusum::InvoiceLine' | abpLocalization }}
+              </label>
+              <abp-lookup-select
+                cid="invoiceLineIdFilter"
+                [getFn]="service.getInvoiceLineLookup"
+                [(ngModel)]="filters.invoiceLineId"
+                [ngModelOptions]="{ standalone: true }"
+              ></abp-lookup-select>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto align-self-end mb-3">
+            <div class="row">
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-outline-primary" (click)="clearFilters()">
+                  <span>{{ 'AbpUi::Clear' | abpLocalization }}</span>
+                </button>
+              </div>
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-primary" (click)="list.get()">
+                  <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </abp-advanced-entity-filters-form>
+  </abp-advanced-entity-filters>
+
+  <div class="card">
+    <div class="card-body">
+      <ngx-datatable [rows]="data.items" [count]="data.totalCount" [list]="list" default>
+        <ngx-datatable-column
+          [name]="'AbpUi::Actions' | abpLocalization"
+          [maxWidth]="150"
+          [width]="150"
+          [sortable]="false"
+        >
+          <ng-template let-row="row" let-i="rowIndex" ngx-datatable-cell-template>
+            <div ngbDropdown container="body" class="d-inline-block">
+              <button
+                class="btn btn-primary btn-sm dropdown-toggle"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                ngbDropdownToggle
+              >
+                <i class="fa fa-cog me-1" aria-hidden="true"></i>
+                {{ 'AbpUi::Actions' | abpLocalization }}
+              </button>
+
+              <div ngbDropdownMenu>
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.InvoiceLineReceiptLineReferences.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.InvoiceLineReceiptLineReferences.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LineId' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.lineId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.lineId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::LineStatusCode' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.lineStatusCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.lineStatusCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocRefId' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.docRefId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.docRefId }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocRefIssueDate' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.docRefIssueDate"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.docRefIssueDate | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocRefDocumentTypeCode' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.docRefDocumentTypeCode"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.docRefDocumentTypeCode }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocRefDocumentType' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.docRefDocumentType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.docRefDocumentType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DocRefDocumentDescription' | abpLocalization }}"
+          prop="invoiceLineReceiptLineReference.docRefDocumentDescription"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLineReceiptLineReference.docRefDocumentDescription }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::InvoiceLine' | abpLocalization }}"
+          prop="invoiceLine.itemName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.invoiceLine?.itemName }}
+          </ng-template>
+        </ngx-datatable-column>
+      </ngx-datatable>
+    </div>
+  </div>
+</abp-page>
+
+<abp-modal [busy]="isModalBusy" [(visible)]="isModalOpen">
+  <ng-template #abpHeader>
+    <h3>
+      {{
+        (selected ? 'AbpUi::Edit' : 'eDonusum::NewInvoiceLineReceiptLineReference')
+          | abpLocalization
+      }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form
+      [formGroup]="form"
+      id="invoice-line-receipt-line-reference"
+      (ngSubmit)="submitForm()"
+      validateOnSubmit
+    >
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-line-id">
+            {{ 'eDonusum::LineId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-line-id"
+            formControlName="lineId"
+            class="form-control"
+            maxlength="64"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-line-status-code">
+            {{ 'eDonusum::LineStatusCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-line-status-code"
+            formControlName="lineStatusCode"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-doc-ref-id">
+            {{ 'eDonusum::DocRefId' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-doc-ref-id"
+            formControlName="docRefId"
+            class="form-control"
+            maxlength="64"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-doc-ref-issue-date">
+            {{ 'eDonusum::DocRefIssueDate' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="invoice-line-receipt-line-reference-doc-ref-issue-date"
+              formControlName="docRefIssueDate"
+              class="form-control"
+              ngbDatepicker
+              #docRefIssueDateInput
+              #docRefIssueDateDatepicker="ngbDatepicker"
+              (click)="docRefIssueDateDatepicker.open()"
+              (keyup.space)="docRefIssueDateDatepicker.open()"
+            />
+            <div *ngIf="docRefIssueDateInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  docRefIssueDateDatepicker.writeValue(null);
+                  docRefIssueDateDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label
+            class="form-label"
+            for="invoice-line-receipt-line-reference-doc-ref-document-type-code"
+          >
+            {{ 'eDonusum::DocRefDocumentTypeCode' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-doc-ref-document-type-code"
+            formControlName="docRefDocumentTypeCode"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-doc-ref-document-type">
+            {{ 'eDonusum::DocRefDocumentType' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-doc-ref-document-type"
+            formControlName="docRefDocumentType"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label
+            class="form-label"
+            for="invoice-line-receipt-line-reference-doc-ref-document-description"
+          >
+            {{ 'eDonusum::DocRefDocumentDescription' | abpLocalization }}
+          </label>
+
+          <input
+            id="invoice-line-receipt-line-reference-doc-ref-document-description"
+            formControlName="docRefDocumentDescription"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="invoice-line-receipt-line-reference-invoice-line-id">
+            {{ 'eDonusum::InvoiceLine' | abpLocalization }} *
+          </label>
+
+          <abp-lookup-select
+            cid="invoice-line-receipt-line-reference-invoice-line-id"
+            formControlName="invoiceLineId"
+            [getFn]="service.getInvoiceLineLookup"
+          ></abp-lookup-select>
+        </div>
+      </div>
+    </form>
+  </ng-template>
+
+  <ng-template #abpFooter>
+    <button type="button" class="btn btn-secondary" abpClose>
+      {{ 'AbpUi::Cancel' | abpLocalization }}
+    </button>
+
+    <abp-button
+      iconClass="fa fa-check"
+      buttonType="submit"
+      formName="invoice-line-receipt-line-reference"
+    >
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>

package/src/lib/invoice-line-receipt-line-references/invoice-line-receipt-line-reference/components/invoice-line-receipt-line-reference.component.ts

@@ -0,0 +1,157 @@
+import { ABP, downloadBlob, 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 {
+  GetInvoiceLineReceiptLineReferencesInput,
+  InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto,
+} from '../../../proxy/invoice-line-receipt-line-references/models';
+import { InvoiceLineReceiptLineReferenceService } from '../../../proxy/invoice-line-receipt-line-references/invoice-line-receipt-line-reference.service';
+@Component({
+  selector: 'lib-invoice-line-receipt-line-reference',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './invoice-line-receipt-line-reference.component.html',
+  styles: [],
+})
+export class InvoiceLineReceiptLineReferenceComponent implements OnInit {
+  data: PagedResultDto<InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetInvoiceLineReceiptLineReferencesInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  isExportToExcelBusy = false;
+
+  selected?: InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: InvoiceLineReceiptLineReferenceService,
+    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<InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto>
+    ) => (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetInvoiceLineReceiptLineReferencesInput;
+  }
+
+  buildForm() {
+    const {
+      lineId,
+      lineStatusCode,
+      docRefId,
+      docRefIssueDate,
+      docRefDocumentTypeCode,
+      docRefDocumentType,
+      docRefDocumentDescription,
+      invoiceLineId,
+    } = this.selected?.invoiceLineReceiptLineReference || {};
+
+    this.form = this.fb.group({
+      lineId: [lineId ?? null, [Validators.maxLength(64)]],
+      lineStatusCode: [lineStatusCode ?? null, [Validators.maxLength(64)]],
+      docRefId: [docRefId ?? null, [Validators.maxLength(64)]],
+      docRefIssueDate: [docRefIssueDate ? new Date(docRefIssueDate) : null, []],
+      docRefDocumentTypeCode: [docRefDocumentTypeCode ?? null, [Validators.maxLength(32)]],
+      docRefDocumentType: [docRefDocumentType ?? null, [Validators.maxLength(32)]],
+      docRefDocumentDescription: [docRefDocumentDescription ?? null, []],
+      invoiceLineId: [invoiceLineId ?? 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.invoiceLineReceiptLineReference.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.invoiceLineReceiptLineReference.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: InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: InvoiceLineReceiptLineReferenceWithNavigationPropertiesDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.invoiceLineReceiptLineReference.id))
+      )
+      .subscribe(this.list.get);
+  }
+
+  exportToExcel() {
+    this.isExportToExcelBusy = true;
+    this.service
+      .getDownloadToken()
+      .pipe(
+        switchMap(({ token }) =>
+          this.service.getListAsExcelFile({ downloadToken: token, filterText: this.list.filter })
+        ),
+        finalize(() => (this.isExportToExcelBusy = false))
+      )
+      .subscribe(result => {
+        downloadBlob(result, 'InvoiceLineReceiptLineReference.xlsx');
+      });
+  }
+}

package/src/lib/invoice-line-receipt-line-references/invoice-line-receipt-line-reference/invoice-line-receipt-line-reference-routing.module.ts

@@ -0,0 +1,36 @@
+import {
+  AuthGuard,
+  PermissionGuard,
+  RouterOutletComponent,
+  ReplaceableComponents,
+  ReplaceableRouteContainerComponent,
+} from '@abp/ng.core';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { InvoiceLineReceiptLineReferenceComponent } from './components/invoice-line-receipt-line-reference.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RouterOutletComponent,
+    canActivate: [AuthGuard, PermissionGuard],
+    children: [
+      {
+        path: '',
+        component: ReplaceableRouteContainerComponent,
+        data: {
+          replaceableComponent: {
+            key: 'InvoiceLineReceiptLineReferenceComponentKey',
+            defaultComponent: InvoiceLineReceiptLineReferenceComponent,
+          } as ReplaceableComponents.RouteData,
+        },
+      },
+    ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class InvoiceLineReceiptLineReferenceRoutingModule {}