mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-02-25 18:45:27 -06:00
212 lines
11 KiB
PHP
212 lines
11 KiB
PHP
@extends('layout.v2')
|
|
@section('vite')
|
|
@vite(['resources/assets/v2/sass/app.scss', 'resources/assets/v2/pages/transactions/index.js'])
|
|
@endsection
|
|
@section('content')
|
|
<div class="app-content">
|
|
<div class="container-fluid" x-data="index">
|
|
<x-messages></x-messages>
|
|
<div class="row mb-3">
|
|
<div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Info</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
some chart
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Info</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
Same
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Info</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
Same
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
Nav
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-xl-10 col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3 class="card-title">Transactions</h3>
|
|
</div>
|
|
<div class="col text-end">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div id="grid" class="ag-theme-alpine-auto-dark ag-theme-firefly-iii" style="height: 500px">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3 class="card-title">Transactions</h3>
|
|
</div>
|
|
<div class="col text-end">
|
|
<div class="btn-group">
|
|
<button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Options
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">
|
|
<em class="text-danger fa-regular fa-circle-xmark"></em>
|
|
Category</a></li>
|
|
<li><a class="dropdown-item" href="#">
|
|
<em class="text-success fa-regular fa-circle-check"></em>
|
|
Budget</a></li>
|
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Separated link</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
Icon
|
|
</th>
|
|
<template x-if="tableColumns.description.enabled">
|
|
<th>Description</th>
|
|
</template>
|
|
<template x-if="tableColumns.source.enabled">
|
|
<th>From</th>
|
|
</template>
|
|
<template x-if="tableColumns.destination.enabled">
|
|
<th>To</th>
|
|
</template>
|
|
<template x-if="tableColumns.amount.enabled">
|
|
<th>Amount</th>
|
|
</template>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<template x-for="transaction in transactions">
|
|
<tr>
|
|
<td>
|
|
<template x-if="'withdrawal' === transaction.type">
|
|
<em class="fa fa-solid fa-arrow-left"
|
|
title="TODO TRANSLATION"></em>
|
|
</template>
|
|
|
|
<template x-if="'deposit' === transaction.type">
|
|
<em class="fa-solid fa-arrow-right"
|
|
:title="transaction.typeTranslated"></em>
|
|
</template>
|
|
|
|
<template x-if="'transfer' === transaction.type">
|
|
<em class="fa-solid fa-rotate"
|
|
:title="transaction.typeTranslated"></em>
|
|
</template>
|
|
<template
|
|
x-if="'transfer' !== transaction.type && 'deposit' !== transaction.type && 'withdrawal' !== transaction.type">
|
|
<span>TODO missing ICON</span>
|
|
</template>
|
|
</td>
|
|
<template x-if="tableColumns.description.enabled">
|
|
<td>
|
|
<template x-if="transaction.split">
|
|
<span>I AM SPLIT</span>
|
|
</template>
|
|
<template x-if="transaction.split && transaction.firstSplit">
|
|
<span>I AM FIRST SPLIT</span>
|
|
</template>
|
|
<a :href="'./transactions/show/' + transaction.id" x-text="transaction.description"></a>
|
|
</td>
|
|
</template>
|
|
<template x-if="tableColumns.source.enabled">
|
|
<td>
|
|
<a :href="'./accounts/show/' + transaction.source_id"
|
|
x-text="transaction.source_name"></a>
|
|
</td>
|
|
</template>
|
|
<template x-if="tableColumns.destination.enabled">
|
|
<td>
|
|
<a :href="'./accounts/show/' + transaction.destination_id"
|
|
x-text="transaction.destination_name"></a>
|
|
</td>
|
|
</template>
|
|
<template x-if="tableColumns.amount.enabled">
|
|
<td>
|
|
|
|
<template x-if="'withdrawal' === transaction.type">
|
|
<span class="text-danger" x-text="formatMoney(transaction.amount*-1, transaction.currency_code)"></span>
|
|
</template>
|
|
|
|
|
|
<template x-if="'deposit' === transaction.type">
|
|
<span class="text-success" x-text="formatMoney(transaction.amount, transaction.currency_code)"></span>
|
|
</template>
|
|
|
|
<template x-if="'transfer' === transaction.type">
|
|
<span class="text-info" x-text="formatMoney(transaction.amount, transaction.currency_code)"></span>
|
|
</template>
|
|
<template
|
|
x-if="'transfer' !== transaction.type && 'deposit' !== transaction.type && 'withdrawal' !== transaction.type">
|
|
<span>TODO PARSE MISSING AMOUNT</span>
|
|
</template>
|
|
</td>
|
|
</template>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Sidebar</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
I like sidebar
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col">
|
|
Nav
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@endsection
|