From 5969e47aa220377d69ec550c681d5e2d177a3c98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Wed, 14 Sep 2022 11:43:30 +0200
Subject: [PATCH] feat: Expand obfuscation to User Management credential
 sharing (#4070)

:zap: Expand obfuscation
---
 packages/editor-ui/src/components/CredentialCard.vue      | 2 +-
 .../src/components/CredentialEdit/CredentialConfig.vue    | 8 +++++---
 packages/editor-ui/src/components/Node.vue                | 4 ++--
 packages/editor-ui/src/components/NodeTitle.vue           | 2 +-
 packages/editor-ui/src/views/CredentialsView.vue          | 4 +++-
 5 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/editor-ui/src/components/CredentialCard.vue b/packages/editor-ui/src/components/CredentialCard.vue
index b7bf3526f0d1d..51f9356ac0f75 100644
--- a/packages/editor-ui/src/components/CredentialCard.vue
+++ b/packages/editor-ui/src/components/CredentialCard.vue
@@ -7,7 +7,7 @@
 				<credential-icon :credential-type-name="credentialType ? credentialType.name : ''" />
 			</template>
 			<template #header>
-				<n8n-heading tag="h2" bold :class="$style['card-heading']">
+				<n8n-heading tag="h2" bold class="ph-no-capture" :class="$style['card-heading']">
 					{{ data.name }}
 				</n8n-heading>
 			</template>
diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
index bec8ebfdfc0ef..ac160d6a346f1 100644
--- a/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
+++ b/packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
@@ -61,9 +61,11 @@
 			v-else
 			:features="[EnterpriseEditionFeature.Sharing]"
 		>
-			<n8n-info-tip :bold="false">
-				{{ $locale.baseText('credentialEdit.credentialEdit.info.sharee', { interpolate: { credentialOwnerName } }) }}
-			</n8n-info-tip>
+			<div class="ph-no-capture">
+				<n8n-info-tip :bold="false">
+					{{ $locale.baseText('credentialEdit.credentialEdit.info.sharee', { interpolate: { credentialOwnerName } }) }}
+				</n8n-info-tip>
+			</div>
 		</enterprise-edition>
 
 		<CredentialInputs
diff --git a/packages/editor-ui/src/components/Node.vue b/packages/editor-ui/src/components/Node.vue
index 8920b6f55d60d..b29f0517b5aff 100644
--- a/packages/editor-ui/src/components/Node.vue
+++ b/packages/editor-ui/src/components/Node.vue
@@ -73,7 +73,7 @@
 			<div :class="{'disabled-linethrough': true, success: workflowDataItems > 0}" v-if="showDisabledLinethrough"></div>
 		</div>
 		<div class="node-description">
-			<div class="node-name" :title="nodeTitle">
+			<div class="node-name ph-no-capture" :title="nodeTitle">
 				<p>
 					{{ nodeTitle }}
 				</p>
@@ -81,7 +81,7 @@
 					({{ $locale.baseText('node.disabled') }})
 				</p>
 			</div>
-			<div v-if="nodeSubtitle !== undefined" class="node-subtitle ph-no-capture" :title="nodeSubtitle">
+			<div v-if="nodeSubtitle !== undefined" class="node-subtitle" :title="nodeSubtitle">
 				{{ nodeSubtitle }}
 			</div>
 		</div>
diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 2537c1e0289ff..4aff37c49bcd4 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -16,7 +16,7 @@
 					<n8n-button type="primary" size="small" @click="onRename" :label="$locale.baseText('ndv.title.rename')" />
 				</div>
 			</div>
-			<div slot="reference" :class="{[$style.title]: true, [$style.hoverable]: !readOnly}">
+			<div class="ph-no-capture" slot="reference" :class="{[$style.title]: true, [$style.hoverable]: !readOnly}">
 				{{ value }}
 				<div :class="$style.editIconContainer">
 					<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
diff --git a/packages/editor-ui/src/views/CredentialsView.vue b/packages/editor-ui/src/views/CredentialsView.vue
index c2a0e5d8174e6..05d100f3b67aa 100644
--- a/packages/editor-ui/src/views/CredentialsView.vue
+++ b/packages/editor-ui/src/views/CredentialsView.vue
@@ -41,7 +41,7 @@
 			<n8n-loading :class="$style['card-loading']" variant="custom"/>
 		</div>
 		<template v-else>
-			<div v-if="allCredentials.length === 0">
+			<div class="ph-no-capture" v-if="allCredentials.length === 0">
 				<n8n-action-box
 					emoji="👋"
 					:heading="$locale.baseText(currentUser.firstName ? 'credentials.empty.heading' : 'credentials.empty.heading.userNotSetup', {
@@ -133,6 +133,7 @@
 											/>
 											<n8n-select
 												v-model="filters.ownedBy"
+												class="ph-no-capture"
 												:class="$style['user-select']"
 												size="small"
 												filterable
@@ -167,6 +168,7 @@
 											/>
 											<n8n-select
 												v-model="filters.sharedWith"
+												class="ph-no-capture"
 												:class="$style['user-select']"
 												size="small"
 												filterable