@hitsoft/e-donusum 1.0.5

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

@@ -0,0 +1,1309 @@
+<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> -->