@hitsoft/e-donusum 1.0.5

package/src/lib/despatch-lines/despatch-line/components/despatch-line.component.ts

@@ -0,0 +1,190 @@
+import { ABP, downloadBlob, ListService, PagedResultDto, TrackByService } from '@abp/ng.core';
+import { Confirmation, ConfirmationService } from '@abp/ng.theme.shared';
+import { DateAdapter } from '@abp/ng.theme.shared/extensions';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { filter, finalize, switchMap, tap } from 'rxjs/operators';
+import type {
+  GetDespatchLinesInput,
+  DespatchLineWithNavigationPropertiesDto,
+} from '../../../proxy/despatch-lines/models';
+import { DespatchLineService } from '../../../proxy/despatch-lines/despatch-line.service';
+@Component({
+  selector: 'lib-despatch-line',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './despatch-line.component.html',
+  styles: [],
+})
+export class DespatchLineComponent implements OnInit {
+  data: PagedResultDto<DespatchLineWithNavigationPropertiesDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetDespatchLinesInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  isExportToExcelBusy = false;
+
+  selected?: DespatchLineWithNavigationPropertiesDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: DespatchLineService,
+    private confirmation: ConfirmationService,
+    private fb: FormBuilder
+  ) {}
+
+  ngOnInit() {
+    const getData = (query: ABP.PageQueryParams) =>
+      this.service.getList({
+        ...query,
+        ...this.filters,
+        filterText: query.filter,
+      });
+
+    const setData = (list: PagedResultDto<DespatchLineWithNavigationPropertiesDto>) =>
+      (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetDespatchLinesInput;
+  }
+
+  buildForm() {
+    const {
+      despatchLineId,
+      note,
+      despatchdQuantity,
+      unitCode,
+      lineExtensionAmount,
+      taxTotalTaxAmount,
+      itemDescription,
+      itemName,
+      itemKeyword,
+      itemBrandName,
+      modelName,
+      itemBuyersItemIdentificationId,
+      itemSellersItemIdentificationId,
+      itemManufacturersItemIdentificationId,
+      itemOriginCountryIdentificationCode,
+      itemOriginCountryName,
+      priceAmount,
+      priceCurrencyCode,
+      despatchId,
+    } = this.selected?.despatchLine || {};
+
+    this.form = this.fb.group({
+      despatchLineId: [despatchLineId ?? null, []],
+      note: [note ?? null, []],
+      despatchdQuantity: [despatchdQuantity ?? null, []],
+      unitCode: [unitCode ?? null, [Validators.maxLength(3)]],
+      lineExtensionAmount: [lineExtensionAmount ?? null, []],
+      taxTotalTaxAmount: [taxTotalTaxAmount ?? null, []],
+      itemDescription: [itemDescription ?? null, [Validators.maxLength(256)]],
+      itemName: [itemName ?? null, [Validators.maxLength(128)]],
+      itemKeyword: [128, []],
+      itemBrandName: [itemBrandName ?? null, [Validators.maxLength(64)]],
+      modelName: [modelName ?? null, [Validators.maxLength(64)]],
+      itemBuyersItemIdentificationId: [
+        itemBuyersItemIdentificationId ?? null,
+        [Validators.maxLength(128)],
+      ],
+      itemSellersItemIdentificationId: [
+        itemSellersItemIdentificationId ?? null,
+        [Validators.maxLength(128)],
+      ],
+      itemManufacturersItemIdentificationId: [
+        itemManufacturersItemIdentificationId ?? null,
+        [Validators.maxLength(128)],
+      ],
+      itemOriginCountryIdentificationCode: [
+        itemOriginCountryIdentificationCode ?? null,
+        [Validators.maxLength(16)],
+      ],
+      itemOriginCountryName: [itemOriginCountryName ?? null, [Validators.maxLength(64)]],
+      priceAmount: [priceAmount ?? null, []],
+      priceCurrencyCode: [priceCurrencyCode ?? null, [Validators.maxLength(3)]],
+      despatchId: [despatchId ?? null, [Validators.required]],
+    });
+  }
+
+  hideForm() {
+    this.isModalOpen = false;
+    this.form.reset();
+  }
+
+  showForm() {
+    this.buildForm();
+    this.isModalOpen = true;
+  }
+
+  submitForm() {
+    if (this.form.invalid) return;
+
+    const request = this.selected
+      ? this.service.update(this.selected.despatchLine.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.despatchLine.concurrencyStamp,
+        })
+      : this.service.create(this.form.value);
+
+    this.isModalBusy = true;
+
+    request
+      .pipe(
+        finalize(() => (this.isModalBusy = false)),
+        tap(() => this.hideForm())
+      )
+      .subscribe(this.list.get);
+  }
+
+  create() {
+    this.selected = undefined;
+    this.showForm();
+  }
+
+  update(record: DespatchLineWithNavigationPropertiesDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: DespatchLineWithNavigationPropertiesDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.despatchLine.id))
+      )
+      .subscribe(this.list.get);
+  }
+
+  exportToExcel() {
+    this.isExportToExcelBusy = true;
+    this.service
+      .getDownloadToken()
+      .pipe(
+        switchMap(({ token }) =>
+          this.service.getListAsExcelFile({ downloadToken: token, filterText: this.list.filter })
+        ),
+        finalize(() => (this.isExportToExcelBusy = false))
+      )
+      .subscribe(result => {
+        downloadBlob(result, 'DespatchLine.xlsx');
+      });
+  }
+}

