@hitsoft/e-donusum 1.0.5

package/src/lib/paramse-dispatches/paramse-dispatch/components/paramse-dispatch.component.ts

@@ -0,0 +1,163 @@
+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 {
+  GetParamseDispatchesInput,
+  ParamseDispatchDto,
+} from '../../../proxy/paramse-dispatches/models';
+import { ParamseDispatchService } from '../../../proxy/paramse-dispatches/paramse-dispatch.service';
+@Component({
+  selector: 'lib-paramse-dispatch',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './paramse-dispatch.component.html',
+  styles: [],
+})
+export class ParamseDispatchComponent implements OnInit {
+  data: PagedResultDto<ParamseDispatchDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetParamseDispatchesInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  isExportToExcelBusy = false;
+
+  selected?: ParamseDispatchDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: ParamseDispatchService,
+    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<ParamseDispatchDto>) => (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetParamseDispatchesInput;
+  }
+
+  buildForm() {
+    const {
+      defaultScenario,
+      defaultDisType,
+      defaultDisSerial,
+      useDefScenario,
+      useDefDisType,
+      noPrice,
+      inventoryTrAddress,
+      receiverChannel,
+      noRemainOrder,
+      useSouWhoAdr,
+      useCusStockCode,
+      useBarcode,
+    } = this.selected || {};
+
+    this.form = this.fb.group({
+      defaultScenario: [defaultScenario ?? null, []],
+      defaultDisType: [defaultDisType ?? null, []],
+      defaultDisSerial: [defaultDisSerial ?? null, [Validators.required, Validators.maxLength(8)]],
+      useDefScenario: [false, []],
+      useDefDisType: [false, []],
+      noPrice: [false, []],
+      inventoryTrAddress: [inventoryTrAddress ?? null, []],
+      receiverChannel: [false, []],
+      noRemainOrder: [false, []],
+      useSouWhoAdr: [false, []],
+      useCusStockCode: [false, []],
+      useBarcode: [false, []],
+    });
+  }
+
+  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.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.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: ParamseDispatchDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: ParamseDispatchDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.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, 'ParamseDispatch.xlsx');
+      });
+  }
+}

package/src/lib/paramse-dispatches/paramse-dispatch/paramse-dispatch-routing.module.ts

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

package/src/lib/paramse-dispatches/paramse-dispatch/paramse-dispatch.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 { ParamseDispatchComponent } from './components/paramse-dispatch.component';
+import { ParamseDispatchRoutingModule } from './paramse-dispatch-routing.module';
+
+@NgModule({
+  declarations: [ParamseDispatchComponent],
+  imports: [
+    ParamseDispatchRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+
+    PageModule,
+  ],
+})
+export class ParamseDispatchModule {}
+
+export function loadParamseDispatchModuleAsChild() {
+  return Promise.resolve(ParamseDispatchModule);
+}

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

