luminic-space/luminic-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tags and new analytics new in budget

Browse Source
This commit is contained in:
xds
2025-02-23 12:22:40 +03:00
parent 6d3638896f
commit 85b6d0a796
29 changed files with 1102 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/ToolBar.vue
View File

@@ -2,45 +2,54 @@
<div
class=" items-center toolbar-example justify-between bg-white outline rounded-xl outline-gray-300 shadow-lg h-fit fixed"
style="width: 90%; left:5%; bottom: 1.5rem;">
<!-- <TransactionForm v-if="drawerOpened" :visible="drawerOpened" :transaction-type="'INSTANT'"-->
<!-- :category-type="'EXPENSE'" @close-drawer="closeDrawer"/>-->
<div class="flex flex-row rounded-full px-2 justify-between overflow-x">
<!-- <div class="flex flex-col gap-2 p-2">-->
<!-- <router-link to="/spaces" class="items-center flex flex-col gap-2">-->
<!-- <i class="pi pi-compass text-2xl" style="font-size: 1.5rem"></i>-->
<!-- <p>Пространства</p>-->
<!-- </router-link>-->
<!-- </div>-->
<!-- <TransactionForm v-if="drawerOpened" :visible="drawerOpened" :transaction-type="'INSTANT'"-->
<!-- :category-type="'EXPENSE'" @close-drawer="closeDrawer"/>-->
<div class="flex flex-row rounded-full px-2 justify-between overflow-x-scroll">
<div class=" flex-col gap-2 p-2 sm:flex">
<button class="items-center flex flex-col gap-2" @click="openDrawer('INSTANT', 'EXPENSE')">
<i class="pi pi-plus text-xl" style="font-size: 1rem"></i>
<p>Запись</p>
</button>
</div>
<div class="flex flex-col gap-2 p-2">
<router-link to="/analytics" class="items-center flex flex-col gap-2">
<i class="pi pi-chart-line text-2xl" style="font-size: 1.5rem"></i>
<p>Аналитика</p>
<router-link to="/spaces" class="items-center flex flex-col gap-2">
<i class="pi pi-compass text-2xl" style="font-size: 1rem"></i>
<p>Пространства</p>
</router-link>
</div>
<div class="flex flex-col gap-2 p-2">
<router-link to="/budgets" class="items-center flex flex-col gap-2">
<i class="pi pi-briefcase text-2xl" style="font-size: 1.5rem"></i>
<i class="pi pi-briefcase text-2xl" style="font-size: 1rem"></i>
<p>Бюджеты</p>
</router-link>
</div>
<div class="flex flex-col gap-2 p-2">
<router-link to="/analytics" class="items-center flex flex-col gap-2">
<i class="pi pi-chart-line text-2xl" style="font-size: 1rem"></i>
<p>Аналитика</p>
</router-link>
</div>
<div class="flex flex-col gap-2 p-2">
<router-link to="/transactions" class="items-center flex flex-col gap-2">
<i class="pi pi-wallet text-2xl" style="font-size: 1.5rem"></i>
<i class="pi pi-wallet text-2xl" style="font-size: 1rem"></i>
<p>Транзакции</p>
</router-link>
</div>
<div class=" flex-col gap-2 p-2 hidden sm:flex">
<div class=" flex-col gap-2 p-2 flex">
<router-link to="/settings" class="items-center flex flex-col gap-2">
<i class="pi pi-check text-2xl" style="font-size: 1.5rem"></i>
<i class="pi pi-cog text-2xl" style="font-size: 1rem"></i>
<p>Настройки</p>
</router-link>
</div>
<!-- Создать с подменю -->
<div class="relative flex-col gap-2 p-2 items-center hidden sm:flex" @click="showSubmenu = !showSubmenu"
@mouseenter="showSubmenu = true" @mouseleave="showSubmenu = false">
<!-- <router-link to="/transactions/create" class="items-center flex flex-col gap-2">-->
<i class="pi pi-cog text-2xl" style="font-size: 1.5rem"></i>
<i class="pi pi-cog text-2xl" style="font-size: 1rem"></i>
<p>Создать</p>
<!-- </router-link>-->
@@ -62,7 +71,7 @@
<div class="relative flex-col gap-2 p-2 items-center flex sm:hidden" @click="showSubmenu = !showSubmenu"
@mouseenter="showSubmenu = true" @mouseleave="showSubmenu = false">
<!-- <router-link to="/transactions/create" class="items-center flex flex-col gap-2">-->
<i class="pi pi-bars text-2xl" style="font-size: 1.5rem"></i>
<i class="pi pi-bars text-2xl" style="font-size: 1rem"></i>
<p>Меню</p>
<!-- </router-link>-->
@@ -102,6 +111,7 @@ import {useDrawerStore} from "@/stores/drawerStore";
const showSubmenu = ref(false);
const transactionType = ref<TransactionType>()
const categoryType = ref<CategoryType>()
const drawerOpened = ref(false);
@@ -125,7 +135,7 @@ const openDrawer = (selectedTransactionType = null, selectedCategoryType = null)
drawerStore.setCategoryType('EXPENSE')
}
drawerStore.setVisible( true)
drawerStore.setVisible(true)
}
@@ -157,7 +167,6 @@ const items = ref([
])
onMounted(() => {
// setTimeout(() => {
// console.log(route.params['mode']);