fix(editor): Move projects and rbac files (no-changelog) (#9651)

packages/editor-ui/src/components/Projects/ProjectCardBadge.vue

@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { useI18n } from '@/composables/useI18n';
+import { splitName } from '@/utils/projects.utils';
+import type { ICredentialsResponse, IWorkflowDb } from '@/Interface';
+import type { Project } from '@/types/projects.types';
+import { ProjectTypes } from '@/types/projects.types';
+
+type Props = {
+	resource: IWorkflowDb | ICredentialsResponse;
+	personalProject: Project | null;
+};
+
+const props = defineProps<Props>();
+
+const locale = useI18n();
+
+const badgeText = computed(() => {
+	if (
+		(props.resource.homeProject &&
+			props.personalProject &&
+			props.resource.homeProject.id === props.personalProject.id) ||
+		!props.resource.homeProject
+	) {
+		return locale.baseText('generic.ownedByMe');
+	} else {
+		const { firstName, lastName, email } = splitName(props.resource.homeProject?.name ?? '');
+		return !firstName ? email : `${firstName}${lastName ? ' ' + lastName : ''}`;
+	}
+});
+
+const badgeIcon = computed(() => {
+	if (
+		props.resource.sharedWithProjects?.length &&
+		props.resource.homeProject?.type !== ProjectTypes.Team
+	) {
+		return 'user-friends';
+	} else if (props.resource.homeProject?.type === ProjectTypes.Team) {
+		return 'archive';
+	} else {
+		return '';
+	}
+});
+</script>
+<template>
+	<n8n-badge v-if="badgeText" class="mr-xs" theme="tertiary" bold data-test-id="card-badge">
+		{{ badgeText }}
+		<n8n-icon v-if="badgeIcon" :icon="badgeIcon" size="small" class="ml-5xs" />
+	</n8n-badge>
+</template>
+
+<style lang="scss" module></style>