admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-19 11:01:15 +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

158
packages/editor-ui/src/components/ResourceLocator/ResourceLocatorDropdown.vue
View File

@@ -1,82 +1,3 @@
<template>
<n8n-popover
placement="bottom"
:width="width"
:popper-class="$style.popover"
:visible="show"
:teleported="false"
data-test-id="resource-locator-dropdown"
>
<div v-if="errorView" :class="$style.messageContainer">
<slot name="error"></slot>
</div>
<div v-if="filterable && !errorView" :class="$style.searchInput" @keydown="onKeyDown">
<n8n-input
ref="search"
:model-value="filter"
:clearable="true"
:placeholder="$locale.baseText('resourceLocator.search.placeholder')"
data-test-id="rlc-search"
@update:model-value="onFilterInput"
>
<template #prefix>
<font-awesome-icon :class="$style.searchIcon" icon="search" />
</template>
</n8n-input>
</div>
<div v-if="filterRequired && !filter && !errorView && !loading" :class="$style.searchRequired">
{{ $locale.baseText('resourceLocator.mode.list.searchRequired') }}
</div>
<div
v-else-if="!errorView && sortedResources.length === 0 && !loading"
:class="$style.messageContainer"
>
{{ $locale.baseText('resourceLocator.mode.list.noResults') }}
</div>
<div
v-else-if="!errorView"
ref="resultsContainer"
:class="$style.container"
@scroll="onResultsEnd"
>
<div
v-for="(result, i) in sortedResources"
:key="result.value.toString()"
:ref="`item-${i}`"
:class="{
[$style.resourceItem]: true,
[$style.selected]: result.value === modelValue,
[$style.hovering]: hoverIndex === i,
}"
data-test-id="rlc-item"
@click="() => onItemClick(result.value)"
@mouseenter="() => onItemHover(i)"
@mouseleave="() => onItemHoverLeave()"
>
<div :class="$style.resourceNameContainer">
<span>{{ result.name }}</span>
</div>
<div :class="$style.urlLink">
<font-awesome-icon
v-if="showHoverUrl && result.url && hoverIndex === i"
icon="external-link-alt"
:title="result.linkAlt || $locale.baseText('resourceLocator.mode.list.openUrl')"
@click="openUrl($event, result.url)"
/>
</div>
</div>
<div v-if="loading && !errorView">
<div v-for="i in 3" :key="i" :class="$style.loadingItem">
<n8n-loading :class="$style.loader" variant="p" :rows="1" />
</div>
</div>
</div>
<template #reference>
<slot />
</template>
</n8n-popover>
</template>
<script lang="ts">
import type { IResourceLocatorResultExpanded } from '@/Interface';
import { defineComponent } from 'vue';
@@ -267,6 +188,85 @@ export default defineComponent({
});
</script>
<template>
<n8n-popover
placement="bottom"
:width="width"
:popper-class="$style.popover"
:visible="show"
:teleported="false"
data-test-id="resource-locator-dropdown"
>
<div v-if="errorView" :class="$style.messageContainer">
<slot name="error"></slot>
</div>
<div v-if="filterable && !errorView" :class="$style.searchInput" @keydown="onKeyDown">
<n8n-input
ref="search"
:model-value="filter"
:clearable="true"
:placeholder="$locale.baseText('resourceLocator.search.placeholder')"
data-test-id="rlc-search"
@update:model-value="onFilterInput"
>
<template #prefix>
<font-awesome-icon :class="$style.searchIcon" icon="search" />
</template>
</n8n-input>
</div>
<div v-if="filterRequired && !filter && !errorView && !loading" :class="$style.searchRequired">
{{ $locale.baseText('resourceLocator.mode.list.searchRequired') }}
</div>
<div
v-else-if="!errorView && sortedResources.length === 0 && !loading"
:class="$style.messageContainer"
>
{{ $locale.baseText('resourceLocator.mode.list.noResults') }}
</div>
<div
v-else-if="!errorView"
ref="resultsContainer"
:class="$style.container"
@scroll="onResultsEnd"
>
<div
v-for="(result, i) in sortedResources"
:key="result.value.toString()"
:ref="`item-${i}`"
:class="{
[$style.resourceItem]: true,
[$style.selected]: result.value === modelValue,
[$style.hovering]: hoverIndex === i,
}"
data-test-id="rlc-item"
@click="() => onItemClick(result.value)"
@mouseenter="() => onItemHover(i)"
@mouseleave="() => onItemHoverLeave()"
>
<div :class="$style.resourceNameContainer">
<span>{{ result.name }}</span>
</div>
<div :class="$style.urlLink">
<font-awesome-icon
v-if="showHoverUrl && result.url && hoverIndex === i"
icon="external-link-alt"
:title="result.linkAlt || $locale.baseText('resourceLocator.mode.list.openUrl')"
@click="openUrl($event, result.url)"
/>
</div>
</div>
<div v-if="loading && !errorView">
<div v-for="i in 3" :key="i" :class="$style.loadingItem">
<n8n-loading :class="$style.loader" variant="p" :rows="1" />
</div>
</div>
</div>
<template #reference>
<slot />
</template>
</n8n-popover>
</template>
<style lang="scss" module>
:root .popover {
--content-height: 236px;