mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-09-19 10:53:37 +00:00
Expand layout
This commit is contained in:
@@ -9,93 +9,98 @@
|
|||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
@include('partials.dashboard.boxes')
|
@include('partials.dashboard.boxes')
|
||||||
<!-- row with account data -->
|
<!-- row with account data -->
|
||||||
<div class="row">
|
<div x-data="accounts">
|
||||||
<div class="col-xl-8 col-lg-12 col-sm-12 col-xs-12">
|
<div class="row">
|
||||||
<div class="row mb-2">
|
<div class="col-xl-8 col-lg-12 col-sm-12 col-xs-12">
|
||||||
<div class="col">
|
<div class="row mb-2">
|
||||||
|
<div class="col">
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
|
||||||
title="{{ __('firefly.yourAccounts') }}">{{ __('firefly.yourAccounts') }}</a>
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<div id="account-chart"></div>
|
|
||||||
<p x-data="accounts">
|
|
||||||
<template x-if="autoConvert">
|
|
||||||
<button type="button" @click="switchConversion" class="btn btn-info btm-sm">
|
|
||||||
Disable auto-convert
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
<template x-if="!autoConvert">
|
|
||||||
<button type="button" @click="switchConversion" class="btn btn-info btm-sm">
|
|
||||||
Enable auto-convert
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mb-2">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
|
||||||
title="{{ __('firefly.yourAccounts') }}">budget</a>
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<div id="budget-chart"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row mb-2">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
|
||||||
title="{{ __('firefly.yourAccounts') }}">cat</a>
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<div id="category-chart"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-xl-4 col-lg-12 col-sm-12 col-xs-12">
|
|
||||||
<div class="row" x-data="accounts">
|
|
||||||
<template x-for="account in accountList">
|
|
||||||
<div class="col-12 mb-2">
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">
|
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
||||||
<a :href="'{{ route('accounts.show','') }}/' + account.id"
|
title="{{ __('firefly.yourAccounts') }}">{{ __('firefly.yourAccounts') }}</a>
|
||||||
x-text="account.name"></a>
|
|
||||||
|
|
||||||
<span class="small text-muted">(<span
|
|
||||||
x-text="account.balance"></span>)</span>
|
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body p-0">
|
<div class="card-body">
|
||||||
<table class="table table-sm">
|
<div id="account-chart"></div>
|
||||||
<tbody>
|
<p class="text-end">
|
||||||
<template x-for="group in account.groups">
|
<template x-if="autoConversion">
|
||||||
<tr>
|
<button type="button" @click="switchAutoConversion"
|
||||||
<td>
|
class="btn btn-outline-info btm-sm">
|
||||||
<template x-if="group.title">
|
<span
|
||||||
|
class="fa-solid fa-comments-dollar"></span> {{ __('firefly.disable_auto_convert') }}
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
<template x-if="!autoConversion">
|
||||||
|
<button type="button" @click="switchAutoConversion"
|
||||||
|
class="btn btn-outline-info btm-sm">
|
||||||
|
<span
|
||||||
|
class="fa-solid fa-comments-dollar"></span> {{ __('firefly.enable_auto_convert') }}
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
||||||
|
title="{{ __('firefly.yourAccounts') }}">budget</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div id="budget-chart"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-2">
|
||||||
|
<div class="col">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title"><a href="{{ route('accounts.index',['asset']) }}"
|
||||||
|
title="{{ __('firefly.yourAccounts') }}">cat</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div id="category-chart"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-xl-4 col-lg-12 col-sm-12 col-xs-12">
|
||||||
|
<div class="row">
|
||||||
|
<template x-for="account in accountList">
|
||||||
|
<div class="col-12 mb-2">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">
|
||||||
|
<a :href="'{{ route('accounts.show','') }}/' + account.id"
|
||||||
|
x-text="account.name"></a>
|
||||||
|
|
||||||
|
<span class="small text-muted">(<span
|
||||||
|
x-text="account.balance"></span>)</span>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-0">
|
||||||
|
<table class="table table-sm">
|
||||||
|
<tbody>
|
||||||
|
<template x-for="group in account.groups">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<template x-if="group.title">
|
||||||
<span><a
|
<span><a
|
||||||
:href="'{{route('transactions.show', '') }}/' + group.id"
|
:href="'{{route('transactions.show', '') }}/' + group.id"
|
||||||
x-text="group.title"></a><br/></span>
|
x-text="group.title"></a><br/></span>
|
||||||
</template>
|
</template>
|
||||||
<template x-for="transaction in group.transactions">
|
<template x-for="transaction in group.transactions">
|
||||||
<span>
|
<span>
|
||||||
<template x-if="group.title">
|
<template x-if="group.title">
|
||||||
<span>-
|
<span>-
|
||||||
@@ -110,29 +115,30 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</td>
|
</td>
|
||||||
<td style="width:30%;" class="text-end">
|
<td style="width:30%;" class="text-end">
|
||||||
<template x-if="group.title">
|
<template x-if="group.title">
|
||||||
<span><br/></span>
|
<span><br/></span>
|
||||||
</template>
|
</template>
|
||||||
<template x-for="transaction in group.transactions">
|
<template x-for="transaction in group.transactions">
|
||||||
<span>
|
<span>
|
||||||
<span x-text="transaction.amount"></span><br>
|
<span x-text="transaction.amount"></span><br>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user