feat: Expand obfuscation to User Management credential sharing (#4070)

⚡ Expand obfuscation
n8n-io · Sep 14, 2022 · 5969e47 · 5969e47
1 parent 9f1189f
commit 5969e47
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 8 deletions.
diff --git 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
@@ -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
@@ -73,15 +73,15 @@
 			<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>
 				<p v-if="data.disabled">
 					({{ $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
@@ -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
@@ -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