taiga-front/app/modules/navigation-bar/dropdown-notifications/dropdown-notifications.jade

27 lines
1.0 KiB
Plaintext

a(
href=""
title="{{ 'EVENTS.TITLE' | translate }}"
tg-nav="notifications"
ng-mouseover="visible=true"
ng-class="{'active': active}"
)
tg-svg(svg-icon="icon-bell")
div.counter(ng-if="total", ng-class="{'counter-active': newEvent, 'large': total > 99, 'small': total < 10}") {{ total }}
div.navbar-dropdown-notifications(
ng-show="visible",
ng-mouseleave="visible=false"
)
.header
span.notifications-title {{ 'EVENTS.MY_EVENTS' | translate }}
a.action(href="", ng-class="{'disabled': !total}", ng-click="!total||setAllAsRead()") {{ 'EVENTS.DISMISS_ALL' | translate }}
a.action(tg-nav="notifications") {{ 'EVENTS.VIEW_ALL' | translate }}
.notifications-wrapper
.empty(ng-if="!total && !loading")
span {{ 'EVENTS.NO_NEW_EVENTS' | translate }}
tg-notifications-list#my-notifications.dropdown-notifications-list(
only-unread="true",
infinite-scroll-container="#my-notifications"
infinite-scroll-distance="1"
)