ci: frontend run lint instead of test
parent
ce501e36bf
commit
bc828f8538
@ -1,13 +1,12 @@
|
||||
import { NgModule, Optional, SkipSelf } from '@angular/core';
|
||||
import { throwIfAlreadyLoaded } from './module-import-guard';
|
||||
|
||||
import { throwIfAlreadyLoaded } from './module-import-guard';
|
||||
|
||||
@NgModule({
|
||||
providers: [
|
||||
]
|
||||
providers: []
|
||||
})
|
||||
export class CoreModule {
|
||||
constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
|
||||
constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
|
||||
throwIfAlreadyLoaded(parentModule, 'CoreModule');
|
||||
}
|
||||
}
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
export * from './module-import-guard';
|
||||
export * from './net/default.interceptor';
|
||||
export * from './startup/startup.service';
|
||||
|
@ -1,83 +1,105 @@
|
||||
<page-header [title]="'Call'" [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Call</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Call</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<div nz-row>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<form nz-form (ngSubmit)="call()" role="form">
|
||||
<nz-form-item>
|
||||
<nz-form-control nzErrorTip="Select service">
|
||||
<nz-select nzShowSearch name="service" nzPlaceHolder="Select service" [(ngModel)]="selectedService"
|
||||
(ngModelChange)="serviceChanged($event)">
|
||||
<nz-option *ngFor="let s of services" [nzValue]="s" [nzLabel]="s.name">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="selectedService">
|
||||
<nz-form-control>
|
||||
<nz-select nzShowSearch name="version" nzPlaceHolder="Select version" [(ngModel)]="version"
|
||||
(ngModelChange)="versionChanged($event)">
|
||||
<nz-option *ngFor="let v of selectedService.versions" [nzValue]="v" [nzLabel]="v">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="endpoints">
|
||||
<nz-form-control>
|
||||
<nz-select nzShowSearch name="endpoint" nzPlaceHolder="Select endpoint"
|
||||
[(ngModel)]="selectedEndpoint" (ngModelChange)="endpointChanged($event)">
|
||||
<nz-option *ngFor="let e of endpoints" [nzValue]="e" [nzLabel]="e.name">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
<textarea nz-input name="request" placeholder="Request payload" [ngModel]="request|json"
|
||||
[nzAutosize]="{ minRows: 5, maxRows: 20 }" (ngModelChange)="requestChanged($event)"></textarea>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
Timeout(Seconds)
|
||||
<nz-input-number name="timeout" nzPlaceHolder="timeout" [(ngModel)]="timeout" [nzMin]="1"
|
||||
[nzMax]="60" [nzStep]="1"></nz-input-number>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock>
|
||||
Call
|
||||
</button>
|
||||
</nz-form-item>
|
||||
</form>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<nz-card nzTitle="Response" [nzExtra]="actions">
|
||||
<p style="overflow-wrap: break-word;white-space: break-spaces;">{{response|json}}</p>
|
||||
</nz-card>
|
||||
<ng-template #actions>
|
||||
<nz-space nzSize="middle">
|
||||
<a *nzSpaceItem (click)="copyToClipboard(response)">
|
||||
<i nz-icon nzType="copy" nzTheme="outline"></i>
|
||||
</a>
|
||||
<a *nzSpaceItem (click)="response={}">
|
||||
<i nz-icon nzType="clear" nzTheme="outline"></i>
|
||||
</a>
|
||||
</nz-space>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<form nz-form (ngSubmit)="call()" role="form">
|
||||
<nz-form-item>
|
||||
<nz-form-control nzErrorTip="Select service">
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="service"
|
||||
nzPlaceHolder="Select service"
|
||||
[(ngModel)]="selectedService"
|
||||
(ngModelChange)="serviceChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let s of services" [nzValue]="s" [nzLabel]="s.name"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="selectedService">
|
||||
<nz-form-control>
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="version"
|
||||
nzPlaceHolder="Select version"
|
||||
[(ngModel)]="version"
|
||||
(ngModelChange)="versionChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let v of selectedService.versions" [nzValue]="v" [nzLabel]="v"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="endpoints">
|
||||
<nz-form-control>
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="endpoint"
|
||||
nzPlaceHolder="Select endpoint"
|
||||
[(ngModel)]="selectedEndpoint"
|
||||
(ngModelChange)="endpointChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let e of endpoints" [nzValue]="e" [nzLabel]="e.name"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
<textarea
|
||||
nz-input
|
||||
name="request"
|
||||
placeholder="Request payload"
|
||||
[ngModel]="request | json"
|
||||
[nzAutosize]="{ minRows: 5, maxRows: 20 }"
|
||||
(ngModelChange)="requestChanged($event)"
|
||||
></textarea>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
Timeout(Seconds)
|
||||
<nz-input-number
|
||||
name="timeout"
|
||||
nzPlaceHolder="timeout"
|
||||
[(ngModel)]="timeout"
|
||||
[nzMin]="1"
|
||||
[nzMax]="60"
|
||||
[nzStep]="1"
|
||||
></nz-input-number>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock> Call </button>
|
||||
</nz-form-item>
|
||||
</form>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<nz-card nzTitle="Response" [nzExtra]="actions">
|
||||
<p style="overflow-wrap: break-word; white-space: break-spaces">{{ response | json }}</p>
|
||||
</nz-card>
|
||||
<ng-template #actions>
|
||||
<nz-space nzSize="middle">
|
||||
<a *nzSpaceItem (click)="copyToClipboard(response)">
|
||||
<i nz-icon nzType="copy" nzTheme="outline"></i>
|
||||
</a>
|
||||
<a *nzSpaceItem (click)="response = {}">
|
||||
<i nz-icon nzType="clear" nzTheme="outline"></i>
|
||||
</a>
|
||||
</nz-space>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,76 +1,92 @@
|
||||
<page-header [title]="'Publish'" [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Publish</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Publish</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<div nz-row>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<form nz-form (ngSubmit)="publish()" role="form">
|
||||
<nz-form-item>
|
||||
<nz-form-control nzErrorTip="Select service">
|
||||
<nz-select nzShowSearch name="service" nzPlaceHolder="Select service" [(ngModel)]="selectedService"
|
||||
(ngModelChange)="serviceChanged($event)">
|
||||
<nz-option *ngFor="let s of services" [nzValue]="s" [nzLabel]="s.name">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="selectedService&&selectedService.versions">
|
||||
<nz-form-control>
|
||||
<nz-select nzShowSearch name="version" nzPlaceHolder="Select version" [(ngModel)]="version"
|
||||
(ngModelChange)="versionChanged($event)">
|
||||
<nz-option *ngFor="let v of selectedService.versions" [nzValue]="v" [nzLabel]="v">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="endpoints">
|
||||
<nz-form-control>
|
||||
<nz-select nzShowSearch name="topic" nzPlaceHolder="Select topic" [(ngModel)]="selectedEndpoint"
|
||||
(ngModelChange)="endpointChanged($event)">
|
||||
<nz-option *ngFor="let e of endpoints" [nzValue]="e" [nzLabel]="e.name">
|
||||
</nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
<textarea nz-input name="request" placeholder="Request payload" [ngModel]="request|json"
|
||||
[nzAutosize]="{ minRows: 5, maxRows: 20 }" (ngModelChange)="requestChanged($event)"></textarea>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock>
|
||||
Publish
|
||||
</button>
|
||||
</nz-form-item>
|
||||
</form>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<nz-card nzTitle="Response" [nzExtra]="actions">
|
||||
<p style="overflow-wrap: break-word;white-space: break-spaces;">{{response|json}}</p>
|
||||
</nz-card>
|
||||
<ng-template #actions>
|
||||
<nz-space nzSize="middle">
|
||||
<a *nzSpaceItem (click)="copyToClipboard(response)">
|
||||
<i nz-icon nzType="copy" nzTheme="outline"></i>
|
||||
</a>
|
||||
<a *nzSpaceItem (click)="response={}">
|
||||
<i nz-icon nzType="clear" nzTheme="outline"></i>
|
||||
</a>
|
||||
</nz-space>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<form nz-form (ngSubmit)="publish()" role="form">
|
||||
<nz-form-item>
|
||||
<nz-form-control nzErrorTip="Select service">
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="service"
|
||||
nzPlaceHolder="Select service"
|
||||
[(ngModel)]="selectedService"
|
||||
(ngModelChange)="serviceChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let s of services" [nzValue]="s" [nzLabel]="s.name"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="selectedService && selectedService.versions">
|
||||
<nz-form-control>
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="version"
|
||||
nzPlaceHolder="Select version"
|
||||
[(ngModel)]="version"
|
||||
(ngModelChange)="versionChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let v of selectedService.versions" [nzValue]="v" [nzLabel]="v"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item *ngIf="endpoints">
|
||||
<nz-form-control>
|
||||
<nz-select
|
||||
nzShowSearch
|
||||
name="topic"
|
||||
nzPlaceHolder="Select topic"
|
||||
[(ngModel)]="selectedEndpoint"
|
||||
(ngModelChange)="endpointChanged($event)"
|
||||
>
|
||||
<nz-option *ngFor="let e of endpoints" [nzValue]="e" [nzLabel]="e.name"> </nz-option>
|
||||
</nz-select>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<nz-form-control>
|
||||
<textarea
|
||||
nz-input
|
||||
name="request"
|
||||
placeholder="Request payload"
|
||||
[ngModel]="request | json"
|
||||
[nzAutosize]="{ minRows: 5, maxRows: 20 }"
|
||||
(ngModelChange)="requestChanged($event)"
|
||||
></textarea>
|
||||
</nz-form-control>
|
||||
</nz-form-item>
|
||||
<nz-form-item>
|
||||
<button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock> Publish </button>
|
||||
</nz-form-item>
|
||||
</form>
|
||||
</div>
|
||||
<div nz-col nzSpan="12" class="p-sm">
|
||||
<nz-card nzTitle="Response" [nzExtra]="actions">
|
||||
<p style="overflow-wrap: break-word; white-space: break-spaces">{{ response | json }}</p>
|
||||
</nz-card>
|
||||
<ng-template #actions>
|
||||
<nz-space nzSize="middle">
|
||||
<a *nzSpaceItem (click)="copyToClipboard(response)">
|
||||
<i nz-icon nzType="copy" nzTheme="outline"></i>
|
||||
</a>
|
||||
<a *nzSpaceItem (click)="response = {}">
|
||||
<i nz-icon nzType="clear" nzTheme="outline"></i>
|
||||
</a>
|
||||
</nz-space>
|
||||
</ng-template>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,26 +1,30 @@
|
||||
<page-header [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>Dashboard</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>Dashboard</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<nz-card [nzHoverable]="true" [nzBordered]="false">
|
||||
<sv-container size="large" title="Registry">
|
||||
<sv label="Type">{{ registryType }}</sv>
|
||||
<sv label="Addrs">{{ registryAddrs }}</sv>
|
||||
</sv-container>
|
||||
<sv-container size="large" title="Registry">
|
||||
<sv label="Type">{{ registryType }}</sv>
|
||||
<sv label="Addrs">{{ registryAddrs }}</sv>
|
||||
</sv-container>
|
||||
</nz-card>
|
||||
<nz-card [nzHoverable]="true" [nzBordered]="false" (click)="goto('/services')">
|
||||
<sv-container size="large" title="Services">
|
||||
<sv label="Services"><a (click)="goto('/services')">{{ servicesCount }}</a></sv>
|
||||
<sv label="Nodes"><a (click)="goto('/services')">{{ nodesCount }}</a></sv>
|
||||
</sv-container>
|
||||
</nz-card>
|
||||
<sv-container size="large" title="Services">
|
||||
<sv label="Services"
|
||||
><a (click)="goto('/services')">{{ servicesCount }}</a></sv
|
||||
>
|
||||
<sv label="Nodes"
|
||||
><a (click)="goto('/services')">{{ nodesCount }}</a></sv
|
||||
>
|
||||
</sv-container>
|
||||
</nz-card>
|
||||
|
@ -1,101 +1,93 @@
|
||||
<page-header [title]="name" [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Service Detail</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Service Detail</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<nz-collapse>
|
||||
<nz-collapse-panel *ngFor="let service of services" [nzHeader]="service.version" nzActive="true">
|
||||
<nz-table #nodeTable *ngIf="service.nodes" [nzData]="service.nodes" [nzFrontPagination]="false"
|
||||
[nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Id</th>
|
||||
<th>Address</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of nodeTable.data">
|
||||
<td>{{data.id}}</td>
|
||||
<td>{{data.address}}</td>
|
||||
<td>{{data.metadata|json}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<nz-collapse-panel *ngFor="let service of services" [nzHeader]="service.version" nzActive="true">
|
||||
<nz-table #nodeTable *ngIf="service.nodes" [nzData]="service.nodes" [nzFrontPagination]="false" [nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Id</th>
|
||||
<th>Address</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of nodeTable.data">
|
||||
<td>{{ data.id }}</td>
|
||||
<td>{{ data.address }}</td>
|
||||
<td>{{ data.metadata | json }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
<nz-collapse nzGhost *ngIf="service.handlers">
|
||||
<nz-collapse-panel [nzHeader]="'Handlers (' + service.handlers.length + ')'" nzExpandedIcon="double-right" nzActive="true">
|
||||
<nz-table #handlerTable [nzData]="service.handlers" [nzFrontPagination]="false" [nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Request</th>
|
||||
<th>Response</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of handlerTable.data">
|
||||
<td>
|
||||
{{ data.name }}
|
||||
<a (click)="gotoCall(service.name, service.version, data.name)"> Call </a>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{ data.request | endpoint }}</pre>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{ data.response | endpoint }}</pre>
|
||||
</td>
|
||||
<td>{{ data.metadata | json }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
<nz-collapse nzGhost *ngIf="service.handlers">
|
||||
<nz-collapse-panel [nzHeader]="'Handlers ('+service.handlers.length+')'" nzExpandedIcon="double-right"
|
||||
nzActive="true">
|
||||
<nz-table #handlerTable [nzData]="service.handlers" [nzFrontPagination]="false" [nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Request</th>
|
||||
<th>Response</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of handlerTable.data">
|
||||
<td>
|
||||
{{data.name}}
|
||||
<a (click)="gotoCall(service.name, service.version, data.name)">
|
||||
Call
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{data.request|endpoint}}</pre>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{data.response|endpoint}}</pre>
|
||||
</td>
|
||||
<td>{{data.metadata|json}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
<nz-collapse nzGhost *ngIf="service.subscribers">
|
||||
<nz-collapse-panel [nzHeader]="'Subscribers ('+service.subscribers.length+')'" nzExpandedIcon="double-right"
|
||||
nzActive="true">
|
||||
<nz-table #subscriberTable [nzData]="service.subscribers" [nzFrontPagination]="false"
|
||||
[nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Topic</th>
|
||||
<th>Payload</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of subscriberTable.data">
|
||||
<td>
|
||||
{{data.name}}
|
||||
<a (click)="gotoPublish(service.name, service.version, data.name)">
|
||||
Publish
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{data.request|endpoint}}</pre>
|
||||
</td>
|
||||
<td>{{data.metadata|json}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
<nz-collapse nzGhost *ngIf="service.subscribers">
|
||||
<nz-collapse-panel [nzHeader]="'Subscribers (' + service.subscribers.length + ')'" nzExpandedIcon="double-right" nzActive="true">
|
||||
<nz-table #subscriberTable [nzData]="service.subscribers" [nzFrontPagination]="false" [nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Topic</th>
|
||||
<th>Payload</th>
|
||||
<th>Metadata</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of subscriberTable.data">
|
||||
<td>
|
||||
{{ data.name }}
|
||||
<a (click)="gotoPublish(service.name, service.version, data.name)"> Publish </a>
|
||||
</td>
|
||||
<td>
|
||||
<pre class="json">{{ data.request | endpoint }}</pre>
|
||||
</td>
|
||||
<td>{{ data.metadata | json }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
|
||||
<nz-back-top></nz-back-top>
|
||||
<nz-back-top></nz-back-top>
|
||||
|
@ -1,25 +1,27 @@
|
||||
<page-header [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Services</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Services</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<nz-list nzItemLayout="horizontal" style="background-color: #fff;" [nzLoading]="loading" nzBordered>
|
||||
<nz-list-item *ngFor="let service of services" nzNoFlex>
|
||||
<a (click)="gotoServiceDetail(service.name, undefined)">{{ service.name }}</a>
|
||||
<span *ngFor="let version of service.versions" style="margin-left:8px;">
|
||||
<nz-tag *ngIf="version" [nzColor]="'green'"><a (click)="gotoServiceDetail(service.name, version)">{{ version }}</a></nz-tag>
|
||||
</span>
|
||||
</nz-list-item>
|
||||
<nz-list-empty *ngIf="!services||!services.length"></nz-list-empty>
|
||||
<nz-list nzItemLayout="horizontal" style="background-color: #fff" [nzLoading]="loading" nzBordered>
|
||||
<nz-list-item *ngFor="let service of services" nzNoFlex>
|
||||
<a (click)="gotoServiceDetail(service.name, undefined)">{{ service.name }}</a>
|
||||
<span *ngFor="let version of service.versions" style="margin-left: 8px">
|
||||
<nz-tag *ngIf="version" [nzColor]="'green'"
|
||||
><a (click)="gotoServiceDetail(service.name, version)">{{ version }}</a></nz-tag
|
||||
>
|
||||
</span>
|
||||
</nz-list-item>
|
||||
<nz-list-empty *ngIf="!services || !services.length"></nz-list-empty>
|
||||
</nz-list>
|
||||
|
||||
<nz-back-top></nz-back-top>
|
||||
<nz-back-top></nz-back-top>
|
||||
|
@ -1,54 +1,75 @@
|
||||
<page-header [breadcrumb]="breadcrumb" [action]="action">
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Nodes</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float:right;" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
<ng-template #breadcrumb>
|
||||
<nz-breadcrumb>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/dashboard">Dashboard</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>
|
||||
<a href="#/services">Services</a>
|
||||
</nz-breadcrumb-item>
|
||||
<nz-breadcrumb-item>Nodes</nz-breadcrumb-item>
|
||||
</nz-breadcrumb>
|
||||
</ng-template>
|
||||
<ng-template #action>
|
||||
<button nz-button nzType="primary" style="float: right" (click)="load()" [nzLoading]="loading">Refresh</button>
|
||||
</ng-template>
|
||||
</page-header>
|
||||
|
||||
<nz-collapse nzGhost>
|
||||
<nz-collapse-panel *ngFor="let service of services" [nzHeader]="service.name" nzActive="true">
|
||||
<nz-table #nodeTable *ngIf="service.nodes" nzExpandedIcon="double-right" [nzData]="service.nodes"
|
||||
[nzFrontPagination]="false" [nzBordered]="true">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Id</th>
|
||||
<th>Version</th>
|
||||
<th>Address</th>
|
||||
<th>Metadata</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of nodeTable.data">
|
||||
<td nz-tooltip [nzTooltipTitle]="data.tip">
|
||||
<i *ngIf="data.valid!==undefined&&!data.valid" nz-icon [nzType]="'close-circle'"
|
||||
[nzTheme]="'twotone'" [nzTwotoneColor]="'#eb2f96'"></i>
|
||||
<i *ngIf="data.valid!==undefined&&data.valid" nz-icon [nzType]="'check-circle'"
|
||||
[nzTheme]="'twotone'" [nzTwotoneColor]="'#52c41a'"></i>
|
||||
{{data.id}}
|
||||
</td>
|
||||
<td>{{data.version}}</td>
|
||||
<td>{{data.address}} </td>
|
||||
<td>{{data.metadata|json}}</td>
|
||||
<td>
|
||||
<button nz-button nzType="primary" [nzLoading]="data.loading"
|
||||
[disabled]="!data.metadata['server']||data.metadata['server']=='http'"
|
||||
(click)="healthCheck(service.name, data)">Health</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
</nz-collapse-panel>
|
||||
<nz-collapse-panel *ngFor="let service of services" [nzHeader]="service.name" nzActive="true">
|
||||
<nz-table
|
||||
#nodeTable
|
||||
*ngIf="service.nodes"
|
||||
nzExpandedIcon="double-right"
|
||||
[nzData]="service.nodes"
|
||||
[nzFrontPagination]="false"
|
||||
[nzBordered]="true"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Id</th>
|
||||
<th>Version</th>
|
||||
<th>Address</th>
|
||||
<th>Metadata</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let data of nodeTable.data">
|
||||
<td nz-tooltip [nzTooltipTitle]="data.tip">
|
||||
<i
|
||||
*ngIf="data.valid !== undefined && !data.valid"
|
||||
nz-icon
|
||||
[nzType]="'close-circle'"
|
||||
[nzTheme]="'twotone'"
|
||||
[nzTwotoneColor]="'#eb2f96'"
|
||||
></i>
|
||||
<i
|
||||
*ngIf="data.valid !== undefined && data.valid"
|
||||
nz-icon
|
||||
[nzType]="'check-circle'"
|
||||
[nzTheme]="'twotone'"
|
||||
[nzTwotoneColor]="'#52c41a'"
|
||||
></i>
|
||||
{{ data.id }}
|
||||
</td>
|
||||
<td>{{ data.version }}</td>
|
||||
<td>{{ data.address }} </td>
|
||||
<td>{{ data.metadata | json }}</td>
|
||||
<td>
|
||||
<button
|
||||
nz-button
|
||||
nzType="primary"
|
||||
[nzLoading]="data.loading"
|
||||
[disabled]="!data.metadata['server'] || data.metadata['server'] == 'http'"
|
||||
(click)="healthCheck(service.name, data)"
|
||||
>Health</button
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</nz-table>
|
||||
</nz-collapse-panel>
|
||||
</nz-collapse>
|
||||
|
||||
<nz-back-top></nz-back-top>
|
||||
<nz-back-top></nz-back-top>
|
||||
|
Loading…
Reference in New Issue