toolbar fix and wishlist image notify
This commit is contained in:
@@ -38,9 +38,9 @@
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2 p-2">
|
||||
<router-link to="/transactions" class="items-center flex flex-col gap-2">
|
||||
<router-link to="/wishlists" class="items-center flex flex-col gap-2">
|
||||
<i class="pi pi-star text-2xl" style="font-size: 1rem"></i>
|
||||
<p>Транзакции</p>
|
||||
<p>Вишлисты</p>
|
||||
</router-link>
|
||||
</div>
|
||||
|
||||
@@ -50,58 +50,64 @@
|
||||
<p>Настройки</p>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class=" flex-col gap-2 p-2 flex">
|
||||
<button @click="router.go(0)" class="items-center flex flex-col gap-2">
|
||||
<i class="pi pi-refresh text-2xl" style="font-size: 1rem"></i>
|
||||
<p>Обновить</p>
|
||||
</button>
|
||||
</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: 1rem"></i>
|
||||
<p>Создать</p>
|
||||
<!-- </router-link>-->
|
||||
<!-- <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: 1rem"></i>-->
|
||||
<!-- <p>Создать</p>-->
|
||||
<!-- <!– </router-link>–>-->
|
||||
|
||||
<!-- Подменю для Создать -->
|
||||
<div v-if="showSubmenu" class="absolute bottom-full right-0 mb-2 w-48 p-2 bg-white shadow-lg rounded-lg z-50">
|
||||
<div class="flex flex-col gap-2 items-start">
|
||||
<button @click="openDrawer('INSTANT')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
<p>Создать текущую</p>
|
||||
</button>
|
||||
<button @click="openDrawer('PLANNED', 'INCOME')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
<p> Создать плановый расход</p>
|
||||
</button>
|
||||
<button @click=" openDrawer('PLANNED', 'EXPENSE')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
Создать плановое поступление
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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: 1rem"></i>
|
||||
<p>Меню</p>
|
||||
<!-- </router-link>-->
|
||||
<!-- <!– Подменю для Создать –>-->
|
||||
<!-- <div v-if="showSubmenu" class="absolute bottom-full right-0 mb-2 w-48 p-2 bg-white shadow-lg rounded-lg z-50">-->
|
||||
<!-- <div class="flex flex-col gap-2 items-start">-->
|
||||
<!-- <button @click="openDrawer('INSTANT')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- <p>Создать текущую</p>-->
|
||||
<!-- </button>-->
|
||||
<!-- <button @click="openDrawer('PLANNED', 'INCOME')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- <p> Создать плановый расход</p>-->
|
||||
<!-- </button>-->
|
||||
<!-- <button @click=" openDrawer('PLANNED', 'EXPENSE')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- Создать плановое поступление-->
|
||||
<!-- </button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <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: 1rem"></i>-->
|
||||
<!-- <p>Меню</p>-->
|
||||
<!-- <!– </router-link>–>-->
|
||||
|
||||
<!-- Подменю для Создать -->
|
||||
<div v-if="showSubmenu" class="absolute bottom-full right-0 w-48 p-2 bg-white shadow-lg rounded-lg z-50">
|
||||
<div class="flex flex-col-reverse gap-2 items-start">
|
||||
<button @click="openDrawer('INSTANT')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
<p>Создать текущую</p>
|
||||
</button>
|
||||
<button @click="openDrawer('PLANNED', 'EXPENSE')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
<p class="text-left"> Создать плановый расход</p>
|
||||
</button>
|
||||
<button @click=" openDrawer('PLANNED', 'INCOME')" class="hover:bg-gray-100 p-2 rounded-lg">
|
||||
<p class="text-left">Создать плановое поступление</p>
|
||||
</button>
|
||||
<router-link to="/settings" class="items-center flex flex-col gap-2 p-2">
|
||||
<!-- <i class="pi pi-check text-2xl" style="font-size: 1.5rem"></i>-->
|
||||
<p>Настройки</p>
|
||||
</router-link>
|
||||
<button @click="refreshPage"><p class="text-left"><i class="pi pi-refresh"/>Обновить страницу</p></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <!– Подменю для Создать –>-->
|
||||
<!-- <div v-if="showSubmenu" class="absolute bottom-full right-0 w-48 p-2 bg-white shadow-lg rounded-lg z-50">-->
|
||||
<!-- <div class="flex flex-col-reverse gap-2 items-start">-->
|
||||
<!-- <button @click="openDrawer('INSTANT')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- <p>Создать текущую</p>-->
|
||||
<!-- </button>-->
|
||||
<!-- <button @click="openDrawer('PLANNED', 'EXPENSE')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- <p class="text-left"> Создать плановый расход</p>-->
|
||||
<!-- </button>-->
|
||||
<!-- <button @click=" openDrawer('PLANNED', 'INCOME')" class="hover:bg-gray-100 p-2 rounded-lg">-->
|
||||
<!-- <p class="text-left">Создать плановое поступление</p>-->
|
||||
<!-- </button>-->
|
||||
<!-- <router-link to="/settings" class="items-center flex flex-col gap-2 p-2">-->
|
||||
<!-- <!– <i class="pi pi-check text-2xl" style="font-size: 1.5rem"></i>–>-->
|
||||
<!-- <p>Настройки</p>-->
|
||||
<!-- </router-link>-->
|
||||
<!-- <button @click="refreshPage"><p class="text-left"><i class="pi pi-refresh"/>Обновить страницу</p></button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
|
||||
@@ -114,6 +120,9 @@ import Button from 'primevue/button';
|
||||
import {TransactionType} from "@/models/Transaction";
|
||||
import {CategoryType} from "@/models/Category";
|
||||
import {useDrawerStore} from "@/stores/drawerStore";
|
||||
import {useRoute, useRouter} from "vue-router";
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
|
||||
const showSubmenu = ref(false);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user