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

2025-12-17 10:02:05 +00:00 · 2024-06-06 15:30:17 +02:00
parent 58cfd2fde8
commit ed963011c9
94 changed files with 172 additions and 212 deletions
--- a/packages/editor-ui/src/components/Projects/ProjectDeleteDialog.vue
+++ b/packages/editor-ui/src/components/Projects/ProjectDeleteDialog.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import { ref, computed } from 'vue';
+import type { Project, ProjectListItem, ProjectSharingData } from '@/types/projects.types';
+import ProjectSharing from '@/components/Projects/ProjectSharing.vue';
+import { useI18n } from '@/composables/useI18n';
+
+type Props = {
+	currentProject: Project | null;
+	projects: ProjectListItem[];
+};
+
+const props = defineProps<Props>();
+const visible = defineModel<boolean>();
+const emit = defineEmits<{
+	(e: 'confirmDelete', value?: string): void;
+}>();
+
+const locale = useI18n();
+
+const selectedProject = ref<ProjectSharingData | null>(null);
+const operation = ref<'transfer' | 'wipe' | null>(null);
+const wipeConfirmText = ref('');
+const isValid = computed(() => {
+	if (operation.value === 'transfer') {
+		return !!selectedProject.value;
+	}
+	if (operation.value === 'wipe') {
+		return (
+			wipeConfirmText.value ===
+			locale.baseText('projects.settings.delete.question.wipe.placeholder')
+		);
+	}
+	return false;
+});
+
+const onDelete = () => {
+	if (!isValid.value) {
+		return;
+	}
+
+	if (operation.value === 'wipe') {
+		selectedProject.value = null;
+	}
+
+	emit('confirmDelete', selectedProject.value?.id);
+};
+</script>
+<template>
+	<el-dialog
+		v-model="visible"
+		:title="
+			locale.baseText('projects.settings.delete.title', {
+				interpolate: { projectName: props.currentProject?.name ?? '' },
+			})
+		"
+		width="500"
+	>
+		<n8n-text color="text-base">{{ locale.baseText('projects.settings.delete.message') }}</n8n-text>
+		<div class="pt-l">
+			<el-radio
+				:model-value="operation"
+				label="transfer"
+				class="mb-s"
+				@update:model-value="operation = 'transfer'"
+			>
+				<n8n-text color="text-dark">{{
+					locale.baseText('projects.settings.delete.question.transfer.label')
+				}}</n8n-text>
+			</el-radio>
+			<div v-if="operation === 'transfer'" :class="$style.operation">
+				<n8n-text color="text-dark">{{
+					locale.baseText('projects.settings.delete.question.transfer.title')
+				}}</n8n-text>
+				<ProjectSharing
+					v-model="selectedProject"
+					class="pt-2xs"
+					:projects="props.projects"
+					:empty-options-text="locale.baseText('projects.sharing.noMatchingProjects')"
+				/>
+			</div>
+
+			<el-radio
+				:model-value="operation"
+				label="wipe"
+				class="mb-s"
+				@update:model-value="operation = 'wipe'"
+			>
+				<n8n-text color="text-dark">{{
+					locale.baseText('projects.settings.delete.question.wipe.label')
+				}}</n8n-text>
+			</el-radio>
+			<div v-if="operation === 'wipe'" :class="$style.operation">
+				<n8n-input-label :label="locale.baseText('projects.settings.delete.question.wipe.title')">
+					<n8n-input
+						v-model="wipeConfirmText"
+						:placeholder="locale.baseText('projects.settings.delete.question.wipe.placeholder')"
+					/>
+				</n8n-input-label>
+			</div>
+		</div>
+		<template #footer>
+			<N8nButton
+				type="danger"
+				native-type="button"
+				:disabled="!isValid"
+				data-test-id="project-settings-delete-confirm-button"
+				@click.stop.prevent="onDelete"
+				>{{ locale.baseText('projects.settings.danger.deleteProject') }}</N8nButton
+			>
+		</template>
+	</el-dialog>
+</template>
+
+<style lang="scss" module>
+.operation {
+	padding: 0 0 var(--spacing-l) var(--spacing-l);
+}
+</style>