@hitsoft/e-donusum 1.0.5 → 1.0.6

package/src/lib/invoice-lines/invoice-line/components/invoice-line.component.html

@@ -1,843 +0,0 @@
-<abp-page [title]="'eDonusum::InvoiceLines' | 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.InvoiceLines.Create'"
-        class="btn btn-primary btn-sm"
-        type="button"
-        (click)="create()"
-      >
-        <i class="fa fa-plus me-1" aria-hidden="true"></i>
-        {{ 'eDonusum::NewInvoiceLine' | abpLocalization }}
-      </button>
-    </div>
-  </abp-page-toolbar-container>
-
-  <abp-advanced-entity-filters localizationSourceName="eDonusum" [list]="list">
-    <abp-advanced-entity-filters-form>
-      <form #filterForm (keyup.enter)="list.get()">
-        <div class="row">
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="invoiceLineIdFilter">
-                {{ 'eDonusum::InvoiceLineId' | abpLocalization }}
-              </label>
-
-              <input
-                id="invoiceLineIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.invoiceLineId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="noteFilter">
-                {{ 'eDonusum::Note' | abpLocalization }}
-              </label>
-
-              <input
-                id="noteFilter"
-                class="form-control"
-                [(ngModel)]="filters.note"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minInvoicedQuantity">
-                {{ 'eDonusum::MinInvoicedQuantity' | abpLocalization }}
-              </label>
-
-              <input
-                id="minInvoicedQuantity"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.invoicedQuantityMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxInvoicedQuantity">
-                {{ 'eDonusum::MaxInvoicedQuantity' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxInvoicedQuantity"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.invoicedQuantityMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="unitCodeFilter">
-                {{ 'eDonusum::UnitCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="unitCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.unitCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minLineExtensionAmount">
-                {{ 'eDonusum::MinLineExtensionAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minLineExtensionAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.lineExtensionAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxLineExtensionAmount">
-                {{ 'eDonusum::MaxLineExtensionAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxLineExtensionAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.lineExtensionAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minTaxTotalTaxAmount">
-                {{ 'eDonusum::MinTaxTotalTaxAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minTaxTotalTaxAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.taxTotalTaxAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxTaxTotalTaxAmount">
-                {{ 'eDonusum::MaxTaxTotalTaxAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxTaxTotalTaxAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.taxTotalTaxAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemDescriptionFilter">
-                {{ 'eDonusum::ItemDescription' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemDescriptionFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemDescription"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemNameFilter">
-                {{ 'eDonusum::ItemName' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemKeywordFilter">
-                {{ 'eDonusum::ItemKeyword' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemKeywordFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemKeyword"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemBrandNameFilter">
-                {{ 'eDonusum::ItemBrandName' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemBrandNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemBrandName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="modelNameFilter">
-                {{ 'eDonusum::ModelName' | abpLocalization }}
-              </label>
-
-              <input
-                id="modelNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.modelName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemBuyersItemIdentificationIdFilter">
-                {{ 'eDonusum::ItemBuyersItemIdentificationId' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemBuyersItemIdentificationIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemBuyersItemIdentificationId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemSellersItemIdentificationIdFilter">
-                {{ 'eDonusum::ItemSellersItemIdentificationId' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemSellersItemIdentificationIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemSellersItemIdentificationId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemManufacturersItemIdentificationIdFilter">
-                {{ 'eDonusum::ItemManufacturersItemIdentificationId' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemManufacturersItemIdentificationIdFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemManufacturersItemIdentificationId"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemOriginCountryIdentificationCodeFilter">
-                {{ 'eDonusum::ItemOriginCountryIdentificationCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemOriginCountryIdentificationCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemOriginCountryIdentificationCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="itemOriginCountryNameFilter">
-                {{ 'eDonusum::ItemOriginCountryName' | abpLocalization }}
-              </label>
-
-              <input
-                id="itemOriginCountryNameFilter"
-                class="form-control"
-                [(ngModel)]="filters.itemOriginCountryName"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="minPriceAmount">
-                {{ 'eDonusum::MinPriceAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="minPriceAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.priceAmountMin"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="maxPriceAmount">
-                {{ 'eDonusum::MaxPriceAmount' | abpLocalization }}
-              </label>
-
-              <input
-                id="maxPriceAmount"
-                type="number"
-                class="form-control"
-                [(ngModel)]="filters.priceAmountMax"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="priceCurrencyCodeFilter">
-                {{ 'eDonusum::PriceCurrencyCode' | abpLocalization }}
-              </label>
-
-              <input
-                id="priceCurrencyCodeFilter"
-                class="form-control"
-                [(ngModel)]="filters.priceCurrencyCode"
-                [ngModelOptions]="{ standalone: true }"
-              />
-            </div>
-          </div>
-          <div class="col-12 col-sm-auto">
-            <div class="mb-3">
-              <label class="form-label" for="invoiceIdFilter">
-                {{ 'eDonusum::Invoice' | abpLocalization }}
-              </label>
-              <abp-lookup-select
-                cid="invoiceIdFilter"
-                [getFn]="service.getInvoiceLookup"
-                [(ngModel)]="filters.invoiceId"
-                [ngModelOptions]="{ standalone: true }"
-              ></abp-lookup-select>
-            </div>
-          </div>
-
-          <div class="col-12 col-sm-auto align-self-end mb-3">
-            <div class="row">
-              <div class="col-6 col-sm-auto d-grid">
-                <button type="button" class="btn btn-outline-primary" (click)="clearFilters()">
-                  <span>{{ 'AbpUi::Clear' | abpLocalization }}</span>
-                </button>
-              </div>
-              <div class="col-6 col-sm-auto d-grid">
-                <button type="button" class="btn btn-primary" (click)="list.get()">
-                  <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </abp-advanced-entity-filters-form>
-  </abp-advanced-entity-filters>
-
-  <div class="card">
-    <div class="card-body">
-      <ngx-datatable [rows]="data.items" [count]="data.totalCount" [list]="list" default>
-        <ngx-datatable-column
-          [name]="'AbpUi::Actions' | abpLocalization"
-          [maxWidth]="150"
-          [width]="150"
-          [sortable]="false"
-        >
-          <ng-template let-row="row" let-i="rowIndex" ngx-datatable-cell-template>
-            <div ngbDropdown container="body" class="d-inline-block">
-              <button
-                class="btn btn-primary btn-sm dropdown-toggle"
-                data-toggle="dropdown"
-                aria-haspopup="true"
-                ngbDropdownToggle
-              >
-                <i class="fa fa-cog me-1" aria-hidden="true"></i>
-                {{ 'AbpUi::Actions' | abpLocalization }}
-              </button>
-
-              <div ngbDropdownMenu>
-                <button
-                  ngbDropdownItem
-                  *abpPermission="'eDonusum.InvoiceLines.Edit'"
-                  (click)="update(row)"
-                >
-                  {{ 'AbpUi::Edit' | abpLocalization }}
-                </button>
-
-                <button
-                  ngbDropdownItem
-                  *abpPermission="'eDonusum.InvoiceLines.Delete'"
-                  (click)="delete(row)"
-                >
-                  {{ 'AbpUi::Delete' | abpLocalization }}
-                </button>
-              </div>
-            </div>
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoiceLineId' | abpLocalization }}"
-          prop="invoiceLine.invoiceLineId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.invoiceLineId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::Note' | abpLocalization }}"
-          prop="invoiceLine.note"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.note }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::InvoicedQuantity' | abpLocalization }}"
-          prop="invoiceLine.invoicedQuantity"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.invoicedQuantity }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::UnitCode' | abpLocalization }}"
-          prop="invoiceLine.unitCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.unitCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::LineExtensionAmount' | abpLocalization }}"
-          prop="invoiceLine.lineExtensionAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.lineExtensionAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::TaxTotalTaxAmount' | abpLocalization }}"
-          prop="invoiceLine.taxTotalTaxAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.taxTotalTaxAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemDescription' | abpLocalization }}"
-          prop="invoiceLine.itemDescription"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemDescription }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemName' | abpLocalization }}"
-          prop="invoiceLine.itemName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemKeyword' | abpLocalization }}"
-          prop="invoiceLine.itemKeyword"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemKeyword }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemBrandName' | abpLocalization }}"
-          prop="invoiceLine.itemBrandName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemBrandName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ModelName' | abpLocalization }}"
-          prop="invoiceLine.modelName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.modelName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemBuyersItemIdentificationId' | abpLocalization }}"
-          prop="invoiceLine.itemBuyersItemIdentificationId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemBuyersItemIdentificationId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemSellersItemIdentificationId' | abpLocalization }}"
-          prop="invoiceLine.itemSellersItemIdentificationId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemSellersItemIdentificationId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemManufacturersItemIdentificationId' | abpLocalization }}"
-          prop="invoiceLine.itemManufacturersItemIdentificationId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemManufacturersItemIdentificationId }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemOriginCountryIdentificationCode' | abpLocalization }}"
-          prop="invoiceLine.itemOriginCountryIdentificationCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemOriginCountryIdentificationCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::ItemOriginCountryName' | abpLocalization }}"
-          prop="invoiceLine.itemOriginCountryName"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.itemOriginCountryName }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PriceAmount' | abpLocalization }}"
-          prop="invoiceLine.priceAmount"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.priceAmount }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::PriceCurrencyCode' | abpLocalization }}"
-          prop="invoiceLine.priceCurrencyCode"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoiceLine.priceCurrencyCode }}
-          </ng-template>
-        </ngx-datatable-column>
-
-        <ngx-datatable-column
-          name="{{ 'eDonusum::Invoice' | abpLocalization }}"
-          prop="invoice.invoiceId"
-        >
-          <ng-template let-row="row" ngx-datatable-cell-template>
-            {{ row.invoice?.invoiceId }}
-          </ng-template>
-        </ngx-datatable-column>
-      </ngx-datatable>
-    </div>
-  </div>
-</abp-page>
-
-<abp-modal [busy]="isModalBusy" [(visible)]="isModalOpen">
-  <ng-template #abpHeader>
-    <h3>
-      {{ (selected ? 'AbpUi::Edit' : 'eDonusum::NewInvoiceLine') | abpLocalization }}
-    </h3>
-  </ng-template>
-
-  <ng-template #abpBody>
-    <form [formGroup]="form" id="invoice-line" (ngSubmit)="submitForm()" validateOnSubmit>
-      <div class="mt-2 fade-in-top">
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-invoice-line-id">
-            {{ 'eDonusum::InvoiceLineId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-invoice-line-id"
-            formControlName="invoiceLineId"
-            class="form-control"
-            autofocus
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-note">
-            {{ 'eDonusum::Note' | abpLocalization }}
-          </label>
-
-          <input id="invoice-line-note" formControlName="note" class="form-control" />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-invoiced-quantity">
-            {{ 'eDonusum::InvoicedQuantity' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-line-invoiced-quantity"
-            formControlName="invoicedQuantity"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-unit-code">
-            {{ 'eDonusum::UnitCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-unit-code"
-            formControlName="unitCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-line-extension-amount">
-            {{ 'eDonusum::LineExtensionAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-line-line-extension-amount"
-            formControlName="lineExtensionAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-tax-total-tax-amount">
-            {{ 'eDonusum::TaxTotalTaxAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-line-tax-total-tax-amount"
-            formControlName="taxTotalTaxAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-description">
-            {{ 'eDonusum::ItemDescription' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-description"
-            formControlName="itemDescription"
-            class="form-control"
-            maxlength="256"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-name">
-            {{ 'eDonusum::ItemName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-name"
-            formControlName="itemName"
-            class="form-control"
-            maxlength="128"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-keyword">
-            {{ 'eDonusum::ItemKeyword' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-keyword"
-            formControlName="itemKeyword"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-brand-name">
-            {{ 'eDonusum::ItemBrandName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-brand-name"
-            formControlName="itemBrandName"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-model-name">
-            {{ 'eDonusum::ModelName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-model-name"
-            formControlName="modelName"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-buyers-item-identification-id">
-            {{ 'eDonusum::ItemBuyersItemIdentificationId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-buyers-item-identification-id"
-            formControlName="itemBuyersItemIdentificationId"
-            class="form-control"
-            maxlength="128"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-sellers-item-identification-id">
-            {{ 'eDonusum::ItemSellersItemIdentificationId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-sellers-item-identification-id"
-            formControlName="itemSellersItemIdentificationId"
-            class="form-control"
-            maxlength="128"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-manufacturers-item-identification-id">
-            {{ 'eDonusum::ItemManufacturersItemIdentificationId' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-manufacturers-item-identification-id"
-            formControlName="itemManufacturersItemIdentificationId"
-            class="form-control"
-            maxlength="128"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-origin-country-identification-code">
-            {{ 'eDonusum::ItemOriginCountryIdentificationCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-origin-country-identification-code"
-            formControlName="itemOriginCountryIdentificationCode"
-            class="form-control"
-            maxlength="16"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-item-origin-country-name">
-            {{ 'eDonusum::ItemOriginCountryName' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-item-origin-country-name"
-            formControlName="itemOriginCountryName"
-            class="form-control"
-            maxlength="64"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-price-amount">
-            {{ 'eDonusum::PriceAmount' | abpLocalization }}
-          </label>
-
-          <input
-            type="number"
-            id="invoice-line-price-amount"
-            formControlName="priceAmount"
-            class="form-control"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-price-currency-code">
-            {{ 'eDonusum::PriceCurrencyCode' | abpLocalization }}
-          </label>
-
-          <input
-            id="invoice-line-price-currency-code"
-            formControlName="priceCurrencyCode"
-            class="form-control"
-            maxlength="3"
-          />
-        </div>
-        <div class="mb-3">
-          <label class="form-label" for="invoice-line-invoice-id">
-            {{ 'eDonusum::Invoice' | abpLocalization }} *
-          </label>
-
-          <abp-lookup-select
-            cid="invoice-line-invoice-id"
-            formControlName="invoiceId"
-            [getFn]="service.getInvoiceLookup"
-          ></abp-lookup-select>
-        </div>
-      </div>
-    </form>
-  </ng-template>
-
-  <ng-template #abpFooter>
-    <button type="button" class="btn btn-secondary" abpClose>
-      {{ 'AbpUi::Cancel' | abpLocalization }}
-    </button>
-
-    <abp-button iconClass="fa fa-check" buttonType="submit" formName="invoice-line">
-      {{ 'AbpUi::Save' | abpLocalization }}
-    </abp-button>
-  </ng-template>
-</abp-modal>