<div class="popover popoverWithDialogLayout yammer-notification-list" ng-controller="Wizdom365YammerNotificationController">
    <div class="arrow"></div>
    <div class="popover-content">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="bootstrap-wrapper">
                    <div class="modal-header" style="min-height: auto;">
                        <button type="button" class="close closebtn" data-ng-click="$hide()" aria-hidden="true">&times;</button>
                        <h1 class="modal-title">{{'Viva Engage notifications (previously known as Yammer)' | translate}}</h1>
                    </div>
                    <div class="modal-body">
                        <wizdom365-spinner class="yammer-spinner" loading="loading"></wizdom365-spinner>
                        <div ng-if="loading==false">
                            <div ng-show="networkList.length == 0">
                                <div class="alert alert-warning" role="alert">{{'You do not have any new notification' | translate}}</div>
                            </div>
                            <div ng-shoow="networkList.length>0" class="list-group">
                                <a href="{{item.web_url}}/#/inbox/unread" target="_blank" ng-repeat="item in networkList | orderBy: 'name'" class="list-group-item">
                                    {{item.name}} ({{item.count}})
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
