2
0
mirror of https://github.com/frappe/books.git synced 2025-01-11 02:36:14 +00:00

Merge pull request #23 from piyushsinghania/fix/auto-reload-of-Profit-And-Loss-Graph

Fixed profit and loss graph to auto update
This commit is contained in:
Ankit Singhaniya 2021-11-03 12:28:50 +05:30 committed by GitHub
commit 0c34a122d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 10 deletions

View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="flex flex-col h-full">
<SectionHeader> <SectionHeader>
<template slot="title" class="font-medium">{{ <template slot="title" class="font-medium">{{
_('Top Expenses') _('Top Expenses')
@ -11,7 +11,7 @@
@change="value => (period = value)" @change="value => (period = value)"
/> />
</SectionHeader> </SectionHeader>
<div class="flex relative"> <div class="flex relative" v-show="hasData">
<div class="w-1/2"> <div class="w-1/2">
<div <div
class="mt-5 flex justify-between items-center text-sm" class="mt-5 flex justify-between items-center text-sm"
@ -28,7 +28,6 @@
<div class="w-1/2"> <div class="w-1/2">
<div class="chart-wrapper" ref="top-expenses"></div> <div class="chart-wrapper" ref="top-expenses"></div>
<div <div
v-if="hasData"
class="absolute text-base text-center font-semibold" class="absolute text-base text-center font-semibold"
style="right: 6rem; top: 32%;" style="right: 6rem; top: 32%;"
> >
@ -40,11 +39,11 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="totalExpense === 0" class="absolute inset-0 flex-center"> </div>
<span class="text-base text-gray-600"> <div v-if="totalExpense === 0" class="flex-1 w-full h-full flex-center">
{{ _('No transactions yet') }} <span class="text-base text-gray-600">
</span> {{ _('No transactions yet') }}
</div> </span>
</div> </div>
</div> </div>
</template> </template>

View File

@ -9,8 +9,8 @@
@change="value => (period = value)" @change="value => (period = value)"
/> />
</SectionHeader> </SectionHeader>
<div v-if="hasData" class="chart-wrapper" ref="profit-and-loss"></div> <div v-show="hasData" class="chart-wrapper" ref="profit-and-loss"></div>
<div class="flex-1 w-full h-full flex-center" v-else> <div class="flex-1 w-full h-full flex-center my-20" v-if="!hasData">
<span class="text-base text-gray-600"> <span class="text-base text-gray-600">
{{ _('No transactions yet') }} {{ _('No transactions yet') }}
</span> </span>