<li class="dropdown" data-bind="with: notifications">
    <a href="#"
       class="dropdown-toggle"
       data-toggle="dropdown">
        <span class="glyphicon glyphicon-bell"
              data-bind="style:{color: style_color,
                                fontSize: style_font_size}"></span>
        <!-- ko if: newNotifications() > 0 -->
        <span data-bind="text: '(' + newloopNotices() + ')'"></span>
        <!-- /ko -->
        Notifications
    </a>
    <ul class="dropdown-menu" role="menu">
        <li>
            <a href="{{ path("workers_time_notifications") }}">
                <span class="glyphicon glyphicon-time"
                      data-bind="style:{color: style_color}"></span>
                <span data-bind="text: 'Time records ('"></span>
                <span data-bind="text: newloopNotices,
                                 style:{color: style_color}"></span>
                <span data-bind="text: ')'"></span>
            </a>
        </li>
    </ul>
</li>