Marius Mutu
1a6e9b17d2
Shared Components: - Add CompanySelector.vue and PeriodSelector.vue components - Add AppHeader.vue and SlideMenu.vue layout components - Add shared stores factories (companies.js, accountingPeriod.js) - Add shared routes factories (companies.py, calendar.py) - Add shared models (company.py, calendar.py) - Add shared layout styles (header.css, navigation.css) Data Entry App: - Update CLAUDE.md with prod/test server documentation - Improve nomenclature sync service with better error handling - Update receipts router and CRUD operations - Add company/period stores using shared factories - Update App.vue layout with shared components - Fix OCRUploadZone file handling Reports App: - Refactor stores to use shared factories - Update App.vue to use shared layout components Infrastructure: - Replace start-data-entry.sh with separate dev/test scripts - Add .claude/rules for authentication, backend patterns, etc. - Add implementation plan for OCR receipt improvements - Clean up old documentation files 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
102 lines
2.4 KiB
Vue
102 lines
2.4 KiB
Vue
<template>
|
|
<div>
|
|
<!-- Menu Overlay -->
|
|
<div
|
|
class="slide-menu-overlay"
|
|
:class="{ open: isOpen }"
|
|
@click="$emit('close')"
|
|
></div>
|
|
|
|
<!-- Slide Menu -->
|
|
<nav class="slide-menu" :class="{ open: isOpen }">
|
|
<!-- Dynamic Menu Sections -->
|
|
<div
|
|
v-for="section in menuItems"
|
|
:key="section.title"
|
|
class="menu-section"
|
|
>
|
|
<h3 class="menu-title">{{ section.title }}</h3>
|
|
<ul class="menu-list">
|
|
<li
|
|
v-for="item in section.items"
|
|
:key="item.to"
|
|
class="menu-item"
|
|
>
|
|
<router-link
|
|
:to="item.to"
|
|
class="menu-link"
|
|
:class="{ active: isRouteActive(item.to) }"
|
|
@click="$emit('close')"
|
|
>
|
|
<i :class="['menu-icon', item.icon]"></i>
|
|
<span>{{ item.label }}</span>
|
|
<span v-if="item.badge" class="menu-badge">{{ item.badge }}</span>
|
|
</router-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Profile Section (at bottom) -->
|
|
<div class="menu-section menu-profile">
|
|
<div class="profile-info">
|
|
<i class="pi pi-user"></i>
|
|
<span>{{ currentUser?.username || 'Utilizator' }}</span>
|
|
</div>
|
|
<ul class="menu-list">
|
|
<slot name="profile-items"></slot>
|
|
<li class="menu-item">
|
|
<a href="#" class="menu-link" @click.prevent="handleLogout">
|
|
<i class="menu-icon pi pi-sign-out"></i>
|
|
<span>Deconectare</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { useRoute } from "vue-router";
|
|
|
|
export default {
|
|
name: "SlideMenu",
|
|
props: {
|
|
// Is menu open?
|
|
isOpen: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
// Menu items configuration
|
|
// Format: [{ title: 'Section', items: [{ to: '/path', icon: 'pi pi-icon', label: 'Label', badge: null }] }]
|
|
menuItems: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
// Current user object
|
|
currentUser: {
|
|
type: Object,
|
|
default: null,
|
|
},
|
|
},
|
|
emits: ["close", "logout"],
|
|
setup(props, { emit }) {
|
|
const route = useRoute();
|
|
|
|
const isRouteActive = (path) => {
|
|
return route.path === path;
|
|
};
|
|
|
|
const handleLogout = () => {
|
|
emit("logout");
|
|
emit("close");
|
|
};
|
|
|
|
return {
|
|
isRouteActive,
|
|
handleLogout,
|
|
};
|
|
},
|
|
};
|
|
</script>
|