add network

This commit is contained in:
xds
2025-10-31 15:22:44 +03:00
parent 6ab7a490c9
commit 5b56eb17fd
33 changed files with 1435 additions and 342 deletions

View File

@@ -49,23 +49,24 @@ onMounted(async () => {
</script>
<template>
<div class="!pb-10">
<div class="card">
<div v-for="key in recurrents.keys()" :key="recurrents[key].id"
<div class="flex !pb-10">
<div class="flex card">
<span v-if="recurrents.length==0">Looks like that you haven't create any recurrent yet. <router-link to="/recurrents/create" class="!text-blue-400">Try to create some first.</router-link></span>
<div v-else v-for="key in recurrents.keys()" :key="recurrents[key].id"
@click="router.push(`/recurrents/${recurrents[key].id}/edit`)"
class="flex flex-col w-full pl-5 items-start justify-items-center font-bold ">
<div class="flex-row gap-2 w-full items-center justify-between">
<div class="w-full flex items-center justify-between">
<div class="flex-row items-center gap-2 ">
<div class="flex flex-row gap-2 w-full items-center justify-between">
<div class="flex w-full flex items-center justify-between">
<div class="flex flex-row items-center gap-2 ">
<span class="text-4xl">{{ recurrents[key].category.icon }}</span>
<div class="flex-col items-start">
<div class="flex-row !font-bold "> {{ recurrents[key].name }}</div>
<div class="flex flex-col items-start">
<div class="flex flex-row !font-bold "> {{ recurrents[key].name }}</div>
<div class="flex flex-row text-sm">{{ recurrents[key].category.name }}</div>
</div>
</div>
<div class="items-end flex-col">
<div class="flex items-end flex-col">
<span class="text-lg !font-semibold">{{ recurrents[key].amount }} </span>
<span class="text-sm">каждое {{ recurrents[key].date }} число </span>
</div>