mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-12-12 01:42:32 +00:00
Expand v2 layout with experimental view.
This commit is contained in:
James Cole
@@ -1,7 +1,7 @@
|
||||
<div class="row mb-3">
|
||||
<label :for="'dest_' + index"
|
||||
class="col-sm-1 col-form-label d-none d-sm-block">
|
||||
<em title="{{ __('firefly.destination_account') }}" class="fa-solid fa-arrow-left"></em>
|
||||
<em title="{{ __('firefly.destination_account') }}" class="fa-solid fa-arrow-right"></em>
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text"
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="row mb-3">
|
||||
<label :for="'source_' + index"
|
||||
class="col-sm-1 col-form-label d-none d-sm-block">
|
||||
<em title="{{ __('firefly.source_account') }}" class="fa-solid fa-arrow-right"></em>
|
||||
<em title="{{ __('firefly.source_account') }}" class="fa-solid fa-arrow-left"></em>
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text"
|
||||
|
||||
207
resources/views/v2/transactions/show.blade.php
Normal file
207
resources/views/v2/transactions/show.blade.php
Normal file
@@ -0,0 +1,207 @@
|
||||
@extends('layout.v2')
|
||||
@section('vite')
|
||||
@vite(['resources/assets/v2/sass/app.scss', 'resources/assets/v2/pages/transactions/show.js'])
|
||||
@endsection
|
||||
@section('content')
|
||||
<div class="app-content">
|
||||
<div class="container-fluid" x-data="show">
|
||||
<x-messages></x-messages>
|
||||
<div class="row">
|
||||
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ __('firefly.basic_journal_information') }}</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-x table-hover">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th style="width:10%;">
|
||||
<template x-if="'Withdrawal' === groupProperties.transactionType">
|
||||
<em class="fa fa-solid fa-arrow-left"
|
||||
:title="groupProperties.transactionTypeTranslated"></em>
|
||||
</template>
|
||||
|
||||
<template x-if="'Deposit' === groupProperties.transactionType">
|
||||
<em class="fa-solid fa-arrow-right"
|
||||
:title="groupProperties.transactionTypeTranslated"></em>
|
||||
</template>
|
||||
|
||||
<template x-if="'Transfer' === groupProperties.transactionType">
|
||||
<em class="fa-solid fa-rotate"
|
||||
:title="groupProperties.transactionTypeTranslated"></em>
|
||||
</template>
|
||||
<template
|
||||
x-if="'Transfer' !== groupProperties.transactionType && 'Deposit' !== groupProperties.transactionType && 'Withdrawal' !== groupProperties.transactionType">
|
||||
<span>TODO missing ICON</span>
|
||||
</template>
|
||||
</th>
|
||||
<td><span x-text="groupProperties.title"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><em class="fa-solid fa-calendar-alt" title="{{ __('list.date') }}"/></th>
|
||||
<td><span x-text="format(groupProperties.date)"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">{{ __('firefly.transaction_journal_meta') }}</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-x table-hover">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th style="width:10%;">
|
||||
<em class="fa-solid fa-money-bill-wave" title="{{ __('firefly.amount') }}"></em>
|
||||
</th>
|
||||
<td>
|
||||
<template x-if="'Withdrawal' === groupProperties.transactionType">
|
||||
<template x-for="(amount, code) in amounts">
|
||||
<span class="text-danger" x-text="formatMoney(amount*-1, code)"></span>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<template x-if="'Deposit' === groupProperties.transactionType">
|
||||
<template x-for="(amount, code) in amounts">
|
||||
<span class="text-success" x-text="formatMoney(amount, code)"></span>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<template x-if="'Transfer' === groupProperties.transactionType">
|
||||
<template x-for="(amount, code) in amounts">
|
||||
<span class="text-info" x-text="formatMoney(amount, code)"></span>
|
||||
</template>
|
||||
</template>
|
||||
<template
|
||||
x-if="'Transfer' !== groupProperties.transactionType && 'Deposit' !== groupProperties.transactionType && 'Withdrawal' !== groupProperties.transactionType">
|
||||
<span>TODO PARSE MISSING AMOUNT</span>
|
||||
</template>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<em title="{{ __('firefly.source_account') }}"
|
||||
class="fa-solid fa-arrow-left"></em>
|
||||
</th>
|
||||
<td>
|
||||
<template x-for="entry in entries">
|
||||
<a :href="'./accounts/show/' + entry.source_account.id" :title="entry.source_account.name" x-text="entry.source_account.name"></a>
|
||||
</template>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<em title="{{ __('firefly.destination_account') }}"
|
||||
class="fa-solid fa-arrow-right"></em>
|
||||
</th>
|
||||
<td>
|
||||
<template x-for="entry in entries">
|
||||
<a :href="'./accounts/show/' + entry.destination_account.id" :title="entry.destination_account.name" x-text="entry.destination_account.name"></a>
|
||||
</template>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-3">
|
||||
<div class="col">
|
||||
<h4>{{ __('firefly.transaction_journal_information') }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-4 col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Description (X from X)</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-x table-hover">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
center
|
||||
From A to B (summary)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>category icon</th>
|
||||
<td>category</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>budget icon</th>
|
||||
<td>budget</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>subscription icon</th>
|
||||
<td>subscription</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>dates (x6) icon</th>
|
||||
<td>subscription</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>meta fields</th>
|
||||
<td>meta</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>recurring things</th>
|
||||
<td>meta</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>tags</th>
|
||||
<td>meta</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">notes</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Transaction links</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Piggy bank events.</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Attachments</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Audit log entries</h3>
|
||||
</div>
|
||||
<div class="card-body p-0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-3">
|
||||
<div class="col">
|
||||
<h3>{{ __('firefly.audit_log_entries') }}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
Reference in New Issue
Block a user