mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 04:34:06 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

💄 Make clearer in credentials what data is for

Browse source
This commit is contained in:
Jan Oberhauser 2019-06-24 14:45:03 +02:00
parent e9eb18759c
commit 6da4c60060
1 changed files with 31 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
packages/editor-ui/src/components/CredentialsInput.vue
View file

@ -1,8 +1,12 @@
<template> <template>
<div @keydown.stop class="credentials-input-wrapper"> <div @keydown.stop class="credentials-input-wrapper">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6" class="headline-regular">
Preset Name: Credentials Name:
<el-tooltip class="credentials-info" placement="top" effect="light">
<div slot="content" v-html="helpTexts.credentialsName"></div>
<font-awesome-icon icon="question-circle" />
</el-tooltip>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<el-input size="small" type="text" v-model="name"></el-input> <el-input size="small" type="text" v-model="name"></el-input>
@ -12,6 +16,10 @@
<br /> <br />
<div class="headline"> <div class="headline">
Credential Data: Credential Data:
<el-tooltip class="credentials-info" placement="top" effect="light">
<div slot="content" v-html="helpTexts.credentialsData"></div>
<font-awesome-icon icon="question-circle" />
</el-tooltip>
</div> </div>
<el-row v-for="parameter in credentialTypeData.properties" :key="parameter.name" class="parameter-wrapper"> <el-row v-for="parameter in credentialTypeData.properties" :key="parameter.name" class="parameter-wrapper">
<el-col :span="6"> <el-col :span="6">
@ -25,6 +33,10 @@
<el-row class="nodes-access-wrapper"> <el-row class="nodes-access-wrapper">
<el-col :span="6" class="headline"> <el-col :span="6" class="headline">
Nodes with access: Nodes with access:
<el-tooltip class="credentials-info" placement="top" effect="light">
<div slot="content" v-html="helpTexts.nodesWithAccess"></div>
<font-awesome-icon icon="question-circle" />
</el-tooltip>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<el-transfer <el-transfer
@ -92,6 +104,11 @@ export default mixins(
}, },
data () { data () {
return { return {
helpTexts: {
credentialsData: 'The credentials to set.',
credentialsName: 'The name the credentials should be saved as. Use a name<br />which makes it clear to what exactly they give access to.<br />For credentials of an Email account that could be the Email address itself.',
nodesWithAccess: 'The nodes which allowed to use this credentials.',
},
nodesAccess: [] as string[], nodesAccess: [] as string[],
name: '', name: '',
propertyValue: {} as ICredentialDataDecryptedObject, propertyValue: {} as ICredentialDataDecryptedObject,
@ -265,6 +282,18 @@ export default mixins(
.parameter-wrapper { .parameter-wrapper {
line-height: 3em; line-height: 3em;
} }
.credentials-info {
display: none;
}
.headline:hover,
.headline-regular:hover {
.credentials-info {
display: inline;
}
}
} }
</style> </style>