@hitsoft/e-donusum 1.0.5 → 1.0.6

package/src/lib/invoices/invoice/components/invoice.component.html

@@ -1,4182 +0,0 @@
-<abp-page [title]="'eDonusum::Invoices' | 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.Invoices.Create'"
-        class="btn btn-primary btn-sm"
-        type="button"
-        (click)="create()"
-      >
-        <i class="fa fa-plus me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::NewInvoice' | 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="ublVersionIdFilter">
-                {{ 'eDonusum::UblVersionId' | abpLocalization }}
-              </label>
-
-              <input
-                id="ublVersionIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.ublVersionId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="customizationIdFilter">
-                {{ 'eDonusum::CustomizationId' | abpLocalization }}
-              </label>
-
-              <input
-                id="customizationIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.customizationId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="profileIdFilter">
-                {{ 'eDonusum::ProfileId' | abpLocalization }}
-              </label>
-
-              <input
-                id="profileIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.profileId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="invoiceIdFilter">
-                {{ 'eDonusum::InvoiceId' | abpLocalization }}
-              </label>
-
-              <input
-                id="invoiceIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.invoiceId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="copyIndicatorFilter">
-                {{ 'eDonusum::CopyIndicator' | abpLocalization }}
-              </label>
-
-              <select
-                name="copyIndicator"
-                id="copyIndicatorFilter"
-                class="form-select form-control"
-                [(ngModel)]="filters.copyIndicator"
-                [ngModelOptions]="{ standalone: true }"
-                (change)="list.get()"
-              >
-                <option [ngValue]=""></option>
-                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
-                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
-              </select>
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="uuIdFilter">
-                {{ 'eDonusum::UuId' | abpLocalization }}
-              </label>
-
-              <input
-                id="uuIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.uuId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minIssueDate">
-                {{ 'eDonusum::MinIssueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minIssueDate"
-                  class="form-control"
-                  #minIssueDateInput
-                  #minIssueDateDatepicker="ngbDatepicker"
-                  name="minIssueDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minIssueDateDatepicker.toggle()"
-                  (keyup.space)="minIssueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.issueDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minIssueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minIssueDateDatepicker.writeValue(null);
-                      minIssueDateDatepicker.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="maxIssueDate">
-                {{ 'eDonusum::MaxIssueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxIssueDate"
-                  class="form-control"
-                  #maxIssueDateInput
-                  #maxIssueDateDatepicker="ngbDatepicker"
-                  name="maxIssueDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxIssueDateDatepicker.toggle()"
-                  (keyup.space)="maxIssueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.issueDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxIssueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxIssueDateDatepicker.writeValue(null);
-                      maxIssueDateDatepicker.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="minIssueTime">
-                {{ 'eDonusum::MinIssueTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minIssueTime"
-                  class="form-control"
-                  #minIssueTimeInput
-                  #minIssueTimeDatepicker="ngbDatepicker"
-                  name="minIssueTime"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minIssueTimeDatepicker.toggle()"
-                  (keyup.space)="minIssueTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.issueTimeMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minIssueTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minIssueTimeDatepicker.writeValue(null);
-                      minIssueTimeDatepicker.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="maxIssueTime">
-                {{ 'eDonusum::MaxIssueTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxIssueTime"
-                  class="form-control"
-                  #maxIssueTimeInput
-                  #maxIssueTimeDatepicker="ngbDatepicker"
-                  name="maxIssueTime"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxIssueTimeDatepicker.toggle()"
-                  (keyup.space)="maxIssueTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.issueTimeMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxIssueTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxIssueTimeDatepicker.writeValue(null);
-                      maxIssueTimeDatepicker.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="invoiceTypeCodeFilter">
-                {{ 'eDonusum::InvoiceTypeCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="invoiceTypeCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.invoiceTypeCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="documentCurrencyCodeFilter">
-                {{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="documentCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.documentCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxCurrencyCodeFilter">
-                {{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="pricingCurrencyCodeFilter">
-                {{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="pricingCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.pricingCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="paymentCurrencyCodeFilter">
-                {{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="paymentAlternativeCurrencyCodeFilter">
-                {{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentAlternativeCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentAlternativeCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingCostFilter">
-                {{ 'eDonusum::AccountingCost' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingCostFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingCost"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLineCountNumeric">
-                {{ 'eDonusum::MinLineCountNumeric' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLineCountNumeric"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.lineCountNumericMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLineCountNumeric">
-                {{ 'eDonusum::MaxLineCountNumeric' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLineCountNumeric"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.lineCountNumericMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minInvoicePeriodStartDate">
-                {{ 'eDonusum::MinInvoicePeriodStartDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minInvoicePeriodStartDate"
-                  class="form-control"
-                  #minInvoicePeriodStartDateInput
-                  #minInvoicePeriodStartDateDatepicker="ngbDatepicker"
-                  name="minInvoicePeriodStartDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minInvoicePeriodStartDateDatepicker.toggle()"
-                  (keyup.space)="minInvoicePeriodStartDateDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodStartDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minInvoicePeriodStartDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minInvoicePeriodStartDateDatepicker.writeValue(null);
-                      minInvoicePeriodStartDateDatepicker.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="maxInvoicePeriodStartDate">
-                {{ 'eDonusum::MaxInvoicePeriodStartDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxInvoicePeriodStartDate"
-                  class="form-control"
-                  #maxInvoicePeriodStartDateInput
-                  #maxInvoicePeriodStartDateDatepicker="ngbDatepicker"
-                  name="maxInvoicePeriodStartDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxInvoicePeriodStartDateDatepicker.toggle()"
-                  (keyup.space)="maxInvoicePeriodStartDateDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodStartDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxInvoicePeriodStartDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxInvoicePeriodStartDateDatepicker.writeValue(null);
-                      maxInvoicePeriodStartDateDatepicker.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="minInvoicePeriodStartTime">
-                {{ 'eDonusum::MinInvoicePeriodStartTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minInvoicePeriodStartTime"
-                  class="form-control"
-                  #minInvoicePeriodStartTimeInput
-                  #minInvoicePeriodStartTimeDatepicker="ngbDatepicker"
-                  name="minInvoicePeriodStartTime"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minInvoicePeriodStartTimeDatepicker.toggle()"
-                  (keyup.space)="minInvoicePeriodStartTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodStartTimeMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minInvoicePeriodStartTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minInvoicePeriodStartTimeDatepicker.writeValue(null);
-                      minInvoicePeriodStartTimeDatepicker.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="maxInvoicePeriodStartTime">
-                {{ 'eDonusum::MaxInvoicePeriodStartTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxInvoicePeriodStartTime"
-                  class="form-control"
-                  #maxInvoicePeriodStartTimeInput
-                  #maxInvoicePeriodStartTimeDatepicker="ngbDatepicker"
-                  name="maxInvoicePeriodStartTime"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxInvoicePeriodStartTimeDatepicker.toggle()"
-                  (keyup.space)="maxInvoicePeriodStartTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodStartTimeMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxInvoicePeriodStartTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxInvoicePeriodStartTimeDatepicker.writeValue(null);
-                      maxInvoicePeriodStartTimeDatepicker.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="minInvoicePeriodEndDate">
-                {{ 'eDonusum::MinInvoicePeriodEndDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minInvoicePeriodEndDate"
-                  class="form-control"
-                  #minInvoicePeriodEndDateInput
-                  #minInvoicePeriodEndDateDatepicker="ngbDatepicker"
-                  name="minInvoicePeriodEndDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minInvoicePeriodEndDateDatepicker.toggle()"
-                  (keyup.space)="minInvoicePeriodEndDateDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodEndDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minInvoicePeriodEndDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minInvoicePeriodEndDateDatepicker.writeValue(null);
-                      minInvoicePeriodEndDateDatepicker.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="maxInvoicePeriodEndDate">
-                {{ 'eDonusum::MaxInvoicePeriodEndDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxInvoicePeriodEndDate"
-                  class="form-control"
-                  #maxInvoicePeriodEndDateInput
-                  #maxInvoicePeriodEndDateDatepicker="ngbDatepicker"
-                  name="maxInvoicePeriodEndDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxInvoicePeriodEndDateDatepicker.toggle()"
-                  (keyup.space)="maxInvoicePeriodEndDateDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodEndDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxInvoicePeriodEndDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxInvoicePeriodEndDateDatepicker.writeValue(null);
-                      maxInvoicePeriodEndDateDatepicker.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="minInvoicePeriodEndTime">
-                {{ 'eDonusum::MinInvoicePeriodEndTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minInvoicePeriodEndTime"
-                  class="form-control"
-                  #minInvoicePeriodEndTimeInput
-                  #minInvoicePeriodEndTimeDatepicker="ngbDatepicker"
-                  name="minInvoicePeriodEndTime"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minInvoicePeriodEndTimeDatepicker.toggle()"
-                  (keyup.space)="minInvoicePeriodEndTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodEndTimeMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minInvoicePeriodEndTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minInvoicePeriodEndTimeDatepicker.writeValue(null);
-                      minInvoicePeriodEndTimeDatepicker.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="maxInvoicePeriodEndTime">
-                {{ 'eDonusum::MaxInvoicePeriodEndTime' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxInvoicePeriodEndTime"
-                  class="form-control"
-                  #maxInvoicePeriodEndTimeInput
-                  #maxInvoicePeriodEndTimeDatepicker="ngbDatepicker"
-                  name="maxInvoicePeriodEndTime"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxInvoicePeriodEndTimeDatepicker.toggle()"
-                  (keyup.space)="maxInvoicePeriodEndTimeDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodEndTimeMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxInvoicePeriodEndTimeInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxInvoicePeriodEndTimeDatepicker.writeValue(null);
-                      maxInvoicePeriodEndTimeDatepicker.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="minInvoicePeriodDurationMeasure">
-                {{ 'eDonusum::MinInvoicePeriodDurationMeasure' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minInvoicePeriodDurationMeasure"
-                  class="form-control"
-                  #minInvoicePeriodDurationMeasureInput
-                  #minInvoicePeriodDurationMeasureDatepicker="ngbDatepicker"
-                  name="minInvoicePeriodDurationMeasure"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minInvoicePeriodDurationMeasureDatepicker.toggle()"
-                  (keyup.space)="minInvoicePeriodDurationMeasureDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodDurationMeasureMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minInvoicePeriodDurationMeasureInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minInvoicePeriodDurationMeasureDatepicker.writeValue(null);
-                      minInvoicePeriodDurationMeasureDatepicker.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="maxInvoicePeriodDurationMeasure">
-                {{ 'eDonusum::MaxInvoicePeriodDurationMeasure' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxInvoicePeriodDurationMeasure"
-                  class="form-control"
-                  #maxInvoicePeriodDurationMeasureInput
-                  #maxInvoicePeriodDurationMeasureDatepicker="ngbDatepicker"
-                  name="maxInvoicePeriodDurationMeasure"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxInvoicePeriodDurationMeasureDatepicker.toggle()"
-                  (keyup.space)="maxInvoicePeriodDurationMeasureDatepicker.toggle()"
-                  [(ngModel)]="filters.invoicePeriodDurationMeasureMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxInvoicePeriodDurationMeasureInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxInvoicePeriodDurationMeasureDatepicker.writeValue(null);
-                      maxInvoicePeriodDurationMeasureDatepicker.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="invoicePeriodDescriptionFilter">
-                {{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}
-              </label>
-
-              <input
-                id="invoicePeriodDescriptionFilter"
-                class="form-control"
-                [(ngModel)]="filters.invoicePeriodDescription"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="orderReferenceIdFilter">
-                {{ 'eDonusum::OrderReferenceId' | abpLocalization }}
-              </label>
-
-              <input
-                id="orderReferenceIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.orderReferenceId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="orderReferenceSalesOrderIdFilter">
-                {{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}
-              </label>
-
-              <input
-                id="orderReferenceSalesOrderIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.orderReferenceSalesOrderId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minOrderReferenceIssueDate">
-                {{ 'eDonusum::MinOrderReferenceIssueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minOrderReferenceIssueDate"
-                  class="form-control"
-                  #minOrderReferenceIssueDateInput
-                  #minOrderReferenceIssueDateDatepicker="ngbDatepicker"
-                  name="minOrderReferenceIssueDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minOrderReferenceIssueDateDatepicker.toggle()"
-                  (keyup.space)="minOrderReferenceIssueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.orderReferenceIssueDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minOrderReferenceIssueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minOrderReferenceIssueDateDatepicker.writeValue(null);
-                      minOrderReferenceIssueDateDatepicker.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="maxOrderReferenceIssueDate">
-                {{ 'eDonusum::MaxOrderReferenceIssueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxOrderReferenceIssueDate"
-                  class="form-control"
-                  #maxOrderReferenceIssueDateInput
-                  #maxOrderReferenceIssueDateDatepicker="ngbDatepicker"
-                  name="maxOrderReferenceIssueDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxOrderReferenceIssueDateDatepicker.toggle()"
-                  (keyup.space)="maxOrderReferenceIssueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.orderReferenceIssueDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxOrderReferenceIssueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxOrderReferenceIssueDateDatepicker.writeValue(null);
-                      maxOrderReferenceIssueDateDatepicker.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="orderReferenceOrderTypeCodeFilter">
-                {{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="orderReferenceOrderTypeCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.orderReferenceOrderTypeCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingSupplierPartyNameFilter">
-                {{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingSupplierPartyNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingSupplierPartyName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingSupplierPartySchemeIdFilter">
-                {{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingSupplierPartySchemeIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingSupplierPartySchemeId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingSupplierPartyVknTcknFilter">
-                {{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingSupplierPartyVknTcknFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingSupplierPartyVknTckn"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingCustomerPartyNameFilter">
-                {{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingCustomerPartyNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingCustomerPartyName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingCustomerPartySchemeIdFilter">
-                {{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingCustomerPartySchemeIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingCustomerPartySchemeId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="accountingCustomerPartyVknTcknFilter">
-                {{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}
-              </label>
-
-              <input
-                id="accountingCustomerPartyVknTcknFilter"
-                class="form-control"
-                [(ngModel)]="filters.accountingCustomerPartyVknTckn"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="buyerCustomerPartyNameFilter">
-                {{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}
-              </label>
-
-              <input
-                id="buyerCustomerPartyNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.buyerCustomerPartyName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="buyerCustomerPartySchemeIdFilter">
-                {{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}
-              </label>
-
-              <input
-                id="buyerCustomerPartySchemeIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.buyerCustomerPartySchemeId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="buyerCustomerPartyVknTcknFilter">
-                {{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}
-              </label>
-
-              <input
-                id="buyerCustomerPartyVknTcknFilter"
-                class="form-control"
-                [(ngModel)]="filters.buyerCustomerPartyVknTckn"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="sellerSupplierPartyNameFilter">
-                {{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}
-              </label>
-
-              <input
-                id="sellerSupplierPartyNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.sellerSupplierPartyName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="sellerSupplierPartySchemeIdFilter">
-                {{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}
-              </label>
-
-              <input
-                id="sellerSupplierPartySchemeIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.sellerSupplierPartySchemeId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="sellerSupplierPartyVknTcknFilter">
-                {{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}
-              </label>
-
-              <input
-                id="sellerSupplierPartyVknTcknFilter"
-                class="form-control"
-                [(ngModel)]="filters.sellerSupplierPartyVknTckn"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxRepresentativePartyNameFilter">
-                {{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxRepresentativePartyNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxRepresentativePartyName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxRepresentativePartySchemeIdFilter">
-                {{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxRepresentativePartySchemeIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxRepresentativePartySchemeId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxRepresentativePartyVknTcknFilter">
-                {{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxRepresentativePartyVknTcknFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxRepresentativePartyVknTckn"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxExchangeRateSourceCurrencyCodeFilter">
-                {{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxExchangeRateSourceCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxExchangeRateSourceCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="taxExchangeRateTargetCurrencyCodeFilter">
-                {{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="taxExchangeRateTargetCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.taxExchangeRateTargetCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minTaxExchangeRateCalculationRate">
-                {{ 'eDonusum::MinTaxExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="minTaxExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.taxExchangeRateCalculationRateMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxTaxExchangeRateCalculationRate">
-                {{ 'eDonusum::MaxTaxExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxTaxExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.taxExchangeRateCalculationRateMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minTaxExchangeRateDate">
-                {{ 'eDonusum::MinTaxExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minTaxExchangeRateDate"
-                  class="form-control"
-                  #minTaxExchangeRateDateInput
-                  #minTaxExchangeRateDateDatepicker="ngbDatepicker"
-                  name="minTaxExchangeRateDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minTaxExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="minTaxExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.taxExchangeRateDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minTaxExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minTaxExchangeRateDateDatepicker.writeValue(null);
-                      minTaxExchangeRateDateDatepicker.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="maxTaxExchangeRateDate">
-                {{ 'eDonusum::MaxTaxExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxTaxExchangeRateDate"
-                  class="form-control"
-                  #maxTaxExchangeRateDateInput
-                  #maxTaxExchangeRateDateDatepicker="ngbDatepicker"
-                  name="maxTaxExchangeRateDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxTaxExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="maxTaxExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.taxExchangeRateDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxTaxExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxTaxExchangeRateDateDatepicker.writeValue(null);
-                      maxTaxExchangeRateDateDatepicker.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="pricingExchangeRateSourceCurrencyCodeFilter">
-                {{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="pricingExchangeRateSourceCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.pricingExchangeRateSourceCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="pricingExchangeRateTargetCurrencyCodeFilter">
-                {{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="pricingExchangeRateTargetCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.pricingExchangeRateTargetCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPricingExchangeRateCalculationRate">
-                {{ 'eDonusum::MinPricingExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="minPricingExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.pricingExchangeRateCalculationRateMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxPricingExchangeRateCalculationRate">
-                {{ 'eDonusum::MaxPricingExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxPricingExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.pricingExchangeRateCalculationRateMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPricingExchangeRateDate">
-                {{ 'eDonusum::MinPricingExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minPricingExchangeRateDate"
-                  class="form-control"
-                  #minPricingExchangeRateDateInput
-                  #minPricingExchangeRateDateDatepicker="ngbDatepicker"
-                  name="minPricingExchangeRateDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minPricingExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="minPricingExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.pricingExchangeRateDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minPricingExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minPricingExchangeRateDateDatepicker.writeValue(null);
-                      minPricingExchangeRateDateDatepicker.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="maxPricingExchangeRateDate">
-                {{ 'eDonusum::MaxPricingExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxPricingExchangeRateDate"
-                  class="form-control"
-                  #maxPricingExchangeRateDateInput
-                  #maxPricingExchangeRateDateDatepicker="ngbDatepicker"
-                  name="maxPricingExchangeRateDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxPricingExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="maxPricingExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.pricingExchangeRateDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxPricingExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxPricingExchangeRateDateDatepicker.writeValue(null);
-                      maxPricingExchangeRateDateDatepicker.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="paymentExchangeRateSourceCurrencyCodeFilter">
-                {{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentExchangeRateSourceCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentExchangeRateSourceCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="paymentExchangeRateTargetCurrencyCodeFilter">
-                {{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentExchangeRateTargetCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentExchangeRateTargetCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPaymentExchangeRateCalculationRate">
-                {{ 'eDonusum::MinPaymentExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="minPaymentExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.paymentExchangeRateCalculationRateMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxPaymentExchangeRateCalculationRate">
-                {{ 'eDonusum::MaxPaymentExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxPaymentExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.paymentExchangeRateCalculationRateMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPaymentExchangeRateDate">
-                {{ 'eDonusum::MinPaymentExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minPaymentExchangeRateDate"
-                  class="form-control"
-                  #minPaymentExchangeRateDateInput
-                  #minPaymentExchangeRateDateDatepicker="ngbDatepicker"
-                  name="minPaymentExchangeRateDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minPaymentExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="minPaymentExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentExchangeRateDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minPaymentExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minPaymentExchangeRateDateDatepicker.writeValue(null);
-                      minPaymentExchangeRateDateDatepicker.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="maxPaymentExchangeRateDate">
-                {{ 'eDonusum::MaxPaymentExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxPaymentExchangeRateDate"
-                  class="form-control"
-                  #maxPaymentExchangeRateDateInput
-                  #maxPaymentExchangeRateDateDatepicker="ngbDatepicker"
-                  name="maxPaymentExchangeRateDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxPaymentExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="maxPaymentExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentExchangeRateDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxPaymentExchangeRateDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxPaymentExchangeRateDateDatepicker.writeValue(null);
-                      maxPaymentExchangeRateDateDatepicker.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="paymentAlternativeExchangeRateSourceCurrencyCodeFilter"
-              >
-                {{ 'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentAlternativeExchangeRateSourceCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentAlternativeExchangeRateSourceCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label
-                class="form-label"
-                for="paymentAlternativeExchangeRateTargetCurrencyCodeFilter"
-              >
-                {{ 'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentAlternativeExchangeRateTargetCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentAlternativeExchangeRateTargetCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPaymentAlternativeExchangeRateCalculationRate">
-                {{ 'eDonusum::MinPaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="minPaymentAlternativeExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.paymentAlternativeExchangeRateCalculationRateMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxPaymentAlternativeExchangeRateCalculationRate">
-                {{ 'eDonusum::MaxPaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxPaymentAlternativeExchangeRateCalculationRate"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.paymentAlternativeExchangeRateCalculationRateMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPaymentAlternativeExchangeRateDate">
-                {{ 'eDonusum::MinPaymentAlternativeExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minPaymentAlternativeExchangeRateDate"
-                  class="form-control"
-                  #minPaymentAlternativeExchangeRateDateInput
-                  #minPaymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
-                  name="minPaymentAlternativeExchangeRateDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minPaymentAlternativeExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="minPaymentAlternativeExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentAlternativeExchangeRateDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div
-                  *ngIf="minPaymentAlternativeExchangeRateDateInput.value"
-                  class="input-group-append"
-                >
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minPaymentAlternativeExchangeRateDateDatepicker.writeValue(null);
-                      minPaymentAlternativeExchangeRateDateDatepicker.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="maxPaymentAlternativeExchangeRateDate">
-                {{ 'eDonusum::MaxPaymentAlternativeExchangeRateDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxPaymentAlternativeExchangeRateDate"
-                  class="form-control"
-                  #maxPaymentAlternativeExchangeRateDateInput
-                  #maxPaymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
-                  name="maxPaymentAlternativeExchangeRateDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxPaymentAlternativeExchangeRateDateDatepicker.toggle()"
-                  (keyup.space)="maxPaymentAlternativeExchangeRateDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentAlternativeExchangeRateDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div
-                  *ngIf="maxPaymentAlternativeExchangeRateDateInput.value"
-                  class="input-group-append"
-                >
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxPaymentAlternativeExchangeRateDateDatepicker.writeValue(null);
-                      maxPaymentAlternativeExchangeRateDateDatepicker.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="minLegalMonetaryTotalLineExtensionAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalLineExtensionAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalLineExtensionAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalLineExtensionAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalLineExtensionAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalLineExtensionAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalTaxExclusiveAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalTaxExclusiveAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalTaxExclusiveAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalTaxExclusiveAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalTaxExclusiveAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalTaxExclusiveAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalTaxInclusiveAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalTaxInclusiveAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalTaxInclusiveAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalTaxInclusiveAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalTaxInclusiveAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalTaxInclusiveAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalAllowanceTotalAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalAllowanceTotalAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalAllowanceTotalAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalAllowanceTotalAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalAllowanceTotalAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalAllowanceTotalAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalChargeTotalAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalChargeTotalAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalChargeTotalAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalChargeTotalAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalChargeTotalAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalChargeTotalAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalPayableRoundingAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalPayableRoundingAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalPayableRoundingAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalPayableRoundingAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalPayableRoundingAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalPayableRoundingAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLegalMonetaryTotalPayableAmount">
-                {{ 'eDonusum::MinLegalMonetaryTotalPayableAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLegalMonetaryTotalPayableAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalPayableAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLegalMonetaryTotalPayableAmount">
-                {{ 'eDonusum::MaxLegalMonetaryTotalPayableAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLegalMonetaryTotalPayableAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.legalMonetaryTotalPayableAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="paymentTermsNoteFilter">
-                {{ 'eDonusum::PaymentTermsNote' | abpLocalization }}
-              </label>
-
-              <input
-                id="paymentTermsNoteFilter"
-                class="form-control"
-                [(ngModel)]="filters.paymentTermsNote"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPaymentTermsPaymentDueDate">
-                {{ 'eDonusum::MinPaymentTermsPaymentDueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="minPaymentTermsPaymentDueDate"
-                  class="form-control"
-                  #minPaymentTermsPaymentDueDateInput
-                  #minPaymentTermsPaymentDueDateDatepicker="ngbDatepicker"
-                  name="minPaymentTermsPaymentDueDate"
-                  ngbDatepicker
-                  container="body"
-                  readonly
-                  (click)="minPaymentTermsPaymentDueDateDatepicker.toggle()"
-                  (keyup.space)="minPaymentTermsPaymentDueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentTermsPaymentDueDateMin"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="minPaymentTermsPaymentDueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      minPaymentTermsPaymentDueDateDatepicker.writeValue(null);
-                      minPaymentTermsPaymentDueDateDatepicker.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="maxPaymentTermsPaymentDueDate">
-                {{ 'eDonusum::MaxPaymentTermsPaymentDueDate' | abpLocalization }}
-              </label>
-
-              <div class="input-group" validationTarget>
-                <input
-                  id="maxPaymentTermsPaymentDueDate"
-                  class="form-control"
-                  #maxPaymentTermsPaymentDueDateInput
-                  #maxPaymentTermsPaymentDueDateDatepicker="ngbDatepicker"
-                  name="maxPaymentTermsPaymentDueDate"
-                  ngbDatepicker
-                  readonly
-                  (click)="maxPaymentTermsPaymentDueDateDatepicker.toggle()"
-                  (keyup.space)="maxPaymentTermsPaymentDueDateDatepicker.toggle()"
-                  [(ngModel)]="filters.paymentTermsPaymentDueDateMax"
-                  [ngModelOptions]="{ standalone: true }"
-                />
-                <div *ngIf="maxPaymentTermsPaymentDueDateInput.value" class="input-group-append">
-                  <button
-                    class="btn btn-link px-2"
-                    type="button"
-                    [title]="'AbpUi::Clear' | abpLocalization"
-                    (click)="
-                      maxPaymentTermsPaymentDueDateDatepicker.writeValue(null);
-                      maxPaymentTermsPaymentDueDateDatepicker.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="custInvIdFilter">
-                {{ 'eDonusum::CustInvId' | abpLocalization }}
-              </label>
-
-              <input
-                id="custInvIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.custInvId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="isCanceledFilter">
-                {{ 'eDonusum::IsCanceled' | abpLocalization }}
-              </label>
-
-              <select
-                name="isCanceled"
-                id="isCanceledFilter"
-                class="form-select form-control"
-                [(ngModel)]="filters.isCanceled"
-                [ngModelOptions]="{ standalone: true }"
-                (change)="list.get()"
-              >
-                <option [ngValue]=""></option>
-                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
-                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
-              </select>
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="cancelCodeFilter">
-                {{ 'eDonusum::CancelCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="cancelCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.cancelCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="cancelDescriptionFilter">
-                {{ 'eDonusum::CancelDescription' | abpLocalization }}
-              </label>
-
-              <input
-                id="cancelDescriptionFilter"
-                class="form-control"
-                [(ngModel)]="filters.cancelDescription"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minResourceDocType">
-                {{ 'eDonusum::MinResourceDocType' | abpLocalization }}
-              </label>
-
-              <input
-                id="minResourceDocType"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.resourceDocTypeMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxResourceDocType">
-                {{ 'eDonusum::MaxResourceDocType' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxResourceDocType"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.resourceDocTypeMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="resourceDocEntryFilter">
-                {{ 'eDonusum::ResourceDocEntry' | abpLocalization }}
-              </label>
-
-              <input
-                id="resourceDocEntryFilter"
-                class="form-control"
-                [(ngModel)]="filters.resourceDocEntry"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minStatus">
-                {{ 'eDonusum::MinStatus' | abpLocalization }}
-              </label>
-
-              <input
-                id="minStatus"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.statusMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxStatus">
-                {{ 'eDonusum::MaxStatus' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxStatus"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.statusMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minReceiverResponse">
-                {{ 'eDonusum::MinReceiverResponse' | abpLocalization }}
-              </label>
-
-              <input
-                id="minReceiverResponse"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.receiverResponseMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxReceiverResponse">
-                {{ 'eDonusum::MaxReceiverResponse' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxReceiverResponse"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.receiverResponseMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="receiverResponseDescFilter">
-                {{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}
-              </label>
-
-              <input
-                id="receiverResponseDescFilter"
-                class="form-control"
-                [(ngModel)]="filters.receiverResponseDesc"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minDocType">
-                {{ 'eDonusum::MinDocType' | abpLocalization }}
-              </label>
-
-              <input
-                id="minDocType"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.docTypeMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxDocType">
-                {{ 'eDonusum::MaxDocType' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxDocType"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.docTypeMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="isEArchiveFilter">
-                {{ 'eDonusum::IsEArchive' | abpLocalization }}
-              </label>
-
-              <select
-                name="isEArchive"
-                id="isEArchiveFilter"
-                class="form-select form-control"
-                [(ngModel)]="filters.isEArchive"
-                [ngModelOptions]="{ standalone: true }"
-                (change)="list.get()"
-              >
-                <option [ngValue]=""></option>
-                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
-                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
-              </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.Invoices.Edit'"
-                  (click)="update(row)"
-                >
-                  {{ 'AbpUi::Edit' | abpLocalization }}
-                </button>
-
-                <button
-                  ngbDropdownItem
-                  *abpPermission="'eDonusum.Invoices.Delete'"
-                  (click)="delete(row)"
-                >
-                  {{ 'AbpUi::Delete' | abpLocalization }}
-                </button>
-              </div>
-            </div>
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::UblVersionId' | abpLocalization }}"
-          prop="ublVersionId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.ublVersionId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::CustomizationId' | abpLocalization }}"
-          prop="customizationId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.customizationId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::ProfileId' | abpLocalization }}" prop="profileId">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.profileId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::InvoiceId' | abpLocalization }}" prop="invoiceId">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::CopyIndicator' | abpLocalization }}"
-          prop="copyIndicator"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            <ng-template [ngIf]="row.copyIndicator" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
-
-            <ng-template #yes>
-              <div class="text-success">
-                <span [title]="'AbpUi::Yes' | abpLocalization">
-                  <i class="fa fa-check" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-
-            <ng-template #no>
-              <div class="text-danger">
-                <span [title]="'AbpUi::No' | abpLocalization">
-                  <i class="fa fa-times" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::UuId' | abpLocalization }}" prop="uuId">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.uuId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::IssueDate' | abpLocalization }}" prop="issueDate">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.issueDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::IssueTime' | abpLocalization }}" prop="issueTime">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.issueTime | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoiceTypeCode' | abpLocalization }}"
-          prop="invoiceTypeCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceTypeCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }}"
-          prop="documentCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.documentCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}"
-          prop="taxCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}"
-          prop="pricingCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.pricingCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}"
-          prop="paymentCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}"
-          prop="paymentAlternativeCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentAlternativeCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingCost' | abpLocalization }}"
-          prop="accountingCost"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingCost }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LineCountNumeric' | abpLocalization }}"
-          prop="lineCountNumeric"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.lineCountNumeric }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodStartDate' | abpLocalization }}"
-          prop="invoicePeriodStartDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodStartDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodStartTime' | abpLocalization }}"
-          prop="invoicePeriodStartTime"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodStartTime | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodEndDate' | abpLocalization }}"
-          prop="invoicePeriodEndDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodEndDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodEndTime' | abpLocalization }}"
-          prop="invoicePeriodEndTime"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodEndTime | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodDurationMeasure' | abpLocalization }}"
-          prop="invoicePeriodDurationMeasure"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodDurationMeasure | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}"
-          prop="invoicePeriodDescription"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoicePeriodDescription }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::OrderReferenceId' | abpLocalization }}"
-          prop="orderReferenceId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.orderReferenceId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}"
-          prop="orderReferenceSalesOrderId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.orderReferenceSalesOrderId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::OrderReferenceIssueDate' | abpLocalization }}"
-          prop="orderReferenceIssueDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.orderReferenceIssueDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}"
-          prop="orderReferenceOrderTypeCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.orderReferenceOrderTypeCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}"
-          prop="accountingSupplierPartyName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingSupplierPartyName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}"
-          prop="accountingSupplierPartySchemeId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingSupplierPartySchemeId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}"
-          prop="accountingSupplierPartyVknTckn"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingSupplierPartyVknTckn }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}"
-          prop="accountingCustomerPartyName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingCustomerPartyName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}"
-          prop="accountingCustomerPartySchemeId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingCustomerPartySchemeId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}"
-          prop="accountingCustomerPartyVknTckn"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.accountingCustomerPartyVknTckn }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}"
-          prop="buyerCustomerPartyName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.buyerCustomerPartyName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}"
-          prop="buyerCustomerPartySchemeId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.buyerCustomerPartySchemeId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}"
-          prop="buyerCustomerPartyVknTckn"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.buyerCustomerPartyVknTckn }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}"
-          prop="sellerSupplierPartyName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.sellerSupplierPartyName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}"
-          prop="sellerSupplierPartySchemeId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.sellerSupplierPartySchemeId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}"
-          prop="sellerSupplierPartyVknTckn"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.sellerSupplierPartyVknTckn }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}"
-          prop="taxRepresentativePartyName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxRepresentativePartyName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}"
-          prop="taxRepresentativePartySchemeId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxRepresentativePartySchemeId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}"
-          prop="taxRepresentativePartyVknTckn"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxRepresentativePartyVknTckn }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}"
-          prop="taxExchangeRateSourceCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxExchangeRateSourceCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}"
-          prop="taxExchangeRateTargetCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxExchangeRateTargetCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxExchangeRateCalculationRate' | abpLocalization }}"
-          prop="taxExchangeRateCalculationRate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxExchangeRateCalculationRate }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxExchangeRateDate' | abpLocalization }}"
-          prop="taxExchangeRateDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.taxExchangeRateDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}"
-          prop="pricingExchangeRateSourceCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.pricingExchangeRateSourceCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}"
-          prop="pricingExchangeRateTargetCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.pricingExchangeRateTargetCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PricingExchangeRateCalculationRate' | abpLocalization }}"
-          prop="pricingExchangeRateCalculationRate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.pricingExchangeRateCalculationRate }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PricingExchangeRateDate' | abpLocalization }}"
-          prop="pricingExchangeRateDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.pricingExchangeRateDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}"
-          prop="paymentExchangeRateSourceCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentExchangeRateSourceCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}"
-          prop="paymentExchangeRateTargetCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentExchangeRateTargetCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentExchangeRateCalculationRate' | abpLocalization }}"
-          prop="paymentExchangeRateCalculationRate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentExchangeRateCalculationRate }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentExchangeRateDate' | abpLocalization }}"
-          prop="paymentExchangeRateDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentExchangeRateDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{
-            'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization
-          }}"
-          prop="paymentAlternativeExchangeRateSourceCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentAlternativeExchangeRateSourceCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{
-            'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization
-          }}"
-          prop="paymentAlternativeExchangeRateTargetCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentAlternativeExchangeRateTargetCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}"
-          prop="paymentAlternativeExchangeRateCalculationRate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentAlternativeExchangeRateCalculationRate }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentAlternativeExchangeRateDate' | abpLocalization }}"
-          prop="paymentAlternativeExchangeRateDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentAlternativeExchangeRateDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalLineExtensionAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalLineExtensionAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalLineExtensionAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalTaxExclusiveAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalTaxExclusiveAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalTaxInclusiveAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalTaxInclusiveAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalAllowanceTotalAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalAllowanceTotalAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalChargeTotalAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalChargeTotalAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalChargeTotalAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalPayableRoundingAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalPayableRoundingAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LegalMonetaryTotalPayableAmount' | abpLocalization }}"
-          prop="legalMonetaryTotalPayableAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.legalMonetaryTotalPayableAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentTermsNote' | abpLocalization }}"
-          prop="paymentTermsNote"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentTermsNote }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PaymentTermsPaymentDueDate' | abpLocalization }}"
-          prop="paymentTermsPaymentDueDate"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.paymentTermsPaymentDueDate | date }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::CustInvId' | abpLocalization }}" prop="custInvId">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.custInvId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::IsCanceled' | abpLocalization }}"
-          prop="isCanceled"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            <ng-template [ngIf]="row.isCanceled" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
-
-            <ng-template #yes>
-              <div class="text-success">
-                <span [title]="'AbpUi::Yes' | abpLocalization">
-                  <i class="fa fa-check" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-
-            <ng-template #no>
-              <div class="text-danger">
-                <span [title]="'AbpUi::No' | abpLocalization">
-                  <i class="fa fa-times" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::CancelCode' | abpLocalization }}"
-          prop="cancelCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.cancelCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::CancelDescription' | abpLocalization }}"
-          prop="cancelDescription"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.cancelDescription }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ResourceDocType' | abpLocalization }}"
-          prop="resourceDocType"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.resourceDocType }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ResourceDocEntry' | abpLocalization }}"
-          prop="resourceDocEntry"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.resourceDocEntry }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::Status' | abpLocalization }}" prop="status">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.status }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ReceiverResponse' | abpLocalization }}"
-          prop="receiverResponse"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.receiverResponse }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}"
-          prop="receiverResponseDesc"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.receiverResponseDesc }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column name="{{ 'eDonusum::DocType' | abpLocalization }}" prop="docType">
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.docType }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::IsEArchive' | abpLocalization }}"
-          prop="isEArchive"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            <ng-template [ngIf]="row.isEArchive" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
-
-            <ng-template #yes>
-              <div class="text-success">
-                <span [title]="'AbpUi::Yes' | abpLocalization">
-                  <i class="fa fa-check" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-
-            <ng-template #no>
-              <div class="text-danger">
-                <span [title]="'AbpUi::No' | abpLocalization">
-                  <i class="fa fa-times" aria-hidden="true"></i>
-                </span>
-              </div>
-            </ng-template>
-          </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::NewInvoice') | abpLocalization }}
-    </h3>
-  </ng-template>
-
-  <ng-template #abpBody>
-    <form [formGroup]="form" id="invoice" (ngSubmit)="submitForm()" validateOnSubmit>
-      <div class="mt-2 fade-in-top">
-        <div class="mb-3">
-          <label class="form-label" for="invoice-ubl-version-id">
-            {{ 'eDonusum::UblVersionId' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-ubl-version-id"
-            formControlName="ublVersionId"
-            class="form-control"
-            maxlength="8"
-            autofocus
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-customization-id">
-            {{ 'eDonusum::CustomizationId' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-customization-id"
-            formControlName="customizationId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-profile-id">
-            {{ 'eDonusum::ProfileId' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-profile-id"
-            formControlName="profileId"
-            class="form-control"
-            maxlength="32"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-invoice-id">
-            {{ 'eDonusum::InvoiceId' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-invoice-id"
-            formControlName="invoiceId"
-            class="form-control"
-            maxlength="32"
-          />
-        </div>
-        <div class="form-check mb-3">
-          <input
-            type="checkbox"
-            id="invoice-copy-indicator"
-            formControlName="copyIndicator"
-            class="form-check-input"
-          />
-
-          <label for="invoice-copy-indicator" class="form-check-label">
-            {{ 'eDonusum::CopyIndicator' | abpLocalization }}
-          </label>
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-uu-id">
-            {{ 'eDonusum::UuId' | abpLocalization }} *
-          </label>
-
-          <input id="invoice-uu-id" formControlName="uuId" class="form-control" maxlength="64" />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-issue-date">
-            {{ 'eDonusum::IssueDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-issue-date"
-              formControlName="issueDate"
-              class="form-control"
-              ngbDatepicker
-              #issueDateInput
-              #issueDateDatepicker="ngbDatepicker"
-              (click)="issueDateDatepicker.open()"
-              (keyup.space)="issueDateDatepicker.open()"
-            />
-            <div *ngIf="issueDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  issueDateDatepicker.writeValue(null);
-                  issueDateDatepicker.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-issue-time">
-            {{ 'eDonusum::IssueTime' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-issue-time"
-              formControlName="issueTime"
-              class="form-control"
-              ngbDatepicker
-              #issueTimeInput
-              #issueTimeDatepicker="ngbDatepicker"
-              (click)="issueTimeDatepicker.open()"
-              (keyup.space)="issueTimeDatepicker.open()"
-            />
-            <div *ngIf="issueTimeInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  issueTimeDatepicker.writeValue(null);
-                  issueTimeDatepicker.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-invoice-type-code">
-            {{ 'eDonusum::InvoiceTypeCode' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-invoice-type-code"
-            formControlName="invoiceTypeCode"
-            class="form-control"
-            maxlength="32"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-document-currency-code">
-            {{ 'eDonusum::DocumentCurrencyCode' | abpLocalization }} *
-          </label>
-
-          <input
-            id="invoice-document-currency-code"
-            formControlName="documentCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-currency-code">
-            {{ 'eDonusum::TaxCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-currency-code"
-            formControlName="taxCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-pricing-currency-code">
-            {{ 'eDonusum::PricingCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-pricing-currency-code"
-            formControlName="pricingCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-currency-code">
-            {{ 'eDonusum::PaymentCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-currency-code"
-            formControlName="paymentCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-alternative-currency-code">
-            {{ 'eDonusum::PaymentAlternativeCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-alternative-currency-code"
-            formControlName="paymentAlternativeCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-cost">
-            {{ 'eDonusum::AccountingCost' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-cost"
-            formControlName="accountingCost"
-            class="form-control"
-            maxlength="32"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-count-numeric">
-            {{ 'eDonusum::LineCountNumeric' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-line-count-numeric"
-            formControlName="lineCountNumeric"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-invoice-period-start-date">
-            {{ 'eDonusum::InvoicePeriodStartDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-invoice-period-start-date"
-              formControlName="invoicePeriodStartDate"
-              class="form-control"
-              ngbDatepicker
-              #invoicePeriodStartDateInput
-              #invoicePeriodStartDateDatepicker="ngbDatepicker"
-              (click)="invoicePeriodStartDateDatepicker.open()"
-              (keyup.space)="invoicePeriodStartDateDatepicker.open()"
-            />
-            <div *ngIf="invoicePeriodStartDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  invoicePeriodStartDateDatepicker.writeValue(null);
-                  invoicePeriodStartDateDatepicker.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-invoice-period-start-time">
-            {{ 'eDonusum::InvoicePeriodStartTime' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-invoice-period-start-time"
-              formControlName="invoicePeriodStartTime"
-              class="form-control"
-              ngbDatepicker
-              #invoicePeriodStartTimeInput
-              #invoicePeriodStartTimeDatepicker="ngbDatepicker"
-              (click)="invoicePeriodStartTimeDatepicker.open()"
-              (keyup.space)="invoicePeriodStartTimeDatepicker.open()"
-            />
-            <div *ngIf="invoicePeriodStartTimeInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  invoicePeriodStartTimeDatepicker.writeValue(null);
-                  invoicePeriodStartTimeDatepicker.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-invoice-period-end-date">
-            {{ 'eDonusum::InvoicePeriodEndDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-invoice-period-end-date"
-              formControlName="invoicePeriodEndDate"
-              class="form-control"
-              ngbDatepicker
-              #invoicePeriodEndDateInput
-              #invoicePeriodEndDateDatepicker="ngbDatepicker"
-              (click)="invoicePeriodEndDateDatepicker.open()"
-              (keyup.space)="invoicePeriodEndDateDatepicker.open()"
-            />
-            <div *ngIf="invoicePeriodEndDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  invoicePeriodEndDateDatepicker.writeValue(null);
-                  invoicePeriodEndDateDatepicker.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-invoice-period-end-time">
-            {{ 'eDonusum::InvoicePeriodEndTime' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-invoice-period-end-time"
-              formControlName="invoicePeriodEndTime"
-              class="form-control"
-              ngbDatepicker
-              #invoicePeriodEndTimeInput
-              #invoicePeriodEndTimeDatepicker="ngbDatepicker"
-              (click)="invoicePeriodEndTimeDatepicker.open()"
-              (keyup.space)="invoicePeriodEndTimeDatepicker.open()"
-            />
-            <div *ngIf="invoicePeriodEndTimeInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  invoicePeriodEndTimeDatepicker.writeValue(null);
-                  invoicePeriodEndTimeDatepicker.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-invoice-period-duration-measure">
-            {{ 'eDonusum::InvoicePeriodDurationMeasure' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-invoice-period-duration-measure"
-              formControlName="invoicePeriodDurationMeasure"
-              class="form-control"
-              ngbDatepicker
-              #invoicePeriodDurationMeasureInput
-              #invoicePeriodDurationMeasureDatepicker="ngbDatepicker"
-              (click)="invoicePeriodDurationMeasureDatepicker.open()"
-              (keyup.space)="invoicePeriodDurationMeasureDatepicker.open()"
-            />
-            <div *ngIf="invoicePeriodDurationMeasureInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  invoicePeriodDurationMeasureDatepicker.writeValue(null);
-                  invoicePeriodDurationMeasureDatepicker.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-invoice-period-description">
-            {{ 'eDonusum::InvoicePeriodDescription' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-invoice-period-description"
-            formControlName="invoicePeriodDescription"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-order-reference-id">
-            {{ 'eDonusum::OrderReferenceId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-order-reference-id"
-            formControlName="orderReferenceId"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-order-reference-sales-order-id">
-            {{ 'eDonusum::OrderReferenceSalesOrderId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-order-reference-sales-order-id"
-            formControlName="orderReferenceSalesOrderId"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-order-reference-issue-date">
-            {{ 'eDonusum::OrderReferenceIssueDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-order-reference-issue-date"
-              formControlName="orderReferenceIssueDate"
-              class="form-control"
-              ngbDatepicker
-              #orderReferenceIssueDateInput
-              #orderReferenceIssueDateDatepicker="ngbDatepicker"
-              (click)="orderReferenceIssueDateDatepicker.open()"
-              (keyup.space)="orderReferenceIssueDateDatepicker.open()"
-            />
-            <div *ngIf="orderReferenceIssueDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  orderReferenceIssueDateDatepicker.writeValue(null);
-                  orderReferenceIssueDateDatepicker.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-order-reference-order-type-code">
-            {{ 'eDonusum::OrderReferenceOrderTypeCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-order-reference-order-type-code"
-            formControlName="orderReferenceOrderTypeCode"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-supplier-party-name">
-            {{ 'eDonusum::AccountingSupplierPartyName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-supplier-party-name"
-            formControlName="accountingSupplierPartyName"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-supplier-party-scheme-id">
-            {{ 'eDonusum::AccountingSupplierPartySchemeId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-supplier-party-scheme-id"
-            formControlName="accountingSupplierPartySchemeId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-supplier-party-vkn-tckn">
-            {{ 'eDonusum::AccountingSupplierPartyVknTckn' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-supplier-party-vkn-tckn"
-            formControlName="accountingSupplierPartyVknTckn"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-customer-party-name">
-            {{ 'eDonusum::AccountingCustomerPartyName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-customer-party-name"
-            formControlName="accountingCustomerPartyName"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-customer-party-scheme-id">
-            {{ 'eDonusum::AccountingCustomerPartySchemeId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-customer-party-scheme-id"
-            formControlName="accountingCustomerPartySchemeId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-accounting-customer-party-vkn-tckn">
-            {{ 'eDonusum::AccountingCustomerPartyVknTckn' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-accounting-customer-party-vkn-tckn"
-            formControlName="accountingCustomerPartyVknTckn"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-buyer-customer-party-name">
-            {{ 'eDonusum::BuyerCustomerPartyName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-buyer-customer-party-name"
-            formControlName="buyerCustomerPartyName"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-buyer-customer-party-scheme-id">
-            {{ 'eDonusum::BuyerCustomerPartySchemeId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-buyer-customer-party-scheme-id"
-            formControlName="buyerCustomerPartySchemeId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-buyer-customer-party-vkn-tckn">
-            {{ 'eDonusum::BuyerCustomerPartyVknTckn' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-buyer-customer-party-vkn-tckn"
-            formControlName="buyerCustomerPartyVknTckn"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-seller-supplier-party-name">
-            {{ 'eDonusum::SellerSupplierPartyName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-seller-supplier-party-name"
-            formControlName="sellerSupplierPartyName"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-seller-supplier-party-scheme-id">
-            {{ 'eDonusum::SellerSupplierPartySchemeId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-seller-supplier-party-scheme-id"
-            formControlName="sellerSupplierPartySchemeId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-seller-supplier-party-vkn-tckn">
-            {{ 'eDonusum::SellerSupplierPartyVknTckn' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-seller-supplier-party-vkn-tckn"
-            formControlName="sellerSupplierPartyVknTckn"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-representative-party-name">
-            {{ 'eDonusum::TaxRepresentativePartyName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-representative-party-name"
-            formControlName="taxRepresentativePartyName"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-representative-party-scheme-id">
-            {{ 'eDonusum::TaxRepresentativePartySchemeId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-representative-party-scheme-id"
-            formControlName="taxRepresentativePartySchemeId"
-            class="form-control"
-            maxlength="8"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-representative-party-vkn-tckn">
-            {{ 'eDonusum::TaxRepresentativePartyVknTckn' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-representative-party-vkn-tckn"
-            formControlName="taxRepresentativePartyVknTckn"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-exchange-rate-source-currency-code">
-            {{ 'eDonusum::TaxExchangeRateSourceCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-exchange-rate-source-currency-code"
-            formControlName="taxExchangeRateSourceCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-exchange-rate-target-currency-code">
-            {{ 'eDonusum::TaxExchangeRateTargetCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-tax-exchange-rate-target-currency-code"
-            formControlName="taxExchangeRateTargetCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-exchange-rate-calculation-rate">
-            {{ 'eDonusum::TaxExchangeRateCalculationRate' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-tax-exchange-rate-calculation-rate"
-            formControlName="taxExchangeRateCalculationRate"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-tax-exchange-rate-date">
-            {{ 'eDonusum::TaxExchangeRateDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-tax-exchange-rate-date"
-              formControlName="taxExchangeRateDate"
-              class="form-control"
-              ngbDatepicker
-              #taxExchangeRateDateInput
-              #taxExchangeRateDateDatepicker="ngbDatepicker"
-              (click)="taxExchangeRateDateDatepicker.open()"
-              (keyup.space)="taxExchangeRateDateDatepicker.open()"
-            />
-            <div *ngIf="taxExchangeRateDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  taxExchangeRateDateDatepicker.writeValue(null);
-                  taxExchangeRateDateDatepicker.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-pricing-exchange-rate-source-currency-code">
-            {{ 'eDonusum::PricingExchangeRateSourceCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-pricing-exchange-rate-source-currency-code"
-            formControlName="pricingExchangeRateSourceCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-pricing-exchange-rate-target-currency-code">
-            {{ 'eDonusum::PricingExchangeRateTargetCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-pricing-exchange-rate-target-currency-code"
-            formControlName="pricingExchangeRateTargetCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-pricing-exchange-rate-calculation-rate">
-            {{ 'eDonusum::PricingExchangeRateCalculationRate' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-pricing-exchange-rate-calculation-rate"
-            formControlName="pricingExchangeRateCalculationRate"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-pricing-exchange-rate-date">
-            {{ 'eDonusum::PricingExchangeRateDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-pricing-exchange-rate-date"
-              formControlName="pricingExchangeRateDate"
-              class="form-control"
-              ngbDatepicker
-              #pricingExchangeRateDateInput
-              #pricingExchangeRateDateDatepicker="ngbDatepicker"
-              (click)="pricingExchangeRateDateDatepicker.open()"
-              (keyup.space)="pricingExchangeRateDateDatepicker.open()"
-            />
-            <div *ngIf="pricingExchangeRateDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  pricingExchangeRateDateDatepicker.writeValue(null);
-                  pricingExchangeRateDateDatepicker.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-payment-exchange-rate-source-currency-code">
-            {{ 'eDonusum::PaymentExchangeRateSourceCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-exchange-rate-source-currency-code"
-            formControlName="paymentExchangeRateSourceCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-exchange-rate-target-currency-code">
-            {{ 'eDonusum::PaymentExchangeRateTargetCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-exchange-rate-target-currency-code"
-            formControlName="paymentExchangeRateTargetCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-exchange-rate-calculation-rate">
-            {{ 'eDonusum::PaymentExchangeRateCalculationRate' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-payment-exchange-rate-calculation-rate"
-            formControlName="paymentExchangeRateCalculationRate"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-exchange-rate-date">
-            {{ 'eDonusum::PaymentExchangeRateDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-payment-exchange-rate-date"
-              formControlName="paymentExchangeRateDate"
-              class="form-control"
-              ngbDatepicker
-              #paymentExchangeRateDateInput
-              #paymentExchangeRateDateDatepicker="ngbDatepicker"
-              (click)="paymentExchangeRateDateDatepicker.open()"
-              (keyup.space)="paymentExchangeRateDateDatepicker.open()"
-            />
-            <div *ngIf="paymentExchangeRateDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  paymentExchangeRateDateDatepicker.writeValue(null);
-                  paymentExchangeRateDateDatepicker.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-payment-alternative-exchange-rate-source-currency-code"
-          >
-            {{ 'eDonusum::PaymentAlternativeExchangeRateSourceCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-alternative-exchange-rate-source-currency-code"
-            formControlName="paymentAlternativeExchangeRateSourceCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label
-            class="form-label"
-            for="invoice-payment-alternative-exchange-rate-target-currency-code"
-          >
-            {{ 'eDonusum::PaymentAlternativeExchangeRateTargetCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-alternative-exchange-rate-target-currency-code"
-            formControlName="paymentAlternativeExchangeRateTargetCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label
-            class="form-label"
-            for="invoice-payment-alternative-exchange-rate-calculation-rate"
-          >
-            {{ 'eDonusum::PaymentAlternativeExchangeRateCalculationRate' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-payment-alternative-exchange-rate-calculation-rate"
-            formControlName="paymentAlternativeExchangeRateCalculationRate"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-alternative-exchange-rate-date">
-            {{ 'eDonusum::PaymentAlternativeExchangeRateDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-payment-alternative-exchange-rate-date"
-              formControlName="paymentAlternativeExchangeRateDate"
-              class="form-control"
-              ngbDatepicker
-              #paymentAlternativeExchangeRateDateInput
-              #paymentAlternativeExchangeRateDateDatepicker="ngbDatepicker"
-              (click)="paymentAlternativeExchangeRateDateDatepicker.open()"
-              (keyup.space)="paymentAlternativeExchangeRateDateDatepicker.open()"
-            />
-            <div *ngIf="paymentAlternativeExchangeRateDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  paymentAlternativeExchangeRateDateDatepicker.writeValue(null);
-                  paymentAlternativeExchangeRateDateDatepicker.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-legal-monetary-total-line-extension-amount">
-            {{ 'eDonusum::LegalMonetaryTotalLineExtensionAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-line-extension-amount"
-            formControlName="legalMonetaryTotalLineExtensionAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-tax-exclusive-amount">
-            {{ 'eDonusum::LegalMonetaryTotalTaxExclusiveAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-tax-exclusive-amount"
-            formControlName="legalMonetaryTotalTaxExclusiveAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-tax-inclusive-amount">
-            {{ 'eDonusum::LegalMonetaryTotalTaxInclusiveAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-tax-inclusive-amount"
-            formControlName="legalMonetaryTotalTaxInclusiveAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-allowance-total-amount">
-            {{ 'eDonusum::LegalMonetaryTotalAllowanceTotalAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-allowance-total-amount"
-            formControlName="legalMonetaryTotalAllowanceTotalAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-charge-total-amount">
-            {{ 'eDonusum::LegalMonetaryTotalChargeTotalAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-charge-total-amount"
-            formControlName="legalMonetaryTotalChargeTotalAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-payable-rounding-amount">
-            {{ 'eDonusum::LegalMonetaryTotalPayableRoundingAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-payable-rounding-amount"
-            formControlName="legalMonetaryTotalPayableRoundingAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-legal-monetary-total-payable-amount">
-            {{ 'eDonusum::LegalMonetaryTotalPayableAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-legal-monetary-total-payable-amount"
-            formControlName="legalMonetaryTotalPayableAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-terms-note">
-            {{ 'eDonusum::PaymentTermsNote' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-payment-terms-note"
-            formControlName="paymentTermsNote"
-            class="form-control"
-            maxlength="512"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-payment-terms-payment-due-date">
-            {{ 'eDonusum::PaymentTermsPaymentDueDate' | abpLocalization }}
-          </label>
-
-          <div class="input-group" validationTarget>
-            <input
-              readonly
-              id="invoice-payment-terms-payment-due-date"
-              formControlName="paymentTermsPaymentDueDate"
-              class="form-control"
-              ngbDatepicker
-              #paymentTermsPaymentDueDateInput
-              #paymentTermsPaymentDueDateDatepicker="ngbDatepicker"
-              (click)="paymentTermsPaymentDueDateDatepicker.open()"
-              (keyup.space)="paymentTermsPaymentDueDateDatepicker.open()"
-            />
-            <div *ngIf="paymentTermsPaymentDueDateInput.value" class="input-group-append">
-              <button
-                class="btn btn-link px-2"
-                type="button"
-                [title]="'AbpUi::Clear' | abpLocalization"
-                (click)="
-                  paymentTermsPaymentDueDateDatepicker.writeValue(null);
-                  paymentTermsPaymentDueDateDatepicker.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-cust-inv-id">
-            {{ 'eDonusum::CustInvId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-cust-inv-id"
-            formControlName="custInvId"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="form-check mb-3">
-          <input
-            type="checkbox"
-            id="invoice-is-canceled"
-            formControlName="isCanceled"
-            class="form-check-input"
-          />
-
-          <label for="invoice-is-canceled" class="form-check-label">
-            {{ 'eDonusum::IsCanceled' | abpLocalization }}
-          </label>
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-cancel-code">
-            {{ 'eDonusum::CancelCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-cancel-code"
-            formControlName="cancelCode"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-cancel-description">
-            {{ 'eDonusum::CancelDescription' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-cancel-description"
-            formControlName="cancelDescription"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-resource-doc-type">
-            {{ 'eDonusum::ResourceDocType' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-resource-doc-type"
-            formControlName="resourceDocType"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-resource-doc-entry">
-            {{ 'eDonusum::ResourceDocEntry' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-resource-doc-entry"
-            formControlName="resourceDocEntry"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-status">
-            {{ 'eDonusum::Status' | abpLocalization }}
-          </label>
-
-          <input type="number" id="invoice-status" formControlName="status" class="form-control" />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-receiver-response">
-            {{ 'eDonusum::ReceiverResponse' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-receiver-response"
-            formControlName="receiverResponse"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-receiver-response-desc">
-            {{ 'eDonusum::ReceiverResponseDesc' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-receiver-response-desc"
-            formControlName="receiverResponseDesc"
-            class="form-control"
-            maxlength="1024"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-doc-type">
-            {{ 'eDonusum::DocType' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-doc-type"
-            formControlName="docType"
-            class="form-control"
-          />
-        </div>
-        <div class="form-check mb-3">
-          <input
-            type="checkbox"
-            id="invoice-is-earchive"
-            formControlName="isEArchive"
-            class="form-check-input"
-          />
-
-          <label for="invoice-is-earchive" class="form-check-label">
-            {{ 'eDonusum::IsEArchive' | abpLocalization }}
-          </label>
-        </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">
-      {{ 'AbpUi::Save' | abpLocalization }}
-    </abp-button>
-  </ng-template>
-</abp-modal>