+ 
+
@@ -145,9 +145,14 @@ const items = ref([
},
{
label: 'Транзакции',
- icon: "pi pi-star",
+ icon: "pi pi-dollar",
url: '/transactions'
},
+ {
+ label: 'Вишлисты',
+ icon: "pi pi-star",
+ url: '/wishlists'
+ },
{
label: 'Настройки',
icon: 'pi pi-envelope',
diff --git a/src/components/ToolBar.vue b/src/components/ToolBar.vue
index 5010e85..687fbfa 100644
--- a/src/components/ToolBar.vue
+++ b/src/components/ToolBar.vue
@@ -32,7 +32,14 @@
-
+
+
+
+
+
{
loading.value = true
try {
await userStore.login(username.value, password.value)
- toast.add({ severity: 'success', summary: 'Успешный вход', detail: 'Добро пожаловать!', life: 3000 })
+ // toast.add({ severity: 'success', summary: 'Успешный вход', detail: 'Добро пожаловать!', life: 3000 })
// await router.push('/')
} catch (error) {
toast.add({ severity: 'error', summary: 'Ошибка входа', detail: 'Неверные данные', life: 3000 })
diff --git a/src/components/onboarding/OnboardingView.vue b/src/components/onboarding/OnboardingView.vue
new file mode 100644
index 0000000..c4d4c00
--- /dev/null
+++ b/src/components/onboarding/OnboardingView.vue
@@ -0,0 +1,192 @@
+
+
+
+
+
@@ -16,7 +18,7 @@ import ProgressSpinner from "primevue/progressspinner";
style="width: 50px; height: 50px;"
strokeWidth="8"
fill="transparent"
- animationDuration=".5s"
+ animationDuration="1s"
aria-label="Custom ProgressSpinner"
/>
diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
index a728818..f78122f 100644
--- a/src/components/MenuBar.vue
+++ b/src/components/MenuBar.vue
@@ -12,7 +12,7 @@
-
+
Транзакции
+
+
+
diff --git a/src/components/analytics/AnalyticsView.vue b/src/components/analytics/AnalyticsView.vue
index da9b590..e6a515b 100644
--- a/src/components/analytics/AnalyticsView.vue
+++ b/src/components/analytics/AnalyticsView.vue
@@ -310,7 +310,7 @@ onMounted(async () => {
Транзакции
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/spaces/SpacesList.vue b/src/components/spaces/SpacesList.vue
index 3939d42..fb544bd 100644
--- a/src/components/spaces/SpacesList.vue
+++ b/src/components/spaces/SpacesList.vue
@@ -268,16 +268,11 @@ onMounted(async () => {
:key="user.id"
@mouseover="user.isHovered = true"
@mouseleave="user.isHovered = false">
-
+
+
+ Пространства
+ Категории
+ Ежемесячные платежи
+ Бюджет
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Привет!
+В первую очередь для работы с Luminic Space нужно создать свое + пространство.
+Пространство - это обособленное место, где идет хранение информации.
+Твои транзакции, бюджеты, категории и прочие вещи хранятся в границах + одного пространства.
+Пространство может быть твоим личным, либо ты можешь пригласить в него + доверенных тебе людей.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Нет пространства - нет категорий. Возвращайся и создавай пространство!
+
+
+ Теперь - категории!
+Если ты указал создание категорий на предыдущем этапе - этот можно + пропустить или просмотреть созданные категории и отредактировать их.
+Категория - логическое разделение трат. Они могут быть 2 типов: + Поступления и расходы. Категории так же могут иметь тэги. Самые важные из них - loans и savings. На + основе них идет расчет сумм по долгам и сбережениям на странице бюджета, но об этом позже
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+ Теперь давай заполним твои ежемесячные платежи
+Ежемесячные платежи - это такие платежи, которые повторяются раз из раза + каждый месяц: кредит, кварплата, арендная плата и так далее.
+Каждый месяц первого числа мы создадим плановые транзакции по твоим + повторяющимся платежам.
+ + +
+
+
+
+
+
+
+
+
+
+
+ Теперь можно создать и твой первый бюджет!
+Бюджет - объединение общей информации о твоих плановых и фактических + транзакциях, о категориях и лимитах по ним и другое.
+Транзакции не привязаны к бюджету. Бюджет учитывает любые транзакции, + дата которых входит в период действия бюджета.
+ + +
+
+
+
+
+
{{ user.firstName.substring(0, 1) }}
-
spaceStore.space)
watch(selectedSpace, async (newValue, oldValue) => {
if (newValue != oldValue) {
- await fetchTransactions(false)
+ transactions.value = [];
+ await fetchTransactions(true)
}
})
const types = ref([])
@@ -183,7 +184,7 @@ onUnmounted(async () => {
@transaction-updated="fetchTransactions(true)"
@delete-transaction="fetchTransactions(true)"
/>
-
+
diff --git a/src/components/wishlists/WishListListView.vue b/src/components/wishlists/WishListListView.vue
new file mode 100644
index 0000000..36a6268
--- /dev/null
+++ b/src/components/wishlists/WishListListView.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wishlists/WishlistCreationView.vue b/src/components/wishlists/WishlistCreationView.vue
new file mode 100644
index 0000000..4c9f4d0
--- /dev/null
+++ b/src/components/wishlists/WishlistCreationView.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+ Вишлисты
+ + +
+
+ Сперва нужно выбрать Пространство. + +
+
+
+ Кажется, в этом пространстве еще нет вишлистов + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ wishlist.name }}
+ {{ wishlist.description }}
+
+
+
+
+ {{ wishlist.owner.firstName.substring(0, 1) }}
+
+ {{ wishlist.owner.firstName }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wishlists/WishlistExternalView.vue b/src/components/wishlists/WishlistExternalView.vue
new file mode 100644
index 0000000..6fa8948
--- /dev/null
+++ b/src/components/wishlists/WishlistExternalView.vue
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wishlists/WishlistItemCreationView.vue b/src/components/wishlists/WishlistItemCreationView.vue
new file mode 100644
index 0000000..4eb6cfb
--- /dev/null
+++ b/src/components/wishlists/WishlistItemCreationView.vue
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
+
+
+
+ Luminic Space
+
+
+
+
+
+
+
+
+ Вишлист {{ wishlist.name }}
+{{ wishlist.description }}
+
+
+
+
+ {{ wishlist.owner.firstName.substring(0, 1) }}
+
+ {{ wishlist.owner.firstName }}
+
+
+
+
+
+ Желания
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+{{ formatAmount(item.price) }} ₽
+{{ item.description }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wishlists/WishlistView.vue b/src/components/wishlists/WishlistView.vue
new file mode 100644
index 0000000..de17757
--- /dev/null
+++ b/src/components/wishlists/WishlistView.vue
@@ -0,0 +1,462 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ₽
+ .00
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/models/WishList.ts b/src/models/WishList.ts
new file mode 100644
index 0000000..94e6a0f
--- /dev/null
+++ b/src/models/WishList.ts
@@ -0,0 +1,22 @@
+
+export class WishList {
+ id: string
+ name: string
+ description: string
+ isPrivate: boolean
+ items: WishlistItem[]
+ updatedAt: Date
+ createdAt: Date
+}
+
+export class WishlistItem {
+ id: string
+ name: string
+ description: string
+ price: number
+ link: string
+ images: string[]
+ updatedAt: Date
+ createdAt: Date
+ imagesWithLinks: []
+}
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index dff18fc..8b35195 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -16,11 +16,17 @@ import SpacesList from "@/components/spaces/SpacesList.vue";
import SpaceInventationView from "@/components/spaces/SpaceInventationView.vue";
import About from "@/components/faq/About.vue";
import OnboardingView from "@/components/onboarding/OnboardingView.vue";
+import WishListListView from "@/components/wishlists/WishListListView.vue";
+import WishlistView from "@/components/wishlists/WishlistView.vue";
+import WishlistExternalView from "@/components/wishlists/WishlistExternalView.vue";
const routes = [
{path: '/login', component: LoginView},
{path: '/register', component: RegisterView},
{path: '/', name: 'Budgets Main', component: BudgetList, meta: {requiresAuth: true}},
+ {path: '/wishlists', name: 'Wishlists', component: WishListListView, meta: {requiresAuth: true}},
+ {path: '/wishlists/:id', name: 'Wishlist view', component: WishlistView, meta: {requiresAuth: true}},
+ {path: '/mywishlist/:id', name: 'Wishlist view export', component: WishlistExternalView},
// {path: '/onboarding', name: 'Onboarding', component: OnboardingView, meta: {requiresAuth: true}},
{path: '/about', name: 'About', component: About, meta: {requiresAuth: true}},
{path: '/analytics', name: 'Analytics', component: AnalyticsView, meta: {requiresAuth: true}},
diff --git a/src/services/StaticService.ts b/src/services/StaticService.ts
new file mode 100644
index 0000000..45ec28b
--- /dev/null
+++ b/src/services/StaticService.ts
@@ -0,0 +1,13 @@
+import {useSpaceStore} from "@/stores/spaceStore";
+import apiClient from "@/services/axiosSetup";
+
+export const uploadStatic = async ( wishlistItemId: string, file) => {
+ const spaceStore = useSpaceStore()
+ const form = new FormData();
+ form.append("file", file);
+ return await apiClient.post(`/static/${spaceStore.space?.id}/wishlists/${wishlistItemId}`, form)
+ .then((res) => res.data)
+ .catch((err) => {
+ throw err;
+ })
+}
\ No newline at end of file
diff --git a/src/services/WishListService.ts b/src/services/WishListService.ts
new file mode 100644
index 0000000..2c6c0b5
--- /dev/null
+++ b/src/services/WishListService.ts
@@ -0,0 +1,118 @@
+import {useSpaceStore} from "@/stores/spaceStore";
+import apiClient from "@/services/axiosSetup";
+import {WishList, WishlistItem} from "@/models/WishList";
+
+export const getWishlists = async () => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.get(`/spaces/${spaceStore.space?.id}/wishlists`)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+export const getWishlist = async (id: string) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.get(`/spaces/${spaceStore.space?.id}/wishlists/${id}`).then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ })
+}
+export const getWishlistExternal = async (id: string) => {
+ return await apiClient.get(`/wishlistexternal/${id}`).then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ })
+}
+export const reserveWishlistItem = async (wishlistId: string, wishlistItemId: string, reservedBy: string, aidCookie: string) => {
+ const form = new FormData();
+ form.append("reservedBy", reservedBy);
+ return await apiClient.post(`/wishlistexternal/${wishlistId}/${wishlistItemId}/reserve/_create`, {
+ 'aid': aidCookie,
+ 'name': reservedBy
+ }, {headers: {"Content-Type": "application/json"}})
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ })
+}
+
+
+export const cancelReserveWishlistItem = async (wishlistId: string, wishlistItemId: string, reservedBy = null, aidCookie = null) => {
+ if (reservedBy) {
+ return await apiClient.post(`/wishlistexternal/${wishlistId}/${wishlistItemId}/reserve/_cancel`, {
+ 'aid': aidCookie,
+ 'name': reservedBy
+ }, {headers: {"Content-Type": "application/json"}})
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ })
+ } else {
+ const spaceStore = useSpaceStore();
+ return await apiClient.post(`/spaces/${spaceStore.space?.id}/wishlists/${wishlistId}/${wishlistItemId}/reserve/_cancel`, {
+ 'aid': aidCookie,
+ 'name': reservedBy
+ }, {headers: {"Content-Type": "application/json"}})
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ })
+ }
+
+}
+
+export const createWishlistRequest = async (data: WishList) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.post(`/spaces/${spaceStore.space?.id}/wishlists`, data)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+export const updateWishlistRequest = async (data: WishList) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.patch(`/spaces/${spaceStore.space?.id}/wishlists/${data.id}`, data)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+export const addWishListItemRequest = async (wishlistId: string, data: WishlistItem) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.post(`/spaces/${spaceStore.space?.id}/wishlists/${wishlistId}/items`, data)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+export const updateWishListItemRequest = async (wishlistId: string, data: WishlistItem) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.patch(`/spaces/${spaceStore.space?.id}/wishlists/${wishlistId}/items/${data.id}`, data)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+export const deleteWishListItemRequest = async (wishlistId: string, data: WishlistItem) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.delete(`/spaces/${spaceStore.space?.id}/wishlists/${wishlistId}/items/${data.id}`)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err;
+ });
+}
+
+
+export const deleteWishlistRequest = async (data: string) => {
+ const spaceStore = useSpaceStore();
+ return await apiClient.delete(`/spaces/${spaceStore.space?.id}/wishlists/${data}`)
+ .then((data: any) => data.data)
+ .catch((err) => {
+ throw err
+ })
+}
+
+
+
+
+
+
+
+
+
+
+ Вишлист {{ wishlist.name }}
+ +{{ wishlist.description }}
+ +
+
+
+
+ {{ wishlist.owner.firstName.substring(0, 1) }}
+
+ {{ wishlist.owner.firstName }}
+
+
+
+
+
+ Желания
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.name }}
+
+
+
+
+ {{ formatAmount(item.price) }} ₽
+{{ item.description }}
+
+
+
+
+ Не забронировано
+
+
+
+