add network
This commit is contained in:
@@ -170,7 +170,7 @@ const isDeleteAlertVisible = ref(false)
|
||||
const deleteAlertMessage = ref('Do you want to delete recurrent?')
|
||||
const deleteRecurrent = async () => {
|
||||
await recurrentsService.deleteRecurrent(spaceStore.selectedSpaceId, recurrentId.value)
|
||||
await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
// await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
if (window.history.length > 1) {
|
||||
router.back()
|
||||
} else {
|
||||
@@ -208,8 +208,8 @@ onMounted(async () => {
|
||||
toolbar.registerHandler('updateRecurrent', async () => {
|
||||
if (spaceStore.selectedSpaceId) {
|
||||
try {
|
||||
await recurrentsService.updateRecurrent(spaceStore.selectedSpaceId, buildUpdate())
|
||||
await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
await recurrentsService.updateRecurrent(spaceStore.selectedSpaceId, Number(recurrentId.value), buildUpdate())
|
||||
// await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
router.back()
|
||||
} catch (error) {
|
||||
toast.add({
|
||||
@@ -226,7 +226,7 @@ onMounted(async () => {
|
||||
toolbar.registerHandler('createRecurrent', async () => {
|
||||
if (spaceStore.selectedSpaceId) {
|
||||
await recurrentsService.createRecurrent(spaceStore.selectedSpaceId, buildCreate())
|
||||
await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
// await recurrentsStore.fetchRecurrents(spaceStore.selectedSpaceId)
|
||||
router.back()
|
||||
}
|
||||
})
|
||||
@@ -235,7 +235,6 @@ onMounted(async () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
<div v-if="categories.length===0" class="card !gap-4 !p-10">
|
||||
<span class="">No categories available.</span>
|
||||
<span class="text-center">Maybe you want to <router-link to="/categories" class="!text-blue-700">create a new category</router-link> first?</span>
|
||||
@@ -250,16 +249,17 @@ onMounted(async () => {
|
||||
<div v-if="isCategorySelectorOpened" class="fixed inset-0 z-50 flex items-start justify-center p-4 overflow-y-auto"
|
||||
style="background-color: var(--primary-color); "
|
||||
:style="tgApp ? `padding-top: ${insetTop}px !important` : 'padding-top: 2rem !important'">
|
||||
<div class="w-full max-w-md">
|
||||
<div class="card justify-items-start justify-start">
|
||||
<div class="flex w-full max-w-md">
|
||||
<div class="flex card justify-items-start justify-start">
|
||||
|
||||
<div v-for="(cat, idx) in categories" :key="cat.id"
|
||||
@click="recurrentCategory = cat; isCategorySelectorOpened = false"
|
||||
class="flex flex-col w-full gap-0 pl-5 items-start justify-items-center font-bold cursor-pointer hover:bg-gray-50 transition-colors">
|
||||
<div class="flex-row w-full items-center justify-between py-3">
|
||||
<div class="flex-row items-center gap-2">
|
||||
<div class="flex flex-row w-full items-center justify-between py-3">
|
||||
<div class="flex flex-row items-center gap-2">
|
||||
<span class="text-3xl">{{ cat.icon }} </span>
|
||||
<div class="flex-col justify-between">
|
||||
<div class="flex-row"> {{ cat.name }}</div>
|
||||
<div class="flex flex-col justify-between">
|
||||
<div class="flex flex-row"> {{ cat.name }}</div>
|
||||
<div class="flex flex-row text-sm text-gray-600">{{ cat.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -272,7 +272,7 @@ onMounted(async () => {
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col w-full ">
|
||||
<div class="flex-col w-full">
|
||||
<div class="flex flex-col w-full">
|
||||
<InputNumber
|
||||
v-model="recurrentAmount"
|
||||
@input=" isAmountError = false"
|
||||
@@ -294,12 +294,12 @@ onMounted(async () => {
|
||||
</div>
|
||||
<div class="flex flex-col w-full justify-items-start">
|
||||
<label class="!font-semibold text-gray-600 pl-2">Recurrent category</label>
|
||||
<div class="card !justify-start !items-start !p-4 !pl-5 cursor-pointer"
|
||||
<div class="flex card !justify-start !items-start !p-4 !pl-5 cursor-pointer"
|
||||
@click="isCategorySelectorOpened = true; isCategoryError=false;">
|
||||
<div class="flex-row w-full gap-2 items-center justify-between">
|
||||
<div class="flex-row gap-2 items-center">
|
||||
<div class="flex flex-row w-full gap-2 items-center justify-between">
|
||||
<div class="flex flex-row gap-2 items-center">
|
||||
<span class="!text-3xl ">{{ recurrentCategory.icon }}</span>
|
||||
<div class="flex-col ">
|
||||
<div class="flex flex-col ">
|
||||
<span class=" !">{{ recurrentCategory.name }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -311,7 +311,7 @@ onMounted(async () => {
|
||||
</div>
|
||||
<div class="flex flex-col w-full justify-items-start">
|
||||
<label class="!font-semibold text-gray-600 pl-2">Recurrent name</label>
|
||||
<div class="card !justify-start !items-start !p-4 !pl-5 ">
|
||||
<div class="flex card !justify-start !items-start !p-4 !pl-5 ">
|
||||
<input class="font-extralight w-full focus:outline-0" placeholder="Name"
|
||||
@input="recurrentName?.length ==0 ? isNameError = true : isNameError=false" v-model="recurrentName"/>
|
||||
</div>
|
||||
@@ -320,8 +320,8 @@ onMounted(async () => {
|
||||
</div>
|
||||
<div class="flex flex-col w-full justify-items-start">
|
||||
<label class="!font-semibold text-gray-600 !pl-2">Recurrent date</label>
|
||||
<div class="card !justify-start !items-start !pl-2">
|
||||
<div class="!grid !grid-cols-7 gap-2">
|
||||
<div class="flex card !justify-start !items-start !pl-2">
|
||||
<div class="flex !grid !grid-cols-7 gap-2">
|
||||
<div v-for="i in 31"
|
||||
class="!w-12 !h-12 !items-center !justify-items-center !justify-center rounded-full cursor-pointer flex"
|
||||
:class="recurrentDate == i ? 'bg-green-200' : 'bg-gray-100'"
|
||||
|
||||
Reference in New Issue
Block a user