<div class="discussionindex" id="discussionIndex">
    <div id="noDiscussions" style="margin-top: 30px">
        {{_('Currently there are no discussions here. Start one by hovering your mouse over a bubble and clicking "Discuss"')}}
    </div>
    <div id="incomeDiscussions">
        <h3>{{_('Income')}}</h3>
        <div id="incomeList">
            <ul></ul>
        </div>
    </div>
    <div id="expenditureDiscussions">
        <h3>{{_('Expenditure')}}</h3>
        <div id="expenditureList">
            <ul></ul>
        </div>
    </div>
    <div id="comparisonDiscussions">
        <h3>{{_('Comparisons')}}</h3>
        <div id="comparisonList">
            <ul></ul>
        </div>
    </div>
    <li id="discussionListItemTemplate" style="display: none">
        <h4 class="titlelink">Some category title</h4>
        <div class="details"><i class="icon icon-discuss"></i><span class="count">4</span> <i class="icon icon-updated"></i><span class="timestamp">6.06.2015</span></div>
    </li>
</div>