<div class="finance-list">
    <select-time choosen="choosen" get-data="getMoneyData"></select-time>
    
    <h1 class="page-title">
        <span class="title">Finances</span>
    </h1>
    Search: <input ng-model="query" />

    <div class="finance" ng-repeat="expenses in finances track by $index"  ng-if="expenses">
        <h3 class="month">
            <span class="month-name">{{$index | monthbyindex}}</span>
            <span class="month-expenses">{{expenses.total = getTotal(filteredExpenses,'amount')}}</span>
        </h3>
        <div class="list" ng-repeat="expense in filteredExpenses = (expenses | filter:query)">
            <buble size="expense.size" title="expense.title" value="expense.amount"></buble>
        </div>
    </div>
</div>