@@ -0,0 +1,433 @@
+<abp-page [title]="'eDonusum::ParamseInvoices' | 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.ParamseInvoices.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewParamseInvoice' | 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="minDefaultScenario">
+                {{ 'eDonusum::MinDefaultScenario' | abpLocalization }}
+              </label>
+
+              <input
+                id="minDefaultScenario"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.defaultScenarioMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDefaultScenario">
+                {{ 'eDonusum::MaxDefaultScenario' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxDefaultScenario"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.defaultScenarioMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minDefaultInvType">
+                {{ 'eDonusum::MinDefaultInvType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minDefaultInvType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.defaultInvTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDefaultInvType">
+                {{ 'eDonusum::MaxDefaultInvType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxDefaultInvType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.defaultInvTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="defaultInvSerialFilter">
+                {{ 'eDonusum::DefaultInvSerial' | abpLocalization }}
+              </label>
+
+              <input
+                id="defaultInvSerialFilter"
+                class="form-control"
+                [(ngModel)]="filters.defaultInvSerial"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isShippingAddressFilter">
+                {{ 'eDonusum::IsShippingAddress' | abpLocalization }}
+              </label>
+
+              <select
+                name="isShippingAddress"
+                id="isShippingAddressFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isShippingAddress"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="useDefScenarioFilter">
+                {{ 'eDonusum::UseDefScenario' | abpLocalization }}
+              </label>
+
+              <select
+                name="useDefScenario"
+                id="useDefScenarioFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.useDefScenario"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="useDefInvTypeFilter">
+                {{ 'eDonusum::UseDefInvType' | abpLocalization }}
+              </label>
+
+              <select
+                name="useDefInvType"
+                id="useDefInvTypeFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.useDefInvType"
+                [ngModelOptions]="{ standalone: true }"
+                (change)="list.get()"
+              >
+                <option [ngValue]=""></option>
+                <option [ngValue]="true">{{ 'AbpUi::Yes' | abpLocalization }}</option>
+                <option [ngValue]="false">{{ 'AbpUi::No' | abpLocalization }}</option>
+              </select>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto align-self-end mb-3">
+            <div class="row">
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-outline-primary" (click)="clearFilters()">
+                  <span>{{ 'AbpUi::Clear' | abpLocalization }}</span>
+                </button>
+              </div>
+              <div class="col-6 col-sm-auto d-grid">
+                <button type="button" class="btn btn-primary" (click)="list.get()">
+                  <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </abp-advanced-entity-filters-form>
+  </abp-advanced-entity-filters>
+
+  <div class="card">
+    <div class="card-body">
+      <ngx-datatable [rows]="data.items" [count]="data.totalCount" [list]="list" default>
+        <ngx-datatable-column
+          [name]="'AbpUi::Actions' | abpLocalization"
+          [maxWidth]="150"
+          [width]="150"
+          [sortable]="false"
+        >
+          <ng-template let-row="row" let-i="rowIndex" ngx-datatable-cell-template>
+            <div ngbDropdown container="body" class="d-inline-block">
+              <button
+                class="btn btn-primary btn-sm dropdown-toggle"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                ngbDropdownToggle
+              >
+                <i class="fa fa-cog me-1" aria-hidden="true"></i>
+                {{ 'AbpUi::Actions' | abpLocalization }}
+              </button>
+
+              <div ngbDropdownMenu>
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.ParamseInvoices.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.ParamseInvoices.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DefaultScenario' | abpLocalization }}"
+          prop="defaultScenario"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.defaultScenario }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DefaultInvType' | abpLocalization }}"
+          prop="defaultInvType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.defaultInvType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::DefaultInvSerial' | abpLocalization }}"
+          prop="defaultInvSerial"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.defaultInvSerial }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::IsShippingAddress' | abpLocalization }}"
+          prop="isShippingAddress"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template
+              [ngIf]="row.isShippingAddress"
+              [ngIfThen]="yes"
+              [ngIfElse]="no"
+            ></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::UseDefScenario' | abpLocalization }}"
+          prop="useDefScenario"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.useDefScenario" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::UseDefInvType' | abpLocalization }}"
+          prop="useDefInvType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.useDefInvType" [ngIfThen]="yes" [ngIfElse]="no"></ng-template>
+
+            <ng-template #yes>
+              <div class="text-success">
+                <span [title]="'AbpUi::Yes' | abpLocalization">
+                  <i class="fa fa-check" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+
+            <ng-template #no>
+              <div class="text-danger">
+                <span [title]="'AbpUi::No' | abpLocalization">
+                  <i class="fa fa-times" aria-hidden="true"></i>
+                </span>
+              </div>
+            </ng-template>
+          </ng-template>
+        </ngx-datatable-column>
+      </ngx-datatable>
+    </div>
+  </div>
+</abp-page>
+
+<abp-modal [busy]="isModalBusy" [(visible)]="isModalOpen">
+  <ng-template #abpHeader>
+    <h3>
+      {{ (selected ? 'AbpUi::Edit' : 'eDonusum::NewParamseInvoice') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="paramse-invoice" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="paramse-invoice-default-scenario">
+            {{ 'eDonusum::DefaultScenario' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="paramse-invoice-default-scenario"
+            formControlName="defaultScenario"
+            class="form-control"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="paramse-invoice-default-inv-type">
+            {{ 'eDonusum::DefaultInvType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="paramse-invoice-default-inv-type"
+            formControlName="defaultInvType"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="paramse-invoice-default-inv-serial">
+            {{ 'eDonusum::DefaultInvSerial' | abpLocalization }} *
+          </label>
+
+          <input
+            id="paramse-invoice-default-inv-serial"
+            formControlName="defaultInvSerial"
+            class="form-control"
+            maxlength="8"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="paramse-invoice-is-shipping-address"
+            formControlName="isShippingAddress"
+            class="form-check-input"
+          />
+
+          <label for="paramse-invoice-is-shipping-address" class="form-check-label">
+            {{ 'eDonusum::IsShippingAddress' | abpLocalization }}
+          </label>
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="paramse-invoice-use-def-scenario"
+            formControlName="useDefScenario"
+            class="form-check-input"
+          />
+
+          <label for="paramse-invoice-use-def-scenario" class="form-check-label">
+            {{ 'eDonusum::UseDefScenario' | abpLocalization }}
+          </label>
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="paramse-invoice-use-def-inv-type"
+            formControlName="useDefInvType"
+            class="form-check-input"
+          />
+
+          <label for="paramse-invoice-use-def-inv-type" class="form-check-label">
+            {{ 'eDonusum::UseDefInvType' | abpLocalization }}
+          </label>
+        </div>
+      </div>
+    </form>
+  </ng-template>
+
+  <ng-template #abpFooter>
+    <button type="button" class="btn btn-secondary" abpClose>
+      {{ 'AbpUi::Cancel' | abpLocalization }}
+    </button>
+
+    <abp-button iconClass="fa fa-check" buttonType="submit" formName="paramse-invoice">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>