<div class="generic-page-wrapper"> {{include file="section_title.tpl" title=$notif_header}} {{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}} <div class="notif-network-wrapper"> {{* The "show ignored" link *}} {{if $notif_show_lnk}}<a href="{{$notif_show_lnk.href}}" id="notifications-show-hide-link">{{$notif_show_lnk.text}}</a>{{/if}} {{* The notifications *}} {{if $notif_content}} <ul class="notif-network-list media-list"> {{foreach $notif_content as $notification}} <li>{{$notification}}</li> {{/foreach}} </ul> {{/if}} {{* If no notifications messages available *}} {{if $notif_nocontent}} <div class="notif_nocontent">{{$notif_nocontent}}</div> {{/if}} </div> {{* The pager *}} {{$notif_paginate}} </div> {{* Since only the DIV's inside the notification-list are marked with the class "unseen", we need some js to transfer this class to the parent li list-elements *}} <script type="text/javascript"> $(document).ready(function(){ if( $(".notif-item").hasClass("unseen")) { $(".notif-item.unseen").parent("li").addClass("unseen"); } }); </script>