com.woltlab.wcf/templates/boxTodaysBirthdays.tpl

   1 <ul class="sidebarItemList">
   2         {foreach from=$birthdayUserProfiles item=birthdayUserProfile}
   3                 <li class="box32">
   4                         {user object=$birthdayUserProfile type='avatar32' ariaHidden='true' tabindex='-1'}
   5
   6                         <div class="sidebarItemTitle">
   7                                 <h3>{user object=$birthdayUserProfile}</h3>
   8                                 <small>{$birthdayUserProfile->getBirthday()}</small>
   9                         </div>
  10                 </li>
  11         {/foreach}
  12 </ul>
  13
  14 {if $birthdayUserProfiles|count >= 10}
  15         <button type="button" class="jsTodaysBirthdays button small more jsOnly">{lang}wcf.global.button.showAll{/lang}</button>
  16
  17         <script data-relocate="true">
  18                 require(['WoltLabSuite/Core/Component/User/List'], ({ UserList }) => {
  19                         let userList;
  20                         document.querySelector('.jsTodaysBirthdays').addEventListener('click', () => {
  21                                 if (userList === undefined) {
  22                                         userList = new UserList({
  23                                                 className: 'wcf\\data\\user\\UserBirthdayAction',
  24                                                 parameters: {
  25                                                         date: '{@TIME_NOW|date:'Y-m-d'}',
  26                                                         sortField: '{$sortField}',
  27                                                         sortOrder: '{$sortOrder}'
  28                                                 }
  29                                         }, '{@$box->getTitle()|encodeJS} ({@TIME_NOW|date})');
  30                                 }
  31
  32                                 userList.open();
  33                         });
  34                 });
  35         </script>
  36 {/if}