<div class="no-items-container no-unread-comments" ng-controller="wizdom365NotificationPanelUnreadCommentsController">
                    
	<div ng-show="unreadCommentsMode == 'loading'">
		<div class="no-loader">
			{{'loading...' | translate}}
			<span style="display:block"><span class="loader"></span></span>
		</div>
	</div>

	<div ng-show="unreadCommentsMode == 'loadComplete' && unreadComments.length == 0">
		<div class="no-empty">{{'No new comments.' | translate}}</div>
	</div>

    <div class="form-actions" style="text-align: right">
        <!--<button type="button" ng-show="unreadComments.value.length > 1" ng-click="dismissAll();" class="btn btn-primary">{{'Dismiss all' | translate}}</button>-->
        <a href="#" ng-show="unreadComments.length > 1" ng-click="dismissAll();">{{'Dismiss all' | translate}}</a>
    </div>

	<div ng-show="unreadCommentsMode == 'loadComplete' && unreadComments.length > 0">


		<div class="no-item word-break" ng-repeat="item in unreadComments | limitTo:limitCountTo">
			<span class="pull-right">
				<i ng-if="item.url === null" class="ms-Icon ms-Icon--ChromeClose ms-Icon--xxs ms-Icon--posTop no-link" ng-click="dismiss(item);" title="{{'Dismiss' | translate}}" aria-hidden="true"></i>
				<i ng-if="item.url !== null" class="ms-Icon ms-Icon--ChromeClose ms-Icon--xxs ms-Icon--posTop no-link" ng-click="spdismiss(item);" title="{{'Dismiss' | translate}}" aria-hidden="true"></i>
			</span>
			<div class="no-spacerForIcon">
				{{item.comments[0].author.displayName}} {{prepareText(item)}}
				<span ng-if="item.url === null" class="no-heading no-link" ng-click="openItem(item)" title="{{item.heading}}">
					{{item.heading}}
				</span>
				<span ng-if="item.url !== null" class="no-heading no-link" title="{{item.heading}}">
					<a href="{{item.url}}">{{item.heading}}</a>
				</span>
				<div class="text-muted" am-time-ago="(item.comments[0].datePosted | wizdom365FormatDate)"></div>
			</div>
		</div>
	
	</div>
	<div class="no-showmore no-link" ng-show="unreadCommentsMode == 'loadComplete' && (unreadComments.length>limitCountTo)" ng-click="loadMore()">{{"show more..." | translate}}</div>
    
</div>