firefly-iii/resources/views/v1/list/periods.twig

{% for period in periods %}
    <div class="box box-default">
        <div class="box-header with-border">
            <h3 class="box-title"><a href="{{ period.route }}">{{ period.title }}</a>
            </h3>
        </div>
        <div class="box-body no-padding">
            <table class="table table-hover">
                {% if period.transactions > 0 %}
                    <tr>
                        <td style="width:33%;">{{ 'transactions'|_ }}</td>
                        <td style="text-align: right;">{{ period.transactions }}</td>
                    </tr>
                {% endif %}
                {# loop all spent amounts #}

                {% for entry in period.spent %}
                    {# actually spent anything: #}
                    {% if entry.amount !=0 %}
                        <tr>
                            <td style="width:33%;">{{ 'spent'|_ }}</td>
                            <td style="text-align: right;">
                                {{ formatAmountBySymbol(entry.amount * -1, entry.currency.symbol, entry.currency.decimal_places) }}
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}


                {% for entry in period.earned %}
                    {% if entry.amount !=0 %}
                        <tr>
                            <td style="width:33%;">{{ 'earned'|_ }}</td>
                            <td style="text-align: right;">{{ formatAmountBySymbol(entry.amount, entry.currency.symbol, entry.currency.decimal_places) }}</td>
                        </tr>
                    {% endif %}
                {% endfor %}

                {% for array in period.transferred.sums %}
                    {% if array.sum !=0 %}
                        <tr>
                            <td style="width:33%;">{{ 'transferred'|_ }}</td>
                            <td style="text-align: right;"><span
                                        class="text-info">{{ formatAmountBySymbol(array.sum, array.currency_symbol, array.currency_decimal_places, false) }}</span>
                            </td>
                        </tr>
                    {% endif %}
                {% endfor %}
            </table>
        </div>
    </div>

{% endfor %}