|
@@ -5,6 +5,15 @@
|
|
|
<div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
|
|
|
<div nz-col nzMd="10" nzSm="24">
|
|
|
<nz-form-item>
|
|
|
+ <nz-form-label nzFor="roleName">{{ 'mxk.roles.name' | i18n }}</nz-form-label>
|
|
|
+ <nz-form-control>
|
|
|
+ <input nz-input [(ngModel)]="query.params.roleName" [ngModelOptions]="{ standalone: true }" name="roleName"
|
|
|
+ placeholder="" id="roleName" />
|
|
|
+ </nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col nzMd="10" nzSm="24">
|
|
|
+ <nz-form-item>
|
|
|
<nz-form-label nzFor="name">{{ 'mxk.resources.appName' | i18n }}</nz-form-label>
|
|
|
<nz-form-control>
|
|
|
<nz-input-group nzSearch [nzAddOnAfter]="suffixButton">
|
|
@@ -18,16 +27,7 @@
|
|
|
</nz-form-control>
|
|
|
</nz-form-item>
|
|
|
</div>
|
|
|
- <div nz-col nzMd="8" nzSm="24">
|
|
|
- <nz-form-item>
|
|
|
- <nz-form-label nzFor="roleName">{{ 'mxk.roles.name' | i18n }}</nz-form-label>
|
|
|
- <nz-form-control>
|
|
|
- <input nz-input [(ngModel)]="query.params.roleName" [ngModelOptions]="{ standalone: true }" name="roleName"
|
|
|
- placeholder="" id="roleName" />
|
|
|
- </nz-form-control>
|
|
|
- </nz-form-item>
|
|
|
- </div>
|
|
|
- <div nz-col [nzSpan]="query.expandForm ? 24 : 6" [class.text-right]="query.expandForm">
|
|
|
+ <div nz-col [nzSpan]="query.expandForm ? 24 : 4" [class.text-right]="query.expandForm">
|
|
|
<button nz-button type="submit" [nzType]="'primary'" [nzLoading]="query.submitLoading">{{ 'mxk.text.query' |
|
|
|
i18n }}</button>
|
|
|
<button nz-button type="reset" (click)="onReset()" class="mx-sm" style="display: none">{{ 'mxk.text.reset' |
|
|
@@ -44,23 +44,6 @@
|
|
|
</div>
|
|
|
<div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 8, lg: 24, xl: 48, xxl: 48 }">
|
|
|
<div nz-col [nzSpan]="10" class="grid-border">
|
|
|
- <nz-tree #nzTreeComponent nzShowLine="false" [nzCheckable]="treeNodes.checkable"
|
|
|
- [nzCheckedKeys]="treeNodes.checkedKeys" nzBlockNode [nzData]="treeNodes.nodes" (nzDblClick)="openFolder($event)"
|
|
|
- [nzTreeTemplate]="nzTreeTemplate"></nz-tree>
|
|
|
- <ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
- <span class="custom-node">
|
|
|
- <span *ngIf="!node.isLeaf">
|
|
|
- <i nz-icon [nzType]="node.isExpanded ? 'folder-open' : 'folder'" (click)="openFolder(node)"></i>
|
|
|
- <span class="folder-name">{{ node.title }}</span>
|
|
|
- </span>
|
|
|
- <span *ngIf="node.isLeaf">
|
|
|
- <i nz-icon nzType="file"></i>
|
|
|
- <span class="file-name">{{ node.title }}</span>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </ng-template>
|
|
|
- </div>
|
|
|
- <div nz-col [nzSpan]="14" class="grid-border">
|
|
|
<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"
|
|
@@ -73,7 +56,7 @@
|
|
|
<th nzAlign="center"></th>
|
|
|
<th nzAlign="center" style="display: none">Id</th>
|
|
|
<th nzAlign="center">{{ 'mxk.roles.name' | i18n }}</th>
|
|
|
- <th nzAlign="center">{{ 'mxk.roles.dynamic' | i18n }}</th>
|
|
|
+ <th nzAlign="center">{{ 'mxk.roles.category' | i18n }}</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
<tbody>
|
|
@@ -84,11 +67,28 @@
|
|
|
<span>{{ data.id }}</span>
|
|
|
</td>
|
|
|
<td nzAlign="left" nzBreakWord="false">{{ data.roleName }}</td>
|
|
|
- <td nzAlign="center"> <i *ngIf="data.dynamic == 1" nz-icon nzType="check-circle" nzTheme="fill"
|
|
|
- style="color: green"></i></td>
|
|
|
+ <td nzAlign="center" *ngIf="data.category == 'dynamic'"> {{ 'mxk.roles.category.dynamic' | i18n }}</td>
|
|
|
+ <td nzAlign="center" *ngIf="data.category == 'static'"> {{ 'mxk.roles.category.static' | i18n }}</td>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</nz-table>
|
|
|
</div>
|
|
|
+ <div nz-col [nzSpan]="14" class="grid-border">
|
|
|
+ <nz-tree #nzTreeComponent nzShowLine="false" [nzCheckable]="treeNodes.checkable"
|
|
|
+ [nzCheckedKeys]="treeNodes.checkedKeys" nzBlockNode [nzData]="treeNodes.nodes" (nzDblClick)="openFolder($event)"
|
|
|
+ [nzTreeTemplate]="nzTreeTemplate"></nz-tree>
|
|
|
+ <ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
+ <span class="custom-node">
|
|
|
+ <span *ngIf="!node.isLeaf">
|
|
|
+ <i nz-icon [nzType]="node.isExpanded ? 'folder-open' : 'folder'" (click)="openFolder(node)"></i>
|
|
|
+ <span class="folder-name">{{ node.title }}</span>
|
|
|
+ </span>
|
|
|
+ <span *ngIf="node.isLeaf">
|
|
|
+ <i nz-icon nzType="file"></i>
|
|
|
+ <span class="file-name">{{ node.title }}</span>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </ng-template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</nz-card>
|