RED-68 chips de movimentação

sombriks · May 19, 2024 · 07f1c2e · 07f1c2e
1 parent 5f8a97e
commit 07f1c2e
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 28 deletions.
diff --git a/web-app-vue/src/pages/dashboard/controles-dashboard.vue b/web-app-vue/src/pages/dashboard/controles-dashboard.vue
@@ -321,7 +321,7 @@ const planejamentos = computed(() => {
         {
           shape: 'square',
           name: 'Limite',
-          color: 'red',
+          color: planejamento.type === "ENTRADA" ? 'lightgreem' : 'red',
           type: 'line',
           series: dashboardState.store.dashboard?.planejamentos
             ?.filter((l) => l.descricao === planejamento.descricao)
@@ -339,7 +339,7 @@ const planejamentos = computed(() => {
           type: 'line',
           series: dashboardState.store.dashboard?.planejamentos
             ?.filter((l) => l.descricao === planejamento.descricao)
-            .map((l) => -l.acc)
+            .map((l) => planejamento.type === "ENTRADA" ? l.acc : -l.acc)
         }
       ]
     }

diff --git a/web-app-vue/src/pages/movimentacao/editar-movimentacao-page.vue b/web-app-vue/src/pages/movimentacao/editar-movimentacao-page.vue
@@ -1,3 +1,6 @@
+<template>
+  <editar-movimentacao :movimentacao="movimentacao"></editar-movimentacao>
+</template>
 <script setup>
 import EditarMovimentacao from "@/pages/movimentacao/editar-movimentacao.vue";
 import { useRoute } from "vue-router";
@@ -8,13 +11,5 @@ const movimentacaoStore = useMovimentacaoStore()
 const route = useRoute()
 
 const movimentacao = ref(movimentacaoStore.getMovimentacao(route.params.id))
-
 </script>
-
-<template>
-  <editar-movimentacao :movimentacao="movimentacao"></editar-movimentacao>
-</template>
-
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/web-app-vue/src/pages/movimentacao/lista-movimentacoes.vue b/web-app-vue/src/pages/movimentacao/lista-movimentacoes.vue
@@ -36,13 +36,19 @@
     </v-row>
     <v-row v-if="!agrupamento" align="center" class="vh-80-scroll">
       <p v-if="!movimentacoes.length">Não há movimentações para exibir</p>
-      <v-expansion-panels>
-        <detalhe-movimentacao
-          v-for="movimentacao in movimentacoes"
-          :key="movimentacao.id"
-          :movimentacao="movimentacao"
-        />
-      </v-expansion-panels>
+      <!--      <v-expansion-panels>-->
+      <!--        <detalhe-movimentacao-->
+      <!--          v-for="movimentacao in movimentacoes"-->
+      <!--          :key="movimentacao.id"-->
+      <!--          :movimentacao="movimentacao"-->
+      <!--        />-->
+      <!--      </v-expansion-panels>-->
+      <chip-movimentacao
+        v-for="movimentacao in movimentacoes"
+        :key="movimentacao.id"
+        :movimentacao="movimentacao"
+        @click="router.push(`/editar-movimentacao/${movimentacao.id}`)"
+      ></chip-movimentacao>
     </v-row>
     <v-row v-if="agrupamento === 'conta'" align="center" class="vh-80-scroll">
       <v-list width="100%">
@@ -197,6 +203,7 @@ import ContaAutocomplete from '@/pages/shared/conta-autocomplete.vue'
 import ChipSaldo from '@/pages/shared/chip-saldo.vue'
 import ChipConta from '@/pages/shared/chip-conta.vue'
 import ChipPeriodo from '@/pages/shared/chip-periodo.vue'
+import ChipMovimentacao from '@/pages/shared/chip-movimentacao.vue'
 
 const movimentacaoStore = useMovimentacaoStore()
 const categoriaStore = useCategoriaStore()
@@ -231,13 +238,15 @@ const agrupamentoConta = computed(() => {
 })
 
 const agrupamentoCategoria = computed(() => {
-  const categorias = categoriaStore.store.categorias.map((c) => {
-    const thisCategory = movimentacoes.value.filter((m) => m.categoria_id == c.id)
-    return {
-      ...c,
-      saldo: prepareBalance(thisCategory)
-    }
-  }).filter(ac => ac.saldo != 0)
+  const categorias = categoriaStore.store.categorias
+    .map((c) => {
+      const thisCategory = movimentacoes.value.filter((m) => m.categoria_id == c.id)
+      return {
+        ...c,
+        saldo: prepareBalance(thisCategory)
+      }
+    })
+    .filter((ac) => ac.saldo != 0)
   return categorias
 })
 

diff --git a/...src/pages/movimentacao/historico-page.vue → .../pages/movimentacao/movimentacao-page.vue b/...src/pages/movimentacao/historico-page.vue → .../pages/movimentacao/movimentacao-page.vue
diff --git a/web-app-vue/src/pages/planejamento/detalhe-planejamento.vue b/web-app-vue/src/pages/planejamento/detalhe-planejamento.vue
@@ -64,6 +64,7 @@
             type="submit"
             icon="mdi-check"
           ></v-btn>
+          <v-spacer v-if="!planejamento?.id"></v-spacer>
           <v-btn
             variant="outlined"
             color="orange"

diff --git a/web-app-vue/src/pages/shared/chip-movimentacao.vue b/web-app-vue/src/pages/shared/chip-movimentacao.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-chip @click="onClick"
+  <v-chip variant="outlined" rounded @click="onClick"
     >{{ props.movimentacao?.descricao }} {{ props.movimentacao?.valor }}</v-chip
   >
 </template>

diff --git a/web-app-vue/src/services/router.js b/web-app-vue/src/services/router.js
@@ -9,7 +9,7 @@ const DashboardPage = () => import("@/pages/dashboard/dashboard-page.vue")
 import PlanejamentoPage from '@/pages/planejamento/planejamento-page.vue'
 import RecorrenciasPage from '@/pages/recorrencia/recorrencias-page.vue'
 import ContasPage from '@/pages/conta/contas-page.vue'
-import HistoricoPage from '@/pages/movimentacao/historico-page.vue'
+import HistoricoPage from '@/pages/movimentacao/movimentacao-page.vue'
 import EditarMovimentacaoPage from '@/pages/movimentacao/editar-movimentacao-page.vue'
 
 export const routes = [
@@ -19,7 +19,7 @@ export const routes = [
   { component: NovaMovimentacaoPage, path: '/nova-movimentacao', label: 'Novo lançamento', icon: 'mdi-currency-usd' },
   { component: ContasPage, path: '/contas', label: 'Contas', icon: 'mdi-card-account-details' },
   { component: CategoriasPage, path: '/categorias', label: 'Categorias', icon: 'mdi-playlist-check' },
-  { component: HistoricoPage, path: '/historico', label: 'Histórico', icon: 'mdi-clipboard-text-search-outline' },
+  { component: HistoricoPage, path: '/historico', label: 'Lançamentos', icon: 'mdi-clipboard-text-search-outline' },
   { component: EditarMovimentacaoPage, path: '/editar-movimentacao/:id' },
   { component: PlanejamentoPage, path: '/planejamento', label: 'Planejamento', icon: 'mdi-clipboard-edit-outline' },
   { component: RecorrenciasPage, path: '/recorrencias', label: 'Recorrências', icon: 'mdi-history' },