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

feat: RBAC (#8922)

Browse Source 
Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
Co-authored-by: Val <68596159+valya@users.noreply.github.com>
Co-authored-by: कारतोफ्फेलस्क्रिप्ट™ <aditya@netroy.in>
Co-authored-by: Valya Bullions <valya@n8n.io>
Co-authored-by: Danny Martini <danny@n8n.io>
Co-authored-by: Danny Martini <despair.blue@gmail.com>
Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
Co-authored-by: Omar Ajoue <krynble@gmail.com>
Co-authored-by: oleg <me@olegivaniv.com>
Co-authored-by: Michael Kret <michael.k@radency.com>
Co-authored-by: Michael Kret <88898367+michael-radency@users.noreply.github.com>
Co-authored-by: Elias Meire <elias@meire.dev>
Co-authored-by: Giulio Andreini <andreini@netseven.it>
Co-authored-by: Giulio Andreini <g.andreini@gmail.com>
Co-authored-by: Ayato Hayashi <go12limchangyong@gmail.com>
This commit is contained in:
Csaba Tuncsik
2024-05-17 10:53:15 +02:00
committed by GitHub
parent b1f977ebd0
commit 596c472ecc
292 changed files with 14129 additions and 3989 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
packages/design-system/src/components/N8nMenuItem/MenuItem.vue
View File

@@ -19,9 +19,12 @@
:icon="item.icon"
:size="item.customIconSize || 'large'"
/>
<span :class="$style.label">{{ item.label }}</span>
<span v-if="!compact" :class="$style.label">{{ item.label }}</span>
<span v-if="!item.icon && compact" :class="[$style.label, $style.compactLabel]">{{
getInitials(item.label)
}}</span>
</template>
<n8n-menu-item
<N8nMenuItem
v-for="child in availableChildren"
:key="child.id"
:item="child"
@@ -52,6 +55,7 @@
}"
data-test-id="menu-item"
:index="item.id"
:disabled="item.disabled"
@click="handleSelect?.(item)"
>
<N8nIcon
@@ -60,7 +64,10 @@
:icon="item.icon"
:size="item.customIconSize || 'large'"
/>
<span :class="$style.label">{{ item.label }}</span>
<span v-if="!compact" :class="$style.label">{{ item.label }}</span>
<span v-if="!item.icon && compact" :class="[$style.label, $style.compactLabel]">{{
getInitials(item.label)
}}</span>
<N8nTooltip
v-if="item.secondaryIcon"
:placement="item.secondaryIcon?.tooltip?.placement || 'right'"
@@ -74,6 +81,7 @@
:size="item.secondaryIcon.size || 'small'"
/>
</N8nTooltip>
<N8nSpinner v-if="item.isLoading" :class="$style.loading" size="small" />
</ElMenuItem>
</ConditionalRouterLink>
</N8nTooltip>
@@ -141,6 +149,16 @@ const isItemActive = (item: IMenuItem): boolean => {
Array.isArray(item.children) && item.children.some((child) => isActive(child));
return isActive(item) || hasActiveChild;
};
const getInitials = (label: string): string => {
const words = label.split(' ');
if (words.length === 1) {
return words[0].substring(0, 2);
} else {
return words[0].charAt(0) + words[1].charAt(0);
}
};
</script>
<style module lang="scss">
@@ -237,6 +255,11 @@ const isItemActive = (item: IMenuItem): boolean => {
margin: 0 !important;
border-radius: var(--border-radius-base) !important;
overflow: hidden;
&.compact {
padding: var(--spacing-2xs) 0 !important;
justify-content: center;
}
}
.icon {
@@ -245,6 +268,10 @@ const isItemActive = (item: IMenuItem): boolean => {
text-align: center;
}
.loading {
margin-left: var(--spacing-xs);
}
.secondaryIcon {
display: flex;
align-items: center;
@@ -259,6 +286,10 @@ const isItemActive = (item: IMenuItem): boolean => {
user-select: none;
}
.compactLabel {
text-overflow: unset;
}
.item + .item {
margin-top: 8px !important;
}
@@ -271,9 +302,6 @@ const isItemActive = (item: IMenuItem): boolean => {
width: initial !important;
height: initial !important;
}
.label {
display: none;
}
.secondaryIcon {
display: none;
}