firefly-iii/resources/twig/transactions/show.twig

{% extends "./layout/default.twig" %}
{% block content %}
    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName, journal) }}
<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <i class="fa fa-info-circle fa-fw"></i>
                Metadata
            </div>
                <table class="table table-striped table-bordered">
                    <tr>
                        <td>Date</td>
                        <td>{{ journal.date.format('jS F Y') }}</td>
                    </tr>
                    <tr>
                        <td>Type</td>
                        <td>{{ journal.transactiontype.type }}</td>
                    </tr>
                    <tr>
                        <td>Completed</td>
                        <td>
                            {% if journal.completed %}
                            <span class="text-success">Yes</span>
                            {% else %}
                            <span class="text-danger">No</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% for budget in journal.budgets %}
                        <tr>
                            <td>Budget</td>
                            <td><a href="{{route('budgets.show',budget.id)}}">{{ budget.name }}</a></td>
                        </tr>
                    {% endfor %}
                    {% for category in journal.categories %}
                        <tr>
                            <td>Category</td>
                            <td><a href="{{route('categories.show',category.id)}}">{{ category.name }}</a></td>
                        </tr>
                    {% endfor %}
                    {% if journal.tags|length > 0 %}
                        <tr>
                            <td>Tags</td>
                            <td>
                                {% for tag in journal.tags %}

                                    <h4 style="display: inline;"><a class="label label-success" href="{{route('tags.show',tag)}}">
                                            {% if tag.tagMode == 'nothing' %}
                                                <i class="fa fa-fw fa-tag"></i>
                                            {% endif %}
                                            {% if tag.tagMode == 'balancingAct' %}
                                                <i class="fa fa-fw fa-refresh"></i>
                                            {% endif %}
                                            {% if tag.tagMode == 'advancePayment' %}
                                                <i class="fa fa-fw fa-sort-numeric-desc"></i>
                                            {% endif %}
                                            {{tag.tag}}</a>
                                    </h4>
                                {% endfor %}
                            </td>
                        </tr>
                    {% endif %}
                </table>
        </div>
        <!-- events, if present -->
        {% if journal.piggyBankEvents|length > 0 %}
            <div class="panel panel-default">
                <div class="panel-heading">
                    Piggy banks
                </div>
                <div class="panel-body">
                    {% include 'list/piggy-bank-events' with {'events': journal.piggyBankEvents, 'showPiggyBank':true} %}
                </div>
            </div>
        {% endif %}
    </div>
    <div class="col-lg-6 col-md-6 col-sm-12">

    {% for t in journal.transactions %}
        <div class="panel panel-default">
            <div class="panel-heading">
                {% if t.account.accounttype.type == 'Asset account' %}
                    <i class="fa fa-money fa-fw"></i>
                {% endif %}
                {% if t.account.accounttype.type == 'Default account' %}
                    <i class="fa fa-money fa-fw"></i>
                {% endif %}
                {% if t.account.accounttype.type == 'Expense account' %}
                    <i class="fa fa-shopping-cart fa-fw"></i>
                {% endif %}
                {% if t.account.accounttype.type == 'Beneficiary account' %}
                    <i class="fa fa-shopping-cart fa-fw"></i>
                {% endif %}

                {% if t.account.accounttype.type == 'Revenue account' %}
                    <i class="fa fa-download fa-fw"></i>
                {% endif %}
                <a href="{{route('accounts.show',t.account.id)}}">{{ t.account.name }}</a><br /><small>{{ t.account.accounttype.description }}</small>
            </div>
                <table class="table table-striped table-bordered">
                    <tr>
                        <td>Amount</td>
                        <td>{{ t|formatTransaction }}</td>
                    </tr>
                    <tr>
                        <td>New balance</td>
                        <td>{{ t.before|formatAmount }} &rarr; {{ t.after|formatAmount }}</td>
                    </tr>
                    {% if t.description %}
                    <tr>
                        <td>Description</td>
                        <td>{{ t.description }}</td>
                    </tr>
                    {% endif %}
                </table>
        </div>
    {% endfor %}
    </div>
</div>

<div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="btn-group">
        <a class="btn btn-default" href="{{route('transactions.edit',journal.id)}}"><i class="fa fa-fw fa-pencil"></i> {{ 'edit'|_ }}</a> <a href="{{route('transactions.delete',journal.id)}}" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> {{ 'delete'|_ }}</a>
        </div>
    </div>
</div>

{% endblock %}
{% block scripts %}
<script type="text/javascript" src="js/transactions.js"></script>
{% endblock %}