123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- <page-header> </page-header>
- <nz-card [nzBordered]="false">
- <form nz-form [nzLayout]="'inline'" (ngSubmit)="onSearch()" class="search__form">
- <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
- <div nz-col nzMd="16" nzSm="24">
- <nz-form-item>
- <nz-form-label nzFor="connName">{{ 'mxk.connectors.connName' | i18n }}</nz-form-label>
- <nz-form-control>
- <input
- nz-input
- [(ngModel)]="query.params.connName"
- [ngModelOptions]="{ standalone: true }"
- name="connName"
- placeholder=""
- id="connName"
- />
- </nz-form-control>
- </nz-form-item>
- </div>
- <div nz-col [nzSpan]="query.expandForm ? 24 : 8" [class.text-right]="query.expandForm">
- <button nz-button type="submit" [nzType]="'primary'">{{ 'mxk.text.query' | i18n }}</button>
- <button nz-button type="reset" (click)="onReset()" class="mx-sm" style="display: none">{{ 'mxk.text.reset' | i18n }}</button>
- <button nz-button (click)="query.expandForm = !query.expandForm" class="mx-sm" style="display: none">
- {{ query.expandForm ? ('mxk.text.collapse' | i18n) : ('mxk.text.expand' | i18n) }}</button
- >
- </div>
- </div>
- </form>
- </nz-card>
- <nz-card>
- <div nz-col [nzSpan]="24" class="table-list-toolbar">
- <button nz-button type="button" [nzType]="'primary'" (click)="onAdd($event)">{{ 'mxk.text.add' | i18n }}</button>
- <button
- nz-button
- type="button"
- [disabled]="tableHasCheckedItem()"
- nz-popconfirm
- nzPopconfirmTitle="{{ 'mxk.text.delete.popconfirm.title' | i18n }}"
- nzPopconfirmPlacement="left"
- [nzCancelText]="'mxk.text.delete.popconfirm.cancelText' | i18n"
- [nzOkText]="'mxk.text.delete.popconfirm.okText' | i18n"
- (nzOnConfirm)="onBatchDelete()"
- [nzType]="'primary'"
- nzDanger
- class="mx-sm"
- >{{ 'mxk.text.batchDelete' | i18n }}</button
- >
- </div>
- <nz-table
- #dynamicTable
- nzTableLayout="auto"
- nzSize="small"
- nzBordered
- nzShowSizeChanger
- [nzData]="query.results.rows"
- [nzFrontPagination]="false"
- [nzTotal]="query.results.records"
- [nzPageSizeOptions]="query.params.pageSizeOptions"
- [nzPageSize]="query.params.pageSize"
- [nzPageIndex]="query.params.pageNumber"
- [nzLoading]="this.query.tableLoading"
- (nzQueryParams)="onQueryParamsChange($event)"
- nzWidth="100%"
- >
- <thead>
- <tr>
- <th [nzChecked]="query.checked" [nzIndeterminate]="query.indeterminate" (nzCheckedChange)="onTableAllChecked($event)"></th>
- <th nzAlign="center" style="display: none">Id</th>
- <th nzAlign="center">{{ 'mxk.connectors.connName' | i18n }}</th>
- <th nzAlign="center">{{ 'mxk.connectors.justInTime' | i18n }}</th>
- <th nzAlign="center">{{ 'mxk.text.status' | i18n }}</th>
- <th nzAlign="center" class="table_cell_action_2">{{ 'mxk.text.action' | i18n }}</th>
- </tr>
- </thead>
- <tbody>
- <tr *ngFor="let data of query.results.rows">
- <td
- [nzChecked]="query.tableCheckedId.has(data.id)"
- [nzDisabled]="data.disabled"
- (nzCheckedChange)="onTableItemChecked(data.id, $event)"
- ></td>
- <td nzAlign="left" style="display: none">
- <span>{{ data.id }}</span>
- </td>
- <td nzAlign="left"> {{ data.connName }}</td>
- <td nzAlign="center" *ngIf="data.justInTime == 1">{{ 'mxk.text.yes' | i18n }}</td>
- <td nzAlign="center" *ngIf="data.justInTime == 0">{{ 'mxk.text.no' | i18n }}</td>
- <td nzAlign="center"> <i *ngIf="data.status == 1" nz-icon nzType="check-circle" nzTheme="fill" style="color: green"></i></td>
- <td nzAlign="center" nzBreakWord="false">
- <div nz-col>
- <button nz-button type="button" (click)="onEdit($event, data.id)">{{ 'mxk.text.edit' | i18n }}</button>
- <button
- nz-button
- type="button"
- nz-popconfirm
- nzPopconfirmTitle="{{ 'mxk.text.delete.popconfirm.title' | i18n }}"
- nzPopconfirmPlacement="left"
- [nzCancelText]="'mxk.text.delete.popconfirm.cancelText' | i18n"
- [nzOkText]="'mxk.text.delete.popconfirm.okText' | i18n"
- (nzOnConfirm)="onDelete(data.id)"
- nzDanger
- >{{ 'mxk.text.delete' | i18n }}</button
- >
- </div>
- </td>
- </tr>
- </tbody>
- </nz-table>
- </nz-card>
|