mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Added instance ID to about modal and restyled credentials docs link (#3903)

Browse Source 
feat(editor): Added instance ID to about modal and restyled credentials docs link

* 💄 Use Notice component instead of Callout in CredentialConfig, remove unused imports
* 💄 Use css var for n8n-notice component and override it for credential configs to get rid of additional margins
* ✅ Update n8n-notice snapshots

Co-authored-by: Oleg Ivaniv <oleg@n8n.io>
This commit is contained in:
Milorad FIlipović
2022-08-30 11:10:17 +02:00
committed by GitHub
parent b5c831122c
commit 0e8cb74ab3
5 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/editor-ui/src/components/AboutModal.vue
View File

@@ -34,6 +34,14 @@
</n8n-link>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="info-name">
<n8n-text>{{ $locale.baseText('about.instanceID') }}</n8n-text>
</el-col>
<el-col :span="16">
<n8n-text>{{ instanceId }}</n8n-text>
</el-col>
</el-row>
</div>
</template>
@@ -64,6 +72,7 @@ export default Vue.extend({
},
computed: {
...mapGetters('settings', ['versionCli']),
...mapGetters(['instanceId']),
},
methods: {
closeDialog() {
@@ -76,5 +85,6 @@ export default Vue.extend({
<style module lang="scss">
.container > * {
margin-bottom: var(--spacing-s);
overflow-wrap: break-word;
}
</style>

17
packages/editor-ui/src/components/CredentialEdit/CredentialConfig.vue
View File

@@ -38,12 +38,14 @@
@click="$emit('retest')"
/>
<n8n-info-tip v-if="documentationUrl && credentialProperties.length">
<n8n-notice v-if="documentationUrl && credentialProperties.length" theme="warning">
{{ $locale.baseText('credentialEdit.credentialConfig.needHelpFillingOutTheseFields') }}
<n8n-link :to="documentationUrl" size="small" :bold="true" @click="onDocumentationUrlClick">
{{ $locale.baseText('credentialEdit.credentialConfig.openDocs') }}
</n8n-link>
</n8n-info-tip>
<span class="ml-4xs">
<n8n-link :to="documentationUrl" size="small" bold @click="onDocumentationUrlClick">
{{ $locale.baseText('credentialEdit.credentialConfig.openDocs') }}
</n8n-link>
</span>
</n8n-notice>
<CopyInput
v-if="isOAuthType && credentialProperties.length"
@@ -73,10 +75,9 @@
</template>
<script lang="ts">
import { ICredentialType, INodeTypeDescription } from 'n8n-workflow';
import { ICredentialType } from 'n8n-workflow';
import { getAppNameFromCredType, isCommunityPackageName } from '../helpers';
import Vue from 'vue';
import Banner from '../Banner.vue';
import CopyInput from '../CopyInput.vue';
import CredentialInputs from './CredentialInputs.vue';
@@ -84,7 +85,6 @@ import OauthButton from './OauthButton.vue';
import { restApi } from '@/components/mixins/restApi';
import { addCredentialTranslation } from '@/plugins/i18n';
import mixins from 'vue-typed-mixins';
import { NPM_PACKAGE_DOCS_BASE_URL } from '@/constants';
export default mixins(restApi).extend({
name: 'CredentialConfig',
@@ -217,6 +217,7 @@ export default mixins(restApi).extend({
<style lang="scss" module>
.container {
--notice-margin: 0;
> * {
margin-bottom: var(--spacing-l);
}