@hitsoft/e-donusum 1.0.5

package/src/lib/gib-partner-pks/gib-partner-pk/components/gib-partner-pk.component.html

@@ -0,0 +1,671 @@
+<abp-page [title]="'eDonusum::GibPartnerPks' | 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.GibPartnerPks.Create!'"
+        class="btn btn-primary btn-sm"
+        type="button"
+        (click)="create()"
+      >
+        <i class="fa fa-plus me-1" aria-hidden="true"></i>
+        {{ 'eDonusum::NewGibPartnerPk' | 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="mineDocType">
+                {{ 'eDonusum::MineDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="mineDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.eDocTypeMin"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxeDocType">
+                {{ 'eDonusum::MaxeDocType' | abpLocalization }}
+              </label>
+
+              <input
+                id="maxeDocType"
+                type="number"
+                class="form-control"
+                [(ngModel)]="filters.eDocTypeMax"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="tckn_VKNFilter">
+                {{ 'eDonusum::TCKN_VKN' | abpLocalization }}
+              </label>
+
+              <input
+                id="tckn_VKNFilter"
+                class="form-control"
+                [(ngModel)]="filters.tckn_VKN"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="titleFilter">
+                {{ 'eDonusum::Title' | abpLocalization }}
+              </label>
+
+              <input
+                id="titleFilter"
+                class="form-control"
+                [(ngModel)]="filters.title"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="typeFilter">
+                {{ 'eDonusum::Type' | abpLocalization }}
+              </label>
+
+              <input
+                id="typeFilter"
+                class="form-control"
+                [(ngModel)]="filters.type"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minFirstCreationTime">
+                {{ 'eDonusum::MinFirstCreationTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minFirstCreationTime"
+                  class="form-control"
+                  #minFirstCreationTimeInput
+                  #minFirstCreationTimeDatepicker="ngbDatepicker"
+                  name="minFirstCreationTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minFirstCreationTimeDatepicker.toggle()"
+                  (keyup.space)="minFirstCreationTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.firstCreationTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minFirstCreationTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minFirstCreationTimeDatepicker.writeValue(null);
+                      minFirstCreationTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxFirstCreationTime">
+                {{ 'eDonusum::MaxFirstCreationTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxFirstCreationTime"
+                  class="form-control"
+                  #maxFirstCreationTimeInput
+                  #maxFirstCreationTimeDatepicker="ngbDatepicker"
+                  name="maxFirstCreationTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxFirstCreationTimeDatepicker.toggle()"
+                  (keyup.space)="maxFirstCreationTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.firstCreationTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxFirstCreationTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxFirstCreationTimeDatepicker.writeValue(null);
+                      maxFirstCreationTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="accountTypeFilter">
+                {{ 'eDonusum::AccountType' | abpLocalization }}
+              </label>
+
+              <input
+                id="accountTypeFilter"
+                class="form-control"
+                [(ngModel)]="filters.accountType"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="aliasNameFilter">
+                {{ 'eDonusum::AliasName' | abpLocalization }}
+              </label>
+
+              <input
+                id="aliasNameFilter"
+                class="form-control"
+                [(ngModel)]="filters.aliasName"
+                [ngModelOptions]="{ standalone: true }"
+              />
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minAliasCreationTime">
+                {{ 'eDonusum::MinAliasCreationTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minAliasCreationTime"
+                  class="form-control"
+                  #minAliasCreationTimeInput
+                  #minAliasCreationTimeDatepicker="ngbDatepicker"
+                  name="minAliasCreationTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minAliasCreationTimeDatepicker.toggle()"
+                  (keyup.space)="minAliasCreationTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.aliasCreationTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minAliasCreationTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minAliasCreationTimeDatepicker.writeValue(null);
+                      minAliasCreationTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxAliasCreationTime">
+                {{ 'eDonusum::MaxAliasCreationTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxAliasCreationTime"
+                  class="form-control"
+                  #maxAliasCreationTimeInput
+                  #maxAliasCreationTimeDatepicker="ngbDatepicker"
+                  name="maxAliasCreationTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxAliasCreationTimeDatepicker.toggle()"
+                  (keyup.space)="maxAliasCreationTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.aliasCreationTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxAliasCreationTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxAliasCreationTimeDatepicker.writeValue(null);
+                      maxAliasCreationTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="minAliasDeletionTime">
+                {{ 'eDonusum::MinAliasDeletionTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="minAliasDeletionTime"
+                  class="form-control"
+                  #minAliasDeletionTimeInput
+                  #minAliasDeletionTimeDatepicker="ngbDatepicker"
+                  name="minAliasDeletionTime"
+                  ngbDatepicker
+                  container="body"
+                  readonly
+                  (click)="minAliasDeletionTimeDatepicker.toggle()"
+                  (keyup.space)="minAliasDeletionTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.aliasDeletionTimeMin"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="minAliasDeletionTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      minAliasDeletionTimeDatepicker.writeValue(null);
+                      minAliasDeletionTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-12 col-sm-auto">
+            <div class="mb-3">
+              <label class="form-label" for="maxAliasDeletionTime">
+                {{ 'eDonusum::MaxAliasDeletionTime' | abpLocalization }}
+              </label>
+
+              <div class="input-group" validationTarget>
+                <input
+                  id="maxAliasDeletionTime"
+                  class="form-control"
+                  #maxAliasDeletionTimeInput
+                  #maxAliasDeletionTimeDatepicker="ngbDatepicker"
+                  name="maxAliasDeletionTime"
+                  ngbDatepicker
+                  readonly
+                  (click)="maxAliasDeletionTimeDatepicker.toggle()"
+                  (keyup.space)="maxAliasDeletionTimeDatepicker.toggle()"
+                  [(ngModel)]="filters.aliasDeletionTimeMax"
+                  [ngModelOptions]="{ standalone: true }"
+                />
+                <div *ngIf="maxAliasDeletionTimeInput.value" class="input-group-append">
+                  <button
+                    class="btn btn-link px-2"
+                    type="button"
+                    [title]="'AbpUi::Clear' | abpLocalization"
+                    (click)="
+                      maxAliasDeletionTimeDatepicker.writeValue(null);
+                      maxAliasDeletionTimeDatepicker.manualDateChange(null, true)
+                    "
+                  >
+                    <i class="fa fa-times" aria-hidden="true"></i>
+                  </button>
+                </div>
+              </div>
+            </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.GibPartnerPks.Edit'"
+                  (click)="update(row)"
+                >
+                  {{ 'AbpUi::Edit' | abpLocalization }}
+                </button>
+
+                <button
+                  ngbDropdownItem
+                  *abpPermission="'eDonusum.GibPartnerPks.Delete'"
+                  (click)="delete(row)"
+                >
+                  {{ 'AbpUi::Delete' | abpLocalization }}
+                </button>
+              </div>
+            </div>
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::eDocType' | abpLocalization }}" prop="eDocType">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.eDocType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::TCKN_VKN' | abpLocalization }}" prop="tckn_VKN">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.tckn_VKN }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Title' | abpLocalization }}" prop="title">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.title }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::Type' | abpLocalization }}" prop="type">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.type }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::FirstCreationTime' | abpLocalization }}"
+          prop="firstCreationTime"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.firstCreationTime | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AccountType' | abpLocalization }}"
+          prop="accountType"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.accountType }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column name="{{ 'eDonusum::AliasName' | abpLocalization }}" prop="aliasName">
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.aliasName }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AliasCreationTime' | abpLocalization }}"
+          prop="aliasCreationTime"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.aliasCreationTime | date }}
+          </ng-template>
+        </ngx-datatable-column>
+
+        <ngx-datatable-column
+          name="{{ 'eDonusum::AliasDeletionTime' | abpLocalization }}"
+          prop="aliasDeletionTime"
+        >
+          <ng-template let-row="row" ngx-datatable-cell-template>
+            {{ row.aliasDeletionTime | date }}
+          </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::NewGibPartnerPk') | abpLocalization }}
+    </h3>
+  </ng-template>
+
+  <ng-template #abpBody>
+    <form [formGroup]="form" id="gib-partner-pk" (ngSubmit)="submitForm()" validateOnSubmit>
+      <div class="mt-2 fade-in-top">
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-e-doc-type">
+            {{ 'eDonusum::eDocType' | abpLocalization }}
+          </label>
+
+          <input
+            type="number"
+            id="gib-partner-pk-e-doc-type"
+            formControlName="eDocType"
+            class="form-control"
+            autofocus
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-tckn-vkn">
+            {{ 'eDonusum::TCKN_VKN' | abpLocalization }}
+          </label>
+
+          <input id="gib-partner-pk-tckn-vkn" formControlName="tckn_VKN" class="form-control" />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-title">
+            {{ 'eDonusum::Title' | abpLocalization }} *
+          </label>
+
+          <input
+            id="gib-partner-pk-title"
+            formControlName="title"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-type">
+            {{ 'eDonusum::Type' | abpLocalization }} *
+          </label>
+
+          <input
+            id="gib-partner-pk-type"
+            formControlName="type"
+            class="form-control"
+            maxlength="32"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-first-creation-time">
+            {{ 'eDonusum::FirstCreationTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="gib-partner-pk-first-creation-time"
+              formControlName="firstCreationTime"
+              class="form-control"
+              ngbDatepicker
+              #firstCreationTimeInput
+              #firstCreationTimeDatepicker="ngbDatepicker"
+              (click)="firstCreationTimeDatepicker.open()"
+              (keyup.space)="firstCreationTimeDatepicker.open()"
+            />
+            <div *ngIf="firstCreationTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  firstCreationTimeDatepicker.writeValue(null);
+                  firstCreationTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-account-type">
+            {{ 'eDonusum::AccountType' | abpLocalization }} *
+          </label>
+
+          <input
+            id="gib-partner-pk-account-type"
+            formControlName="accountType"
+            class="form-control"
+            maxlength="128"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-alias-name">
+            {{ 'eDonusum::AliasName' | abpLocalization }} *
+          </label>
+
+          <input
+            id="gib-partner-pk-alias-name"
+            formControlName="aliasName"
+            class="form-control"
+            maxlength="256"
+          />
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-alias-creation-time">
+            {{ 'eDonusum::AliasCreationTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="gib-partner-pk-alias-creation-time"
+              formControlName="aliasCreationTime"
+              class="form-control"
+              ngbDatepicker
+              #aliasCreationTimeInput
+              #aliasCreationTimeDatepicker="ngbDatepicker"
+              (click)="aliasCreationTimeDatepicker.open()"
+              (keyup.space)="aliasCreationTimeDatepicker.open()"
+            />
+            <div *ngIf="aliasCreationTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  aliasCreationTimeDatepicker.writeValue(null);
+                  aliasCreationTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="mb-3">
+          <label class="form-label" for="gib-partner-pk-alias-deletion-time">
+            {{ 'eDonusum::AliasDeletionTime' | abpLocalization }}
+          </label>
+
+          <div class="input-group" validationTarget>
+            <input
+              readonly
+              id="gib-partner-pk-alias-deletion-time"
+              formControlName="aliasDeletionTime"
+              class="form-control"
+              ngbDatepicker
+              #aliasDeletionTimeInput
+              #aliasDeletionTimeDatepicker="ngbDatepicker"
+              (click)="aliasDeletionTimeDatepicker.open()"
+              (keyup.space)="aliasDeletionTimeDatepicker.open()"
+            />
+            <div *ngIf="aliasDeletionTimeInput.value" class="input-group-append">
+              <button
+                class="btn btn-link px-2"
+                type="button"
+                [title]="'AbpUi::Clear' | abpLocalization"
+                (click)="
+                  aliasDeletionTimeDatepicker.writeValue(null);
+                  aliasDeletionTimeDatepicker.manualDateChange(null, true)
+                "
+              >
+                <i class="fa fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+          </div>
+        </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="gib-partner-pk">
+      {{ 'AbpUi::Save' | abpLocalization }}
+    </abp-button>
+  </ng-template>
+</abp-modal>