test/postcat
1
0
Fork 0
mirror of https://gitee.com/eolink_admin/postcat.git synced 2024-12-04 04:38:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: fix some style

Browse Source
This commit is contained in:
夜鹰 2022-07-15 16:17:48 +08:00
parent 155c5fb068
commit 8b63c8ab9a
2 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/workbench/browser/src/app/shared/components/api-script/api-script.component.html
View File

@ -15,6 +15,7 @@
</div>
<nz-tree
#nzTreeComponent
nzBlockNode
[nzData]="dataSource"
[nzExpandedKeys]="expandedKeys"
(nzClick)="nzClick($event)"
@ -22,42 +23,44 @@
></nz-tree>
<ng-template #nzTreeTemplate let-node>
<ng-template [ngIf]="!node.isLeaf">
<span class="text-sm"> {{ node.title }}</span>
<span class="text-sm">{{ node.title }}</span>
</ng-template>
<ng-template [ngIf]="node.isLeaf">
<span class="text-sm text-blue-400" (click)="insertCode(node)"> {{ node.title }}</span>
<ng-container *ngIf="node.origin.note">
<span
[nzTooltipTitle]="titleTemplate"
[nzTooltipPlacement]="['topLeft', 'leftTop']"
class="text-blue-400"
nzTooltipColor="black"
(click)="insertCode(node)"
nz-tooltip
>
[?]
</span>
<ng-template #titleTemplate let-thing>
<p style="color: #99c6da" *ngIf="node.origin.note.code">{{ node.origin.note.code }}</p>
<p *ngIf="node.origin.note.desc">{{ node.origin.note.desc }}</p>
<ng-container *ngIf="node.origin.note.input">
<br />
<p style="color: #999" i18n>---input---</p>
<p *ngFor="let item of node.origin.note.input">
<span style="color: #ff9800">{{ item.key }}：</span>{{ item.value }}
</p>
</ng-container>
<ng-container *ngIf="node.origin.note.output">
<br />
<p style="color: #999" i18n>---return---</p>
<p>{{ node.origin.note.output }}</p>
</ng-container>
</ng-template>
</ng-container>
<div (click)="insertCode(node)">
<span class="text-sm text-blue-400">{{ node.title }}</span>
<ng-container *ngIf="node.origin.note">
<span
[nzTooltipTitle]="titleTemplate"
[nzTooltipPlacement]="['topLeft', 'leftTop']"
class="text-blue-400"
nzTooltipColor="black"
(click)="insertCode(node)"
nz-tooltip
>
[?]
</span>
<ng-template #titleTemplate let-thing>
<p style="color: #99c6da" *ngIf="node.origin.note.code">{{ node.origin.note.code }}</p>
<p *ngIf="node.origin.note.desc">{{ node.origin.note.desc }}</p>
<ng-container *ngIf="node.origin.note.input">
<br />
<p style="color: #999" i18n>---input---</p>
<p *ngFor="let item of node.origin.note.input">
<span style="color: #ff9800">{{ item.key }}：</span>{{ item.value }}
</p>
</ng-container>
<ng-container *ngIf="node.origin.note.output">
<br />
<p style="color: #999" i18n>---return---</p>
<p>{{ node.origin.note.output }}</p>
</ng-container>
</ng-template>
</ng-container>
</div>
</ng-template>
</ng-template>
</div>
<div class="flex-1">
<div class="flex-1 h-[322px]">
<eo-editor
[(code)]="code"
editorType="javascript"

3
src/workbench/browser/src/app/shared/components/api-script/api-script.component.ts
View File

@ -22,7 +22,7 @@ export class ApiScriptComponent implements OnInit {
selectListSelection = new SelectionModel<FlatNode>(true);
dataSource: NzTreeNodeOptions[] = [];
expandedKeys = [];
expandedKeys = [0];
constructor() {}
@ -54,7 +54,6 @@ export class ApiScriptComponent implements OnInit {
})),
...it,
}));
console.log(this.dataSource);
}
handleChange(code) {