<span class="pull-right no-link no-hidemenu notification-close"><i class="ms-Icon ms-Icon--ChromeClose ms-Icon--s no-link" ng-click="showHideMenu();" aria-hidden="true"></i></span>
<h1>{{'Notifications' | translate}}</h1>
<ul>
    <li>
        <h3><i class="ms-Icon ms-Icon--Contact"></i>{{'My mentions' | translate}} ({{mentioItemList.value && mentioItemList.value.length > 0 ? (mentioItemList.value.length) : 0 }})</h3>
        <ul wizdom-include="templateMentions"></ul>
        <div class="no-divider">&nbsp;</div>
    </li>

    <li>
        <h3><i class="ms-Icon ms-Icon--Message"></i>{{'Unread comments' | translate}} ({{unreadComments.value && unreadComments.value.length > 0 ? (unreadComments.value.length) : 0 }})</h3>
        <ul wizdom-include="templateUnreadComments"></ul>
        <div class="no-divider">&nbsp;</div>
    </li>


    <li>
        <h3><i class="ms-Icon ms-Icon--TaskManager"></i>{{'Unread elements' | translate}} ({{unreadNewsCount > 0 ? unreadNewsCount : 0 }})</h3>
        <ul wizdom-include="templateUnreadItems"></ul>
        <div class="no-divider-dark">&nbsp;</div>
    </li>

    <li class="no-settings">
        <h3 class="no-link" ng-click="chooseChannels(notificationViewId)" title="{{'Choose channels for in-app notifications' | translate}}"><i class="ms-Icon ms-Icon--Filter"></i>{{'Notification Settings' | translate}}</h3>
        <p>{{'Choose channels from where you want to receive notifications in Wizdom' | translate}}</p>
    </li>

    <li class="no-settings" ng-if="emailNotificationEnabled && emailNotificationViewId && notificationViewId != emailNotificationViewId">
        <h3 class="no-link" ng-click="chooseChannels(emailNotificationViewId)" title="{{'Choose channels for email notifications' | translate}}"><i class="ms-Icon ms-Icon--MailAlert"></i>{{'Email Notifications' | translate}}</h3>
        <p>{{'Choose which channels from where you want to receive email notifications' | translate}}</p>
    </li>
    <li>
        <div class="no-scroll-fit">&nbsp;</div>
    </li>
</ul>