package/src/lib/despatch-lines/despatch-line/despatch-line-routing.module.ts

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

package/src/lib/despatch-lines/despatch-line/despatch-line.module.ts

@@ -0,0 +1,34 @@
+import { CoreModule } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { NgModule } from '@angular/core';
+import {
+  NgbCollapseModule,
+  NgbDatepickerModule,
+  NgbDropdownModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+import { CommercialUiModule } from '@volo/abp.commercial.ng.ui';
+import { PageModule } from '@abp/ng.components/page';
+import { DespatchLineComponent } from './components/despatch-line.component';
+import { DespatchLineRoutingModule } from './despatch-line-routing.module';
+
+@NgModule({
+  declarations: [DespatchLineComponent],
+  imports: [
+    DespatchLineRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+
+    PageModule,
+  ],
+})
+export class DespatchLineModule {}
+
+export function loadDespatchLineModuleAsChild() {
+  return Promise.resolve(DespatchLineModule);
+}

package/src/lib/despatch-notes/despatch-note/components/despatch-note.component.html

@@ -0,0 +1,181 @@
+<abp-page [title]="'eDonusum::DespatchNotes' | 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.DespatchNotes.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewDespatchNote' | 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="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="despatchIdFilter">
+                {{ 'eDonusum::Despatch' | abpLocalization }}
+              </label>
+              <abp-lookup-select
+                cid="despatchIdFilter"
+                [getFn]="service.getDespatchLookup"
+                [(ngModel)]="filters.despatchId"
+                [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.DespatchNotes.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.DespatchNotes.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::Note' | abpLocalization }}"
+          prop="despatchNote.note"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.despatchNote.note }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::Despatch' | abpLocalization }}"
+          prop="despatch.uuId"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.despatch?.uuId }}
+          </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::NewDespatchNote') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="despatch-note" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="despatch-note-note">
+            {{ 'eDonusum::Note' | abpLocalization }} *
+          </label>
+
+          <input id="despatch-note-note" formControlName="note" class="form-control" autofocus />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="despatch-note-despatch-id">
+            {{ 'eDonusum::Despatch' | abpLocalization }} *
+          </label>
+
+          <abp-lookup-select
+            cid="despatch-note-despatch-id"
+            formControlName="despatchId"
+            [getFn]="service.getDespatchLookup"
+          ></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="despatch-note">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>

package/src/lib/despatch-notes/despatch-note/components/despatch-note.component.ts

