@hitsoft/e-donusum 1.0.5

package/src/lib/xslt-rule-scenarios/xslt-rule-scenario/components/xslt-rule-scenario.component.ts

@@ -0,0 +1,124 @@
+import { ABP, 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 {
+  GetXsltRuleScenariosInput,
+  XsltRuleScenarioWithNavigationPropertiesDto,
+} from '../../../proxy/xslt-rule-scenarios/models';
+import { XsltRuleScenarioService } from '../../../proxy/xslt-rule-scenarios/xslt-rule-scenario.service';
+@Component({
+  selector: 'lib-xslt-rule-scenario',
+  changeDetection: ChangeDetectionStrategy.Default,
+  providers: [ListService, { provide: NgbDateAdapter, useClass: DateAdapter }],
+  templateUrl: './xslt-rule-scenario.component.html',
+  styles: [],
+})
+export class XsltRuleScenarioComponent implements OnInit {
+  data: PagedResultDto<XsltRuleScenarioWithNavigationPropertiesDto> = {
+    items: [],
+    totalCount: 0,
+  };
+
+  filters = {} as GetXsltRuleScenariosInput;
+
+  form: FormGroup;
+
+  isFiltersHidden = true;
+
+  isModalBusy = false;
+
+  isModalOpen = false;
+
+  selected?: XsltRuleScenarioWithNavigationPropertiesDto;
+
+  constructor(
+    public readonly list: ListService,
+    public readonly track: TrackByService,
+    public readonly service: XsltRuleScenarioService,
+    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<XsltRuleScenarioWithNavigationPropertiesDto>) =>
+      (this.data = list);
+
+    this.list.hookToQuery(getData).subscribe(setData);
+  }
+
+  clearFilters() {
+    this.filters = {} as GetXsltRuleScenariosInput;
+  }
+
+  buildForm() {
+    const { scenario, xsltRuleId } = this.selected?.xsltRuleScenario || {};
+
+    this.form = this.fb.group({
+      scenario: [scenario ?? null, []],
+      xsltRuleId: [xsltRuleId ?? 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.xsltRuleScenario.id, {
+          ...this.form.value,
+          concurrencyStamp: this.selected.xsltRuleScenario.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: XsltRuleScenarioWithNavigationPropertiesDto) {
+    this.selected = record;
+    this.showForm();
+  }
+
+  delete(record: XsltRuleScenarioWithNavigationPropertiesDto) {
+    this.confirmation
+      .warn('eDonusum::DeleteConfirmationMessage', 'eDonusum::AreYouSure', {
+        messageLocalizationParams: [],
+      })
+      .pipe(
+        filter(status => status === Confirmation.Status.confirm),
+        switchMap(() => this.service.delete(record.xsltRuleScenario.id))
+      )
+      .subscribe(this.list.get);
+  }
+}

package/src/lib/xslt-rule-scenarios/xslt-rule-scenario/xslt-rule-scenario-routing.module.ts

@@ -0,0 +1,18 @@
+import { AuthGuard, PermissionGuard } from '@abp/ng.core';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { XsltRuleScenarioComponent } from './components/xslt-rule-scenario.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: XsltRuleScenarioComponent,
+    canActivate: [AuthGuard, PermissionGuard],
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class XsltRuleScenarioRoutingModule {}

package/src/lib/xslt-rule-scenarios/xslt-rule-scenario/xslt-rule-scenario.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 { XsltRuleScenarioComponent } from './components/xslt-rule-scenario.component';
+import { XsltRuleScenarioRoutingModule } from './xslt-rule-scenario-routing.module';
+
+@NgModule({
+  declarations: [XsltRuleScenarioComponent],
+  imports: [
+    XsltRuleScenarioRoutingModule,
+    CoreModule,
+    ThemeSharedModule,
+    CommercialUiModule,
+    NgxValidateCoreModule,
+    NgbCollapseModule,
+    NgbDatepickerModule,
+    NgbDropdownModule,
+
+    PageModule,
+  ],
+})
+export class XsltRuleScenarioModule {}
+
+export function loadXsltRuleScenarioModuleAsChild() {
+  return Promise.resolve(XsltRuleScenarioModule);
+}

package/src/lib/xslt-rules/xslt-rule/components/xslt-rule.component.html

@@ -0,0 +1,496 @@
+<abp-page [title]="'eDonusum::XsltRules' | abpLocalization">
+  <abp-page-toolbar-container class="col">
+    <div class="text-lg-end pt-2">
+      <button
+        *abpPermission="'eDonusum.XsltRules.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewXsltRule' | 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="ruleNameFilter">
+                {{ 'eDonusum::RuleName' | abpLocalization }}
+              </label>
+
+              <input
+                id="ruleNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.ruleName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minXsltType">
+                {{ 'eDonusum::MinXsltType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minXsltType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.xsltTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxXsltType">
+                {{ 'eDonusum::MaxXsltType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxXsltType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.xsltTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minDocument">
+                {{ 'eDonusum::MinDocument' | abpLocalization }}
+              </label>
+
+              <input
+                id="minDocument"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.documentMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDocument">
+                {{ 'eDonusum::MaxDocument' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxDocument"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.documentMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minOrderNo">
+                {{ 'eDonusum::MinOrderNo' | abpLocalization }}
+              </label>
+
+              <input
+                id="minOrderNo"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.orderNoMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxOrderNo">
+                {{ 'eDonusum::MaxOrderNo' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxOrderNo"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.orderNoMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="noteQueryFilter">
+                {{ 'eDonusum::NoteQuery' | abpLocalization }}
+              </label>
+
+              <input
+                id="noteQueryFilter"
+                class="form-control"
+                [(ngModel)]="filters.noteQuery"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isPassiveFilter">
+                {{ 'eDonusum::IsPassive' | abpLocalization }}
+              </label>
+
+              <select
+                name="isPassive"
+                id="isPassiveFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isPassive"
+                [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="descFilter">
+                {{ 'eDonusum::Desc' | abpLocalization }}
+              </label>
+
+              <input
+                id="descFilter"
+                class="form-control"
+                [(ngModel)]="filters.desc"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="noteQueryHTMLFilter">
+                {{ 'eDonusum::NoteQueryHTML' | abpLocalization }}
+              </label>
+
+              <input
+                id="noteQueryHTMLFilter"
+                class="form-control"
+                [(ngModel)]="filters.noteQueryHTML"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="xsltFormatIdFilter">
+                {{ 'eDonusum::XsltFormat' | abpLocalization }}
+              </label>
+              <abp-lookup-input
+                cid="xsltFormatIdFilter"
+                displayNameProp="fileName"
+                lookupNameProp="displayName"
+                [getFn]="service.getXsltFormatLookup"
+                [(ngModel)]="filters.xsltFormatId"
+                [ngModelOptions]="{ standalone: true }"
+              ></abp-lookup-input>
+            </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.XsltRules.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.XsltRules.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::RuleName' | abpLocalization }}"
+          prop="xsltRule.ruleName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.ruleName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::XsltType' | abpLocalization }}"
+          prop="xsltRule.xsltType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.xsltType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::Document' | abpLocalization }}"
+          prop="xsltRule.document"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.document }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::OrderNo' | abpLocalization }}"
+          prop="xsltRule.orderNo"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.orderNo }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::NoteQuery' | abpLocalization }}"
+          prop="xsltRule.noteQuery"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.noteQuery }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::IsPassive' | abpLocalization }}"
+          prop="xsltRule.isPassive"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template
+              [ngIf]="row.xsltRule.isPassive"
+              [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::Desc' | abpLocalization }}" prop="xsltRule.desc">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.desc }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::NoteQueryHTML' | abpLocalization }}"
+          prop="xsltRule.noteQueryHTML"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltRule.noteQueryHTML }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::XsltFormat' | abpLocalization }}"
+          prop="xsltFormat.fileName"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.xsltFormat?.fileName }}
+          </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::NewXsltRule') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="xslt-rule" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-rule-name">
+            {{ 'eDonusum::RuleName' | abpLocalization }} *
+          </label>
+
+          <input
+            id="xslt-rule-rule-name"
+            formControlName="ruleName"
+            class="form-control"
+            maxlength="256"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-xslt-type">
+            {{ 'eDonusum::XsltType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="xslt-rule-xslt-type"
+            formControlName="xsltType"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-document">
+            {{ 'eDonusum::Document' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="xslt-rule-document"
+            formControlName="document"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-order-no">
+            {{ 'eDonusum::OrderNo' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="xslt-rule-order-no"
+            formControlName="orderNo"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-note-query">
+            {{ 'eDonusum::NoteQuery' | abpLocalization }}
+          </label>
+
+          <input
+            id="xslt-rule-note-query"
+            formControlName="noteQuery"
+            class="form-control"
+            maxlength="2048"
+          />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="xslt-rule-is-passive"
+            formControlName="isPassive"
+            class="form-check-input"
+          />
+
+          <label for="xslt-rule-is-passive" class="form-check-label">
+            {{ 'eDonusum::IsPassive' | abpLocalization }}
+          </label>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-desc">
+            {{ 'eDonusum::Desc' | abpLocalization }}
+          </label>
+
+          <input id="xslt-rule-desc" formControlName="desc" class="form-control" maxlength="512" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-note-query-html">
+            {{ 'eDonusum::NoteQueryHTML' | abpLocalization }}
+          </label>
+
+          <input
+            id="xslt-rule-note-query-html"
+            formControlName="noteQueryHTML"
+            class="form-control"
+            maxlength="2048"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="xslt-rule-xslt-format-id">
+            {{ 'eDonusum::XsltFormat' | abpLocalization }} *
+          </label>
+          <abp-lookup-input
+            cid="xslt-rule-xslt-format-id"
+            formControlName="xsltFormatId"
+            displayNameProp="fileName"
+            lookupNameProp="displayName"
+            [getFn]="service.getXsltFormatLookup"
+            [editingData]="selected?.xsltFormat"
+          ></abp-lookup-input>
+        </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="xslt-rule">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>