@hitsoft/e-donusum 1.0.5

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

@@ -0,0 +1,624 @@
+<abp-page [title]="'eDonusum::NoteRules' | 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.NoteRules.Create'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewNoteRule' | 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="minRuleType">
+                {{ 'eDonusum::MinRuleType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minRuleType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.ruleTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxRuleType">
+                {{ 'eDonusum::MaxRuleType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxRuleType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.ruleTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minDescType">
+                {{ 'eDonusum::MinDescType' | abpLocalization }}
+              </label>
+
+              <input
+                id="minDescType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.descTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxDescType">
+                {{ 'eDonusum::MaxDescType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxDescType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.descTypeMax"
+                [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="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="firstDescFilter">
+                {{ 'eDonusum::FirstDesc' | abpLocalization }}
+              </label>
+
+              <input
+                id="firstDescFilter"
+                class="form-control"
+                [(ngModel)]="filters.firstDesc"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="lastDescFilter">
+                {{ 'eDonusum::LastDesc' | abpLocalization }}
+              </label>
+
+              <input
+                id="lastDescFilter"
+                class="form-control"
+                [(ngModel)]="filters.lastDesc"
+                [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="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="fixDescFilter">
+                {{ 'eDonusum::FixDesc' | abpLocalization }}
+              </label>
+
+              <input
+                id="fixDescFilter"
+                class="form-control"
+                [(ngModel)]="filters.fixDesc"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="isBoldFilter">
+                {{ 'eDonusum::IsBold' | abpLocalization }}
+              </label>
+
+              <select
+                name="isBold"
+                id="isBoldFilter"
+                class="form-select form-control"
+                [(ngModel)]="filters.isBold"
+                [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="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 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.NoteRules.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.NoteRules.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::RuleName' | abpLocalization }}" prop="ruleName">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.ruleName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::RuleType' | abpLocalization }}" prop="ruleType">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.ruleType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::DescType' | abpLocalization }}" prop="descType">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.descType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::OrderNo' | abpLocalization }}" prop="orderNo">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.orderNo }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Document' | abpLocalization }}" prop="document">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.document }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::FirstDesc' | abpLocalization }}" prop="firstDesc">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.firstDesc }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::LastDesc' | abpLocalization }}" prop="lastDesc">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.lastDesc }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::NoteQuery' | abpLocalization }}" prop="noteQuery">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.noteQuery }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::NoteQueryHTML' | abpLocalization }}"
+          prop="noteQueryHTML"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.noteQueryHTML }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::FixDesc' | abpLocalization }}" prop="fixDesc">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.fixDesc }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::IsBold' | abpLocalization }}" prop="isBold">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.isBold" [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::IsPassive' | abpLocalization }}" prop="isPassive">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            <ng-template [ngIf]="row.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="desc">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.desc }}
+          </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::NewNoteRule') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="note-rule" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-rule-name">
+            {{ 'eDonusum::RuleName' | abpLocalization }} *
+          </label>
+
+          <input
+            id="note-rule-rule-name"
+            formControlName="ruleName"
+            class="form-control"
+            maxlength="256"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-rule-type">
+            {{ 'eDonusum::RuleType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="note-rule-rule-type"
+            formControlName="ruleType"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-desc-type">
+            {{ 'eDonusum::DescType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="note-rule-desc-type"
+            formControlName="descType"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-order-no">
+            {{ 'eDonusum::OrderNo' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="note-rule-order-no"
+            formControlName="orderNo"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-document">
+            {{ 'eDonusum::Document' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="note-rule-document"
+            formControlName="document"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-first-desc">
+            {{ 'eDonusum::FirstDesc' | abpLocalization }}
+          </label>
+
+          <input id="note-rule-first-desc" formControlName="firstDesc" class="form-control" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-last-desc">
+            {{ 'eDonusum::LastDesc' | abpLocalization }}
+          </label>
+
+          <input id="note-rule-last-desc" formControlName="lastDesc" class="form-control" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-note-query">
+            {{ 'eDonusum::NoteQuery' | abpLocalization }}
+          </label>
+
+          <input id="note-rule-note-query" formControlName="noteQuery" class="form-control" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-note-query-html">
+            {{ 'eDonusum::NoteQueryHTML' | abpLocalization }}
+          </label>
+
+          <input
+            id="note-rule-note-query-html"
+            formControlName="noteQueryHTML"
+            class="form-control"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-fix-desc">
+            {{ 'eDonusum::FixDesc' | abpLocalization }}
+          </label>
+
+          <input id="note-rule-fix-desc" formControlName="fixDesc" class="form-control" />
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="note-rule-is-bold"
+            formControlName="isBold"
+            class="form-check-input"
+          />
+
+          <label for="note-rule-is-bold" class="form-check-label">
+            {{ 'eDonusum::IsBold' | abpLocalization }}
+          </label>
+        </div>
+        <div class="form-check mb-3">
+          <input
+            type="checkbox"
+            id="note-rule-is-passive"
+            formControlName="isPassive"
+            class="form-check-input"
+          />
+
+          <label for="note-rule-is-passive" class="form-check-label">
+            {{ 'eDonusum::IsPassive' | abpLocalization }}
+          </label>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="note-rule-desc">
+            {{ 'eDonusum::Desc' | abpLocalization }}
+          </label>
+
+          <input id="note-rule-desc" formControlName="desc" class="form-control" maxlength="512" />
+        </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="note-rule">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>