@hitsoft/e-donusum 1.0.5

package/src/lib/branches/branch/components/branch.component.html

@@ -0,0 +1,375 @@
+<abp-page [title]="'eDonusum::Branches' | 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.Branches.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewBranch' | 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="codeFilter">
+                {{ 'eDonusum::Code' | abpLocalization }}
+              </label>
+
+              <input
+                id="codeFilter"
+                class="form-control"
+                [(ngModel)]="filters.code"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="nameFilter">
+                {{ 'eDonusum::Name' | abpLocalization }}
+              </label>
+
+              <input
+                id="nameFilter"
+                class="form-control"
+                [(ngModel)]="filters.name"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="addressFilter">
+                {{ 'eDonusum::Address' | abpLocalization }}
+              </label>
+
+              <input
+                id="addressFilter"
+                class="form-control"
+                [(ngModel)]="filters.address"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isMainFilter">
+                {{ 'eDonusum::IsMain' | abpLocalization }}
+              </label>
+
+              <select
+                name="isMain"
+                id="isMainFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isMain"
+                [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="disabledFilter">
+                {{ 'eDonusum::Disabled' | abpLocalization }}
+              </label>
+
+              <select
+                name="disabled"
+                id="disabledFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.disabled"
+                [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="isTransferFilter">
+                {{ 'eDonusum::IsTransfer' | abpLocalization }}
+              </label>
+
+              <select
+                name="isTransfer"
+                id="isTransferFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isTransfer"
+                [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.Branches.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.Branches.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Code' | abpLocalization }}" prop="code">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.code }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Name' | abpLocalization }}" prop="name">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.name }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Address' | abpLocalization }}" prop="address">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.address }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::IsMain' | abpLocalization }}" prop="isMain">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.isMain" [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::Disabled' | abpLocalization }}" prop="disabled">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.disabled" [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::IsTransfer' | abpLocalization }}"
+          prop="isTransfer"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.isTransfer" [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::NewBranch') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="branch" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="branch-code">
+            {{ 'eDonusum::Code' | abpLocalization }} *
+          </label>
+
+          <input
+            id="branch-code"
+            formControlName="code"
+            class="form-control"
+            maxlength="64"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="branch-name">
+            {{ 'eDonusum::Name' | abpLocalization }} *
+          </label>
+
+          <input id="branch-name" formControlName="name" class="form-control" maxlength="128" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="branch-address">
+            {{ 'eDonusum::Address' | abpLocalization }}
+          </label>
+
+          <input
+            id="branch-address"
+            formControlName="address"
+            class="form-control"
+            maxlength="512"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="branch-is-main"
+            formControlName="isMain"
+            class="form-check-input"
+          />
+
+          <label for="branch-is-main" class="form-check-label">
+            {{ 'eDonusum::IsMain' | abpLocalization }}
+          </label>
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="branch-disabled"
+            formControlName="disabled"
+            class="form-check-input"
+          />
+
+          <label for="branch-disabled" class="form-check-label">
+            {{ 'eDonusum::Disabled' | abpLocalization }}
+          </label>
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="branch-is-transfer"
+            formControlName="isTransfer"
+            class="form-check-input"
+          />
+
+          <label for="branch-is-transfer" class="form-check-label">
+            {{ 'eDonusum::IsTransfer' | 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="branch">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>

package/src/lib/branches/branch/components/branch.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 { GetBranchesInput, BranchDto } from '../../../proxy/branches/models';
+import { BranchService } from '../../../proxy/branches/branch.service';
+@Component({
+  selector: 'lib-branch',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './branch.component.html',
+  styles: [],
+})
+export class BranchComponent implements OnInit {
+  data: PagedResultDto<BranchDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetBranchesInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  isExportToExcelBusy = false;
+
+  selected?: BranchDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: BranchService,
+    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<BranchDto>) => (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetBranchesInput;
+  }
+
+  buildForm() {
+    const { code, name, address, isMain, disabled, isTransfer } = this.selected || {};
+
+    this.form = this.fb.group({
+      code: [code ?? null, [Validators.required, Validators.maxLength(64)]],
+      name: [name ?? null, [Validators.required, Validators.maxLength(128)]],
+      address: [address ?? null, [Validators.maxLength(512)]],
+      isMain: [false, []],
+      disabled: [false, []],
+      isTransfer: [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: BranchDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: BranchDto) {
+    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, 'Branch.xlsx');
+      });
+  }
+}

package/src/lib/business-partner-groups/business-partner-group/business-partner-group-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 { BusinessPartnerGroupComponent } from './components/business-partner-group.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: RouterOutletComponent,
+    canActivate: [AuthGuard, PermissionGuard],
+    children: [
+      {
+        path: '',
+        component: ReplaceableRouteContainerComponent,
+        data: {
+          replaceableComponent: {
+            key: 'BusinessPartnerGroupComponentKey',
+            defaultComponent: BusinessPartnerGroupComponent,
+          } as ReplaceableComponents.RouteData,
+        },
+      },
+    ],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class BusinessPartnerGroupRoutingModule {}

package/src/lib/business-partner-groups/business-partner-group/business-partner-group.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 { BusinessPartnerGroupComponent } from './components/business-partner-group.component';
+import { BusinessPartnerGroupRoutingModule } from './business-partner-group-routing.module';
+
+@NgModule({
+  declarations: [BusinessPartnerGroupComponent],
+  imports: [
+    BusinessPartnerGroupRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+
+    PageModule,
+  ],
+})
+export class BusinessPartnerGroupModule {}
+
+export function loadBusinessPartnerGroupModuleAsChild() {
+  return Promise.resolve(BusinessPartnerGroupModule);
+}