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 %}
                {% for arr in period.spent %}
                    {% if arr.amount !=0 %}
                        <tr>
                            <td style="width:33%;">{{ 'spent'|_ }}</td>
                            <td style="text-align: right;">{{ formatAmountByCurrency(arr.currency, arr.amount) }}</td>
                        </tr>
                    {% endif %}
                {% endfor %}

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

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

{% endfor %}