77dceb49c3
- Systeme de themes adaptatifs : Peps (light chaud), Zen (light calme), Chagrine (dark violet), Grave (dark ambre) avec CSS custom properties - Dashboard d'accueil orienté onboarding avec cartes-portes et teaser boite a outils - SectionLayout reutilisable : liste + sidebar toolbox + status pills cliquables (En prepa / En vote / En vigueur / Clos) - ToolboxVignette : vignettes Contexte / Tutos / Choisir / Demarrer - Seed : Acte engagement certification + forgeron, Runtime Upgrade (decision on-chain), 3 modalites de vote (majoritaire, quadratique, permanent) - Backend adapte SQLite (Uuid portable, 204 fix, pool conditionnel) - Correction noms composants (pathPrefix: false), pinia/nuxt ^0.11 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
90 lines
2.3 KiB
Vue
90 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import type { DocumentItem } from '~/stores/documents'
|
|
|
|
const props = withDefaults(defineProps<{
|
|
item: DocumentItem
|
|
documentSlug: string
|
|
showActions?: boolean
|
|
}>(), {
|
|
showActions: false,
|
|
})
|
|
|
|
const emit = defineEmits<{
|
|
propose: [item: DocumentItem]
|
|
}>()
|
|
|
|
const itemTypeLabel = (itemType: string): string => {
|
|
switch (itemType) {
|
|
case 'clause': return 'Clause'
|
|
case 'rule': return 'Regle'
|
|
case 'verification': return 'Verification'
|
|
case 'preamble': return 'Preambule'
|
|
case 'section': return 'Section'
|
|
default: return itemType
|
|
}
|
|
}
|
|
|
|
function navigateToItem() {
|
|
navigateTo(`/documents/${props.documentSlug}/items/${props.item.id}`)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<UCard
|
|
class="cursor-pointer hover:ring-2 hover:ring-primary/50 transition-all"
|
|
@click="navigateToItem"
|
|
>
|
|
<div class="space-y-3">
|
|
<!-- Item header -->
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-3">
|
|
<UBadge variant="solid" color="primary" size="xs">
|
|
{{ item.position }}
|
|
</UBadge>
|
|
<span v-if="item.title" class="text-sm font-semibold text-gray-900 dark:text-white">
|
|
{{ item.title }}
|
|
</span>
|
|
<UBadge variant="subtle" color="neutral" size="xs">
|
|
{{ itemTypeLabel(item.item_type) }}
|
|
</UBadge>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<UBadge
|
|
v-if="item.voting_protocol_id"
|
|
color="info"
|
|
variant="subtle"
|
|
size="xs"
|
|
>
|
|
Sous vote
|
|
</UBadge>
|
|
<UBadge
|
|
v-else
|
|
color="neutral"
|
|
variant="subtle"
|
|
size="xs"
|
|
>
|
|
Pas de vote
|
|
</UBadge>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Item text -->
|
|
<div class="pl-2">
|
|
<MarkdownRenderer :content="item.current_text" />
|
|
</div>
|
|
|
|
<!-- Actions -->
|
|
<div v-if="showActions" class="flex justify-end pt-2 border-t border-gray-100 dark:border-gray-800">
|
|
<UButton
|
|
label="Proposer une modification"
|
|
icon="i-lucide-pen-line"
|
|
variant="soft"
|
|
color="primary"
|
|
size="xs"
|
|
@click.stop="emit('propose', item)"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</UCard>
|
|
</template>
|