admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 02:21:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): Standardize components sections order (no-changelog) (#10540)

Browse Source
This commit is contained in:
Ricardo Espinoza
2024-08-24 09:24:08 -04:00
committed by GitHub
parent 4d48f903af
commit 609bc4d97d
215 changed files with 10387 additions and 10376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
packages/editor-ui/src/views/CredentialsView.vue
View File

@@ -1,66 +1,3 @@
<template>
<ResourcesListLayout
ref="layout"
resource-key="credentials"
:resources="allCredentials"
:initialize="initialize"
:filters="filters"
:additional-filters-handler="onFilter"
:type-props="{ itemSize: 77 }"
:loading="loading"
:disabled="readOnlyEnv || !projectPermissions.credential.create"
@click:add="addCredential"
@update:filters="filters = $event"
>
<template #header>
<ProjectTabs />
</template>
<template #add-button="{ disabled }">
<div>
<n8n-button
size="large"
block
:disabled="disabled"
data-test-id="resources-list-add"
@click="addCredential"
>
{{ addCredentialButtonText }}
</n8n-button>
</div>
</template>
<template #default="{ data }">
<CredentialCard data-test-id="resources-list-item" class="mb-2xs" :data="data" />
</template>
<template #filters="{ setKeyValue }">
<div class="mb-s">
<n8n-input-label
:label="$locale.baseText('credentials.filters.type')"
:bold="false"
size="small"
color="text-base"
class="mb-3xs"
/>
<n8n-select
ref="typeInput"
:model-value="filters.type"
size="medium"
multiple
filterable
:class="$style['type-input']"
@update:model-value="setKeyValue('type', $event)"
>
<n8n-option
v-for="credentialType in allCredentialTypes"
:key="credentialType.name"
:value="credentialType.name"
:label="credentialType.displayName"
/>
</n8n-select>
</div>
</template>
</ResourcesListLayout>
</template>
<script lang="ts">
import type { ICredentialsResponse, ICredentialTypeMap } from '@/Interface';
import { defineComponent } from 'vue';
@@ -211,6 +148,69 @@ export default defineComponent({
});
</script>
<template>
<ResourcesListLayout
ref="layout"
resource-key="credentials"
:resources="allCredentials"
:initialize="initialize"
:filters="filters"
:additional-filters-handler="onFilter"
:type-props="{ itemSize: 77 }"
:loading="loading"
:disabled="readOnlyEnv || !projectPermissions.credential.create"
@click:add="addCredential"
@update:filters="filters = $event"
>
<template #header>
<ProjectTabs />
</template>
<template #add-button="{ disabled }">
<div>
<n8n-button
size="large"
block
:disabled="disabled"
data-test-id="resources-list-add"
@click="addCredential"
>
{{ addCredentialButtonText }}
</n8n-button>
</div>
</template>
<template #default="{ data }">
<CredentialCard data-test-id="resources-list-item" class="mb-2xs" :data="data" />
</template>
<template #filters="{ setKeyValue }">
<div class="mb-s">
<n8n-input-label
:label="$locale.baseText('credentials.filters.type')"
:bold="false"
size="small"
color="text-base"
class="mb-3xs"
/>
<n8n-select
ref="typeInput"
:model-value="filters.type"
size="medium"
multiple
filterable
:class="$style['type-input']"
@update:model-value="setKeyValue('type', $event)"
>
<n8n-option
v-for="credentialType in allCredentialTypes"
:key="credentialType.name"
:value="credentialType.name"
:label="credentialType.displayName"
/>
</n8n-select>
</div>
</template>
</ResourcesListLayout>
</template>
<style lang="scss" module>
.type-input {
--max-width: 265px;