[NIFI-14038] - Add quick-copy to component-context component when it displays the id (#9546)

* [NIFI-14038] - Add quick-copy to component-context component when it displays the id

* npm audit fix - cross-spawn vulnerability

This closes #9546
This commit is contained in:
Rob Fellows 2024-11-20 15:27:44 -05:00 committed by GitHub
parent 3ab426072d
commit c12c5fbd53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 10 additions and 9 deletions

View File

@ -24,7 +24,7 @@
</div>
<div class="flex flex-col">
<div>Node Id</div>
<div class="tertiary-color font-medium">
<div [copy]="node.nodeId" class="tertiary-color font-medium">
{{ node.nodeId }}
</div>
</div>

View File

@ -19,12 +19,12 @@ import { Component, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
import { MatButton } from '@angular/material/button';
import { ClusterNode } from '../../../state/cluster-listing';
import { CloseOnEscapeDialog } from '@nifi/shared';
import { CloseOnEscapeDialog, CopyDirective } from '@nifi/shared';
@Component({
selector: 'cluster-node-detail-dialog',
standalone: true,
imports: [MatDialogModule, MatButton],
imports: [MatDialogModule, MatButton, CopyDirective],
templateUrl: './cluster-node-detail-dialog.component.html',
styleUrl: './cluster-node-detail-dialog.component.scss'
})

View File

@ -88,7 +88,7 @@
.context-id {
font-size: 12px;
line-height: 12px;
line-height: 14px;
}
.hidden {

View File

@ -30,6 +30,6 @@
</div>
</div>
@if (id) {
<div class="context-id tertiary-color">{{ id }}</div>
<div [copy]="id" class="context-id tertiary-color">{{ id }}</div>
}
</div>

View File

@ -18,11 +18,12 @@
import { Component, Input } from '@angular/core';
import { ComponentTypeNamePipe } from '../../pipes/component-type-name.pipe';
import { ComponentType } from '../../index';
import { CopyDirective } from '../../directives/index';
@Component({
selector: 'component-context',
standalone: true,
imports: [ComponentTypeNamePipe],
imports: [ComponentTypeNamePipe, CopyDirective],
templateUrl: './component-context.component.html',
styleUrl: './component-context.component.scss'
})

View File

@ -9887,9 +9887,9 @@
}
},
"node_modules/cross-spawn": {
"version": "7.0.3",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
"integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
"version": "7.0.6",
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
"dependencies": {
"path-key": "^3.1.0",
"shebang-command": "^2.0.0",