@hitsoft/e-donusum 1.0.5 → 1.0.6

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

@@ -1,1309 +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"
-        style="margin-right: 5px;" (click)="sendInvoiceMultiple()">
-        <i class="fa fa-envelope me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::AddToQueue' | abpLocalization }}
-      </button>
-      <button *abpPermission="'eDonusum.Invoices.Create'" class="btn btn-xs btn-success" type="button"
-        style="margin-right: 5px;" (click)="getInvoiceResponses()">
-        <i class="fa fa-question me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::CheckResponses' | abpLocalization }}
-      </button>
-      <button *abpPermission="'eDonusum.Invoices.Create'" class="btn btn-xs btn-success" type="button"
-        style="margin-right: 5px;" (click)="sendInvoiceToEntegrator()">
-        <i class="fa fa-envelope me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::SendToEntegratorManual' | abpLocalization }}
-      </button>
-      <button *abpPermission="'eDonusum.Invoices.Create'" class="btn btn-xs btn-warning" type="button"
-        (click)="getInvoicesFromConnector()">
-        <i class="fa fa-plus me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::GetFromConnectorManual' | abpLocalization }}
-      </button>
-
-    </div>
-  </abp-page-toolbar-container>
-
-  <div class="card">
-    <div class="card-body">
-      <dx-data-grid #dxInvoiceInstance [dataSource]="invoicesDataSource" [showRowLines]="true" [showBorders]="true"
-        [remoteOperations]="true" [hoverStateEnabled]="true" [repaintChangesOnly]="true" [allowColumnResizing]="true"
-        columnResizingMode="widget" [allowColumnReordering]="true" [columnAutoWidth]="true" [columnHidingEnabled]="true"
-        [rowAlternationEnabled]="true" style="height: 75vh;">
-        <dxo-pager [visible]="true" [showInfo]="true" [allowedPageSizes]="[50,100,200]" [showNavigationButtons]="true"
-          [showPageSizeSelector]="true">
-        </dxo-pager>
-        <dxo-paging [pageSize]="50"></dxo-paging>
-        <dxo-selection mode="multiple" selectAllMode="page" showCheckBoxesMode="always">
-        </dxo-selection>
-        <dxo-column-chooser [allowSearch]="true" [enabled]="true" mode="select"></dxo-column-chooser>
-        <dxo-column-fixing [enabled]="true"></dxo-column-fixing>
-        <dxo-group-panel [visible]="true" [allowColumnDragging]="true"></dxo-group-panel>
-        <dxo-grouping #expand [autoExpandAll]="false" [allowCollapsing]="true"
-          [contextMenuEnabled]="true"></dxo-grouping>
-        <dxo-header-filter [allowSearch]="true" [visible]="true"></dxo-header-filter>
-        <dxo-filter-row [visible]="true"></dxo-filter-row>
-        <dxo-export [enabled]="true" [allowExportSelectedData]="false"></dxo-export>
-        <dxo-column-fixing [enabled]="true"></dxo-column-fixing>
-        <dxo-filter-builder [allowHierarchicalFields]="true"></dxo-filter-builder>
-        <dxo-filter-panel [visible]="true"></dxo-filter-panel>
-        <dxo-sorting mode="single"></dxo-sorting>
-        <dxo-scrolling mode="horizontal" showScrollbar="always"></dxo-scrolling>
-        <dxi-column [fixed]="true" dataField="id" width="120" [allowGrouping]="false" [allowFiltering]="false"
-          [allowHeaderFiltering]="false" [allowHiding]="false" [allowReordering]="false"
-          cellTemplate="operationTemplate" caption="{{ 'AbpUi::Actions' | abpLocalization }}">
-          <div *dxTemplate="let row of 'operationTemplate'">
-            <div ngbDropdown container="body" class="d-inline-block">
-              <button class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
-                ngbDropdownToggle [disabled]="disabledIdColumn">
-                <i class="fa fa-cog mr-1" aria-hidden="true"></i>
-                {{ 'AbpUi::Actions' | abpLocalization }}
-              </button>
-              <div ngbDropdownMenu>
-                <!-- <button ngbDropdownItem (click)="update(row.data)">
-                  <i class="fa fa-edit" aria-hidden="true"></i> {{ 'AbpUi::Edit' | abpLocalization }}
-                </button>
-                <button ngbDropdownItem (click)="delete(row.data)">
-                  <i class="fa fa-trash" aria-hidden="true"></i> {{ 'AbpUi::Delete' | abpLocalization }}
-                </button> -->
-                <button ngbDropdownItem (click)="sendInvoiceSingle(row.data)" *ngIf="row.data.status == 100">
-                  <i class="fa fa-envelope" aria-hidden="true"></i> {{ 'eDonusum::AddToQueue' | abpLocalization }}
-                </button>
-                <button ngbDropdownItem (click)="getInvoiceView(row.data)" *ngIf="row.data.status == 300">
-                  <i class="fa fa-eye" aria-hidden="true"></i> {{ 'eDonusum::GetView' | abpLocalization }}
-                </button>
-                <button ngbDropdownItem (click)="getInvoicePreview(row.data)" *ngIf="row.data.status == 100">
-                  <i class="fa fa-search" aria-hidden="true"></i> {{ 'eDonusum::Preview' | abpLocalization }}
-                </button>
-              </div>
-            </div>
-          </div>
-        </dxi-column>
-        <dxi-column dataField="resourceDocEntry"
-          caption="{{'eDonusum::ResourceDocEntry'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="resourceDocType" caption="{{'eDonusum::ResourceDocType'|abpLocalization}}">
-          <dxo-lookup [dataSource]="invoiceObjectsEnumLookup" valueExpr="id" displayExpr="displayName">
-          </dxo-lookup>
-        </dxi-column>
-        <dxi-column dataField="status" caption="{{'eDonusum::Status'|abpLocalization}}">
-          <dxo-lookup [dataSource]="invoiceStatusLookup" valueExpr="id" displayExpr="displayName">
-          </dxo-lookup>
-        </dxi-column>
-        <dxi-column dataField="profileId" caption="{{'eDonusum::ProfileId'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="invoiceTypeCode" caption="{{'eDonusum::InvoiceTypeCode'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="receiverResponse" caption="{{'eDonusum::ReceiverResponse'|abpLocalization}}"
-          cellTemplate="iconTemplate">
-          <dxo-lookup [dataSource]="invoiceReceiverResponseLookup" valueExpr="id" displayExpr="displayName">
-          </dxo-lookup>
-        </dxi-column>
-        <div *dxTemplate="let data of 'iconTemplate'">
-          <i [ngClass]="getIconClass(data.data.receiverResponse)"
-            [ngStyle]="{'color':data.data.receiverResponse == '1' ? 'green' : data.data.receiverResponse == '2' ? 'red' : 'gray'}"></i>
-          {{getReceiverResponseName(data.data.receiverResponse)}}
-        </div>
-        <dxi-column dataField="receiverResponseDesc"
-          caption="{{'eDonusum::ReceiverResponseDesc'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="documentCurrencyCode" caption="{{'eDonusum::DocCurrency'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="issueDate" dataType="date"
-          caption="{{'eDonusum::IssueDate'|abpLocalization}}"></dxi-column>
-        <dxi-column dataField="uuId" caption="{{'eDonusum::UuId'|abpLocalization}}"></dxi-column>
-      </dx-data-grid>
-    </div>
-  </div>
-</abp-page>
-
-
-
-<!-- <abp-modal [busy]="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
-              id="invoice-resource-doc-type"
-              formControlName="resourceDocType"
-              class="form-control"
-              maxlength="32"
-            />
-          </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>
-      </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> -->