@@ -0,0 +1,141 @@
+import { ABP, downloadBlob, ListService, PagedResultDto, TrackByService } from '@abp/ng.core';
+import { Confirmation, ConfirmationService } from '@abp/ng.theme.shared';
+import { DateAdapter } from '@abp/ng.theme.shared/extensions';
+import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { NgbDateAdapter } from '@ng-bootstrap/ng-bootstrap';
+import { filter, finalize, switchMap, tap } from 'rxjs/operators';
+import type {
+  GetDespatchNotesInput,
+  DespatchNoteWithNavigationPropertiesDto,
+} from '../../../proxy/despatch-notes/models';
+import { DespatchNoteService } from '../../../proxy/despatch-notes/despatch-note.service';
+@Component({
+  selector: 'lib-despatch-note',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './despatch-note.component.html',
+  styles: [],
+})
+export class DespatchNoteComponent implements OnInit {
+  data: PagedResultDto<DespatchNoteWithNavigationPropertiesDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetDespatchNotesInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  isExportToExcelBusy = false;
+
+  selected?: DespatchNoteWithNavigationPropertiesDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: DespatchNoteService,
+    private confirmation: ConfirmationService,
+    private fb: FormBuilder
+  ) {}
+
+  ngOnInit() {
+    const getData = (query: ABP.PageQueryParams) =>
+      this.service.getList({
+        ...query,
+        ...this.filters,
+        filterText: query.filter,
+      });
+
+    const setData = (list: PagedResultDto<DespatchNoteWithNavigationPropertiesDto>) =>
+      (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetDespatchNotesInput;
+  }
+
+  buildForm() {
+    const { note, despatchId } = this.selected?.despatchNote || {};
+
+    this.form = this.fb.group({
+      note: [note ?? null, [Validators.required]],
+      despatchId: [despatchId ?? null, [Validators.required]],
+    });
+  }
+
+  hideForm() {
+    this.isModalOpen = false;
+    this.form.reset();
+  }
+
+  showForm() {
+    this.buildForm();
+    this.isModalOpen = true;
+  }
+
+  submitForm() {
+    if (this.form.invalid) return;
+
+    const request = this.selected
+      ? this.service.update(this.selected.despatchNote.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.despatchNote.concurrencyStamp,
+        })
+      : this.service.create(this.form.value);
+
+    this.isModalBusy = true;
+
+    request
+      .pipe(
+        finalize(() => (this.isModalBusy = false)),
+        tap(() => this.hideForm())
+      )
+      .subscribe(this.list.get);
+  }
+
+  create() {
+    this.selected = undefined;
+    this.showForm();
+  }
+
+  update(record: DespatchNoteWithNavigationPropertiesDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: DespatchNoteWithNavigationPropertiesDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.despatchNote.id))
+      )
+      .subscribe(this.list.get);
+  }
+
+  exportToExcel() {
+    this.isExportToExcelBusy = true;
+    this.service
+      .getDownloadToken()
+      .pipe(
+        switchMap(({ token }) =>
+          this.service.getListAsExcelFile({ downloadToken: token, filterText: this.list.filter })
+        ),
+        finalize(() => (this.isExportToExcelBusy = false))
+      )
+      .subscribe(result => {
+        downloadBlob(result, 'DespatchNote.xlsx');
+      });
+  }
+}

package/src/lib/despatch-notes/despatch-note/despatch-note-routing.module.ts

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

package/src/lib/despatch-notes/despatch-note/despatch-note.module.ts

@@ -0,0 +1,34 @@
+import { CoreModule } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { NgModule } from '@angular/core';
+import {
+  NgbCollapseModule,
+  NgbDatepickerModule,
+  NgbDropdownModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+import { CommercialUiModule } from '@volo/abp.commercial.ng.ui';
+import { PageModule } from '@abp/ng.components/page';
+import { DespatchNoteComponent } from './components/despatch-note.component';
+import { DespatchNoteRoutingModule } from './despatch-note-routing.module';
+
+@NgModule({
+  declarations: [DespatchNoteComponent],
+  imports: [
+    DespatchNoteRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+
+    PageModule,
+  ],
+})
+export class DespatchNoteModule {}
+
+export function loadDespatchNoteModuleAsChild() {
+  return Promise.resolve(DespatchNoteModule);
+}