com.woltlab.wcf/templates/notificationList.tpl

   1 {capture assign='contentHeader'}
   2         <header class="contentHeader">
   3                 <div class="contentHeaderTitle">
   4                         <h1 class="contentTitle">{$__wcf->getActivePage()->getTitle()} <span class="badge jsNotificationsBadge">{#$__wcf->getUserNotificationHandler()->countAllNotifications()}</span></h1>
   5                 </div>
   6
   7                 {hascontent}
   8                         <nav class="contentHeaderNavigation">
   9                                 <ul>
  10                                         {content}
  11                                                 {if $__wcf->getUserNotificationHandler()->getNotificationCount()}<li class="jsOnly"><a class="button jsMarkAllAsConfirmed"><span class="icon icon16 fa-check"></span> <span>{lang}wcf.user.notification.markAllAsConfirmed{/lang}</span></a></li>{/if}
  12                                                 {event name='contentHeaderNavigation'}
  13                                         {/content}
  14                                 </ul>
  15                         </nav>
  16                 {/hascontent}
  17         </header>
  18 {/capture}
  19
  20 {include file='userMenuSidebar'}
  21
  22 {include file='header'}
  23
  24 {hascontent}
  25         <div class="paginationTop">
  26                 {content}{pages print=true assign=pagesLinks controller='NotificationList' link="pageNo=%d"}{/content}
  27         </div>
  28 {/hascontent}
  29
  30 {if $notifications[notifications]}
  31         {assign var=lastPeriod value=''}
  32
  33         {foreach from=$notifications[notifications] item=$notification}
  34                 {if $notification[event]->getPeriod() != $lastPeriod}
  35                         {if $lastPeriod}
  36                                         </ul>
  37                                 </section>
  38                         {/if}
  39                         {assign var=lastPeriod value=$notification[event]->getPeriod()}
  40
  41                         <section class="section sectionContainerList">
  42                                 <h2 class="sectionTitle">{$lastPeriod}</h2>
  43
  44                                 <ul class="containerList userNotificationItemList">
  45                 {/if}
  46                                 <li class="jsNotificationItem notificationItem{if $notification[authors] > 1} groupedNotificationItem{/if}{if !$notification[event]->isConfirmed()} notificationUnconfirmed{/if}" data-link="{if $notification[event]->isConfirmed()}{$notification[event]->getLink()}{else}{link controller='NotificationConfirm' id=$notification[notificationID]}{/link}{/if}" data-link-replace-all="{if $notification[event]->isConfirmed()}false{else}true{/if}" data-object-id="{@$notification[notificationID]}" data-is-read="{if $notification[event]->isConfirmed()}true{else}false{/if}" data-is-grouped="{if $notification[authors] > 1}true{else}false{/if}">
  47                                         <div class="box32">
  48                                                 {if $notification[authors] < 2}
  49                                                         <div class="jsTooltip" title="{$notification[event]->getAuthor()->username}">
  50                                                                 {@$notification[event]->getAuthor()->getAvatar()->getImageTag(32)}
  51                                                         </div>
  52
  53                                                         <div class="details">
  54                                                                 <p>
  55                                                                         {if !$notification[confirmed]}<span class="badge label newContentBadge">{lang}wcf.message.new{/lang}</span>{/if}
  56                                                                         {@$notification[event]->getMessage()}
  57                                                                 </p>
  58                                                                 <p><small>{@$notification[time]|time}</small></p>
  59                                                         </div>
  60                                                 {else}
  61                                                         <div>
  62                                                                 <span class="icon icon32 fa-users"></span>
  63                                                         </div>
  64
  65                                                         <div class="details">
  66                                                                 <p>
  67                                                                         {if !$notification[confirmed]}<span class="badge label newContentBadge">{lang}wcf.message.new{/lang}</span>{/if}
  68                                                                         {@$notification[event]->getMessage()}
  69                                                                 </p>
  70                                                                 <p><small>{@$notification[time]|time}</small></p>
  71
  72                                                                 <ul>
  73                                                                         {foreach from=$notification[event]->getAuthors() item=author}
  74                                                                                 {if $author->userID}
  75                                                                                         <li style="display: inline-block" class="jsTooltip" title="{$author->username}"><a href="{link controller='User' object=$author}{/link}">{@$author->getAvatar()->getImageTag(24)}</a></li>
  76                                                                                 {/if}
  77                                                                         {/foreach}
  78                                                                 </ul>
  79                                                         </div>
  80                                                 {/if}
  81                                         </div>
  82                                 </li>
  83         {/foreach}
  84                 </ul>
  85         </section>
  86
  87         <footer class="contentFooter">
  88                 {hascontent}
  89                         <div class="paginationBottom">
  90                                 {content}{@$pagesLinks}{/content}
  91                         </div>
  92                 {/hascontent}
  93
  94                 {hascontent}
  95                         <nav class="contentFooterNavigation">
  96                                 <ul>
  97                                         {content}{event name='contentFooterNavigation'}{/content}
  98                                 </ul>
  99                         </nav>
 100                 {/hascontent}
 101         </footer>
 102 {else}
 103         <p class="info">{lang}wcf.user.notification.noNotifications{/lang}</p>
 104 {/if}
 105
 106 <script data-relocate="true">
 107         //<![CDATA[
 108         $(function() {
 109                 WCF.Language.addObject({
 110                         'wcf.user.notification.markAsConfirmed': '{lang}wcf.user.notification.markAsConfirmed{/lang}',
 111                         'wcf.user.notification.markAllAsConfirmed.confirmMessage': '{lang}wcf.user.notification.markAllAsConfirmed.confirmMessage{/lang}'
 112                 });
 113
 114                 new WCF.Notification.List();
 115         });
 116         //]]>
 117 </script>
 118
 119 {include file='footer'}