[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>
<div class="flex flex-col"> <div class="flex flex-col">
<div>Node Id</div> <div>Node Id</div>
<div class="tertiary-color font-medium"> <div [copy]="node.nodeId" class="tertiary-color font-medium">
{{ node.nodeId }} {{ node.nodeId }}
</div> </div>
</div> </div>

View File

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

View File

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

View File

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

View File

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

View File

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