61 lines
1.5 KiB
Plaintext
61 lines
1.5 KiB
Plaintext
<template>
|
|
<ul class="nav nav-pills flex-column">
|
|
<TabNavigationItem
|
|
icon="fas fa-eye"
|
|
label="Aperçu"
|
|
:is-active="activeTab === 'overview'"
|
|
spacing=""
|
|
@click="$emit('change-tab', 'overview')"
|
|
/>
|
|
<TabNavigationItem
|
|
icon="fas fa-info-circle"
|
|
label="Informations"
|
|
:is-active="activeTab === 'info'"
|
|
@click="$emit('change-tab', 'info')"
|
|
/>
|
|
<TabNavigationItem
|
|
icon="fas fa-calendar"
|
|
label="Agenda"
|
|
:is-active="activeTab === 'agenda'"
|
|
@click="$emit('change-tab', 'agenda')"
|
|
/>
|
|
<TabNavigationItem
|
|
icon="fas fa-info-circle"
|
|
label="Activités récentes"
|
|
:is-active="activeTab === 'activity'"
|
|
@click="$emit('change-tab', 'activity')"
|
|
/>
|
|
<TabNavigationItem
|
|
icon="fas fa-folder"
|
|
label="Documents"
|
|
:is-active="activeTab === 'documents'"
|
|
:badge="documentsCount > 0 ? documentsCount : null"
|
|
@click="$emit('change-tab', 'documents')"
|
|
/>
|
|
<TabNavigationItem
|
|
icon="fas fa-sticky-note"
|
|
label="Notes"
|
|
:is-active="activeTab === 'notes'"
|
|
@click="$emit('change-tab', 'notes')"
|
|
/>
|
|
</ul>
|
|
</template>
|
|
|
|
<script setup>
|
|
import TabNavigationItem from "@/components/atoms/client/TabNavigationItem.vue";
|
|
|
|
import { defineProps, defineEmits } from "vue";
|
|
defineProps({
|
|
activeTab: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
documentsCount: {
|
|
type: Number,
|
|
default: 0,
|
|
},
|
|
});
|
|
|
|
defineEmits(["change-tab"]);
|
|
</script>
|