mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-19 11:01:15 +00:00
81 lines
1.9 KiB
Vue
81 lines
1.9 KiB
Vue
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
|
|
import TimeAgo from '../TimeAgo.vue';
|
|
import type { INodeTypeDescription } from 'n8n-workflow';
|
|
|
|
export default defineComponent({
|
|
name: 'CredentialInfo',
|
|
components: {
|
|
TimeAgo,
|
|
},
|
|
props: ['currentCredential', 'credentialPermissions'],
|
|
methods: {
|
|
shortNodeType(nodeType: INodeTypeDescription) {
|
|
return this.$locale.shortNodeType(nodeType.name);
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="$style.container">
|
|
<el-row v-if="currentCredential">
|
|
<el-col :span="8" :class="$style.label">
|
|
<n8n-text :compact="true" :bold="true">
|
|
{{ $locale.baseText('credentialEdit.credentialInfo.created') }}
|
|
</n8n-text>
|
|
</el-col>
|
|
<el-col :span="16" :class="$style.valueLabel">
|
|
<n8n-text :compact="true"
|
|
><TimeAgo :date="currentCredential.createdAt" :capitalize="true"
|
|
/></n8n-text>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-if="currentCredential">
|
|
<el-col :span="8" :class="$style.label">
|
|
<n8n-text :compact="true" :bold="true">
|
|
{{ $locale.baseText('credentialEdit.credentialInfo.lastModified') }}
|
|
</n8n-text>
|
|
</el-col>
|
|
<el-col :span="16" :class="$style.valueLabel">
|
|
<n8n-text :compact="true"
|
|
><TimeAgo :date="currentCredential.updatedAt" :capitalize="true"
|
|
/></n8n-text>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-if="currentCredential">
|
|
<el-col :span="8" :class="$style.label">
|
|
<n8n-text :compact="true" :bold="true">
|
|
{{ $locale.baseText('credentialEdit.credentialInfo.id') }}
|
|
</n8n-text>
|
|
</el-col>
|
|
<el-col :span="16" :class="$style.valueLabel">
|
|
<n8n-text :compact="true">{{ currentCredential.id }}</n8n-text>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" module>
|
|
.container {
|
|
> * {
|
|
margin-bottom: var(--spacing-l);
|
|
}
|
|
}
|
|
|
|
.label {
|
|
font-weight: var(--font-weight-bold);
|
|
max-width: 230px;
|
|
}
|
|
|
|
.accessLabel {
|
|
composes: label;
|
|
margin-top: var(--spacing-5xs);
|
|
}
|
|
|
|
.valueLabel {
|
|
font-weight: var(--font-weight-regular);
|
|
}
|
|
</style>
|