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:
commit
0c34a122d6
@ -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>
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user