Johan LEROY
c96d929c7a
components/ide/ : IdeShell (grille barre d'activité + panneau gauche + zone centrale + dock + barre de statut, splitters persistés, réconciliation des ressources ouvertes contre les données live), ActivityBar (Explorer/Git/Sessions/Groupes + Réglages/Aide), PrimarySidebar, ProjectTree + ProjectTreeNode (arbre unique repos -> worktrees -> sessions, fichiers embarqués via FileTree en mode sans chrome, dépliage paresseux), StatusBar. Route /ide (layout 'ide'), entrée de nav « IDE », namespace i18n ide (EN/FR). Clics de l'arbre pilotent le store (contexte worktree, ouverture de fichier/terminal). Centre et dock en placeholders (remplis en B4/B5). FileTree gagne un mode embedded. 427 tests.
36 lines
1.2 KiB
Vue
36 lines
1.2 KiB
Vue
<template>
|
|
<aside
|
|
class="flex min-h-0 shrink-0 flex-col border-r border-border bg-surface-1"
|
|
:style="{ width: `${ide.leftWidth}px` }"
|
|
>
|
|
<ProjectTree v-if="ide.activeActivity === 'explorer'" />
|
|
<!-- Git / Sessions / Groupes : panneaux dédiés livrés en B6 ; placeholder pour l'instant. -->
|
|
<div v-else class="flex h-full items-center justify-center p-4">
|
|
<EmptyState :icon="placeholder.icon" :title="placeholder.title" :hint="t('ide.comingSoon')" />
|
|
</div>
|
|
</aside>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
import { Boxes, GitCompare, SquareTerminal } from '@lucide/vue';
|
|
import { useIdeStore } from '../../stores/ide';
|
|
import ProjectTree from './ProjectTree.vue';
|
|
import EmptyState from '../ui/EmptyState.vue';
|
|
|
|
const { t } = useI18n();
|
|
const ide = useIdeStore();
|
|
|
|
const placeholder = computed(() => {
|
|
switch (ide.activeActivity) {
|
|
case 'git':
|
|
return { icon: GitCompare, title: t('ide.activity.git') };
|
|
case 'sessions':
|
|
return { icon: SquareTerminal, title: t('ide.activity.sessions') };
|
|
default:
|
|
return { icon: Boxes, title: t('ide.activity.groups') };
|
|
}
|
|
});
|
|
</script>
|