<div class="saved" ng-controller="NotificationPageListController">
    <h2><i class="fa fa-bell" aria-hidden="true"></i> <span translate>Notifications list</span></h2>
    
    <div class="notification-area">        
        <div ng-if="Notifications.length == 0" style="text-align: center;" translate>
            No notifications
        </div>
        <ul class="notification">
            <li ng-repeat="item in Notifications track by item.ID" class="item {{item.Type.toLowerCase()}}">
                <div class="title"><i class="fa {{GetItemIcon(item.Type)}}"></i><span>{{item.Title}}</span></div>
                <div class="content">
                    <div>{{RelativeDate(item.Timestamp)}}</div>
                    <div ng-if="item.Action != 'update:new'" class="message">{{item.Message}}</div> 
        
                    <div ng-if="item.Action == 'update:new'">
                        <div class="message" translate translate-params-message="item.Message">New update found: {{message}}</div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>