templates/conversation.tpl

   1 {capture assign='pageTitle'}{$conversation->subject} {if $pageNo > 1} - {lang}wcf.page.pageNo{/lang}{/if}{/capture}
   2
   3 {assign var='__pageCssClassName' value='mobileShowPaginationTop'}
   4
   5 {capture assign='contentHeader'}
   6         <header class="contentHeader">
   7                 <div class="contentHeaderIcon">
   8                         {@$conversation->getUserProfile()->getAvatar()->getImageTag(64)}
   9                 </div>
  10
  11                 <div class="contentHeaderTitle">
  12                         <h1 class="contentTitle jsConversationSubject" data-conversation-id="{@$conversation->conversationID}">{$conversation->subject}</h1>
  13
  14                         <ul class="inlineList contentHeaderMetaData">
  15                                 {hascontent}
  16                                         <li>
  17                                                 <span class="icon icon16 fa-tags"></span>
  18                                                 <ul class="labelList">
  19                                                         {content}
  20                                                                 {foreach from=$conversation->getAssignedLabels() item=label}
  21                                                                         <li><span class="label badge{if $label->cssClassName} {$label->cssClassName}{/if}">{$label->label}</span></li>
  22                                                                 {/foreach}
  23                                                         {/content}
  24                                                 </ul>
  25                                         </li>
  26                                 {/hascontent}
  27
  28                                 <li>
  29                                         <span class="icon icon16 fa-user"></span>
  30                                         {user object=$conversation->getUserProfile()}
  31                                 </li>
  32
  33                                 <li>
  34                                         <span class="icon icon16 fa-clock-o"></span>
  35                                         {@$conversation->time|time}
  36                                 </li>
  37
  38                                 {if $conversation->isClosed}
  39                                         <li>
  40                                                 <span class="icon icon16 fa-lock jsIconLock"></span>
  41                                                 {lang}wcf.global.state.closed{/lang}
  42                                         </li>
  43                                 {/if}
  44                         </ul>
  45                 </div>
  46
  47                 <nav class="contentHeaderNavigation">
  48                         <ul class="conversation jsConversationInlineEditorContainer" data-conversation-id="{@$conversation->conversationID}" data-label-ids="[ {implode from=$conversation->getAssignedLabels() item=label}{@$label->labelID}{/implode} ]" data-is-closed="{@$conversation->isClosed}" data-can-close-conversation="{if $conversation->userID == $__wcf->getUser()->userID}1{else}0{/if}" data-can-add-participants="{if $conversation->canAddParticipants()}1{else}0{/if}" data-is-draft="{if $conversation->isDraft}1{else}0{/if}">
  49                                 <li class="jsOnly"><a href="{if $conversation->isDraft}{link controller='ConversationDraftEdit' id=$conversation->conversationID}{/link}{else}#{/if}" class="button jsConversationInlineEditor"><span class="icon icon16 fa-pencil"></span> <span>{lang}wcf.global.button.edit{/lang}</span></a></li>
  50                                 {if $conversation->canReply()}<li class="jsOnly"><a href="#" class="button buttonPrimary jsQuickReply"><span class="icon icon16 fa-reply"></span> <span>{lang}wcf.conversation.message.button.add{/lang}</span></a></li>{/if}
  51                                 {event name='contentHeaderNavigation'}
  52                         </ul>
  53                 </nav>
  54         </header>
  55 {/capture}
  56
  57 {include file='header'}
  58
  59 {if !$conversation->isDraft}
  60         <section class="section">
  61                 <h2 class="sectionTitle">{lang}wcf.conversation.participants{/lang}</h2>
  62
  63                 <ul class="containerBoxList tripleColumned conversationParticipantList">
  64                         {foreach from=$participants item=participant}
  65                                 <li class="jsParticipant{if !$participant->userID || $participant->hideConversation == 2 || $participant->leftAt > 0} conversationLeft{/if}">
  66                                         <div class="box24">
  67                                                 {user object=$participant type='avatar24' ariaHidden='true' tabindex='-1'}
  68                                                 <div>
  69                                                         <p>
  70                                                                 {user object=$participant}
  71                                                                 {if $participant->isInvisible}<small>({lang}wcf.conversation.invisible{/lang})</small>{/if}
  72                                                                 {if $participant->userID && ($conversation->userID == $__wcf->getUser()->userID) && ($participant->userID != $__wcf->getUser()->userID) && $participant->hideConversation != 2 && $participant->leftAt == 0}
  73                                                                         <a href="#" class="jsDeleteButton jsTooltip jsOnly" title="{lang}wcf.conversation.participants.removeParticipant{/lang}" data-confirm-message-html="{lang __encode=true}wcf.conversation.participants.removeParticipant.confirmMessage{/lang}" data-object-id="{@$participant->userID}"><span class="icon icon16 fa-times"></span></a>
  74                                                                 {/if}
  75                                                         </p>
  76                                                         <dl class="plain inlineDataList small">
  77                                                                 <dt>{lang}wcf.conversation.lastVisitTime{/lang}</dt>
  78                                                                 <dd>{if $participant->lastVisitTime}{@$participant->lastVisitTime|time}{else}-{/if}</dd>
  79                                                         </dl>
  80                                                 </div>
  81                                         </div>
  82                                 </li>
  83                         {/foreach}
  84                 </ul>
  85         </section>
  86 {/if}
  87
  88 {hascontent}
  89         <div class="paginationTop">
  90                 {content}{pages print=true assign=pagesLinks controller='Conversation' object=$conversation link="pageNo=%d"}{/content}
  91         </div>
  92 {/hascontent}
  93
  94 <div class="section">
  95         <ul class="messageList">
  96                 {if $pageNo == 1 && !$conversation->joinedAt|empty}<li><p class="info" role="status">{lang}wcf.conversation.visibility.previousMessages{/lang}</p></li>{/if}
  97                 {include file='conversationMessageList'}
  98                 {hascontent}
  99                         <li class="messageListPagination">
 100                                 {content}{@$pagesLinks}{/content}
 101                         </li>
 102                 {/hascontent}
 103                 {if $conversation->canReply()}{include file='conversationQuickReply'}{/if}
 104                 {if $pageNo == $pages && !$conversation->leftAt|empty}<li><p class="info" role="status">{lang}wcf.conversation.visibility.nextMessages{/lang}</p></li>{/if}
 105         </ul>
 106 </div>
 107
 108 {if !ENABLE_DEBUG_MODE}<script src="{@$__wcf->getPath()}js/WoltLabSuite.Core.Conversation.min.js?v={@LAST_UPDATE_TIME}"></script>{/if}
 109 <script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Conversation{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@LAST_UPDATE_TIME}"></script>
 110 <script data-relocate="true">
 111         $(function() {
 112                 WCF.Language.addObject({
 113                         'wcf.conversation.edit.addParticipants': '{jslang}wcf.conversation.edit.addParticipants{/jslang}',
 114                         'wcf.conversation.edit.assignLabel': '{jslang}wcf.conversation.edit.assignLabel{/jslang}',
 115                         'wcf.conversation.edit.close': '{jslang}wcf.conversation.edit.close{/jslang}',
 116                         'wcf.conversation.edit.leave': '{jslang}wcf.conversation.edit.leave{/jslang}',
 117                         'wcf.conversation.edit.open': '{jslang}wcf.conversation.edit.open{/jslang}',
 118                         'wcf.conversation.edit.subject': '{jslang}wcf.conversation.edit.subject{/jslang}',
 119                         'wcf.conversation.leave.title': '{jslang}wcf.conversation.leave.title{/jslang}',
 120                         'wcf.global.state.closed': '{jslang}wcf.global.state.closed{/jslang}',
 121                         'wcf.global.subject': '{jslang}wcf.global.subject{/jslang}',
 122                         'wcf.message.bbcode.code.copy': '{jslang}wcf.message.bbcode.code.copy{/jslang}',
 123                         'wcf.message.error.editorAlreadyInUse': '{jslang}wcf.message.error.editorAlreadyInUse{/jslang}',
 124                         'wcf.moderation.report.reportContent': '{jslang}wcf.moderation.report.reportContent{/jslang}',
 125                         'wcf.moderation.report.success': '{jslang}wcf.moderation.report.success{/jslang}',
 126                         'wcf.conversation.label.assignLabels': '{jslang}wcf.conversation.label.assignLabels{/jslang}'
 127                 });
 128
 129                 var $availableLabels = [ {implode from=$labelList item=label}{ cssClassName: '{if $label->cssClassName}{@$label->cssClassName}{/if}', labelID: {@$label->labelID}, label: '{$label->label|encodeJS}' }{/implode} ];
 130                 var $editorHandler = new WCF.Conversation.EditorHandlerConversation($availableLabels);
 131                 var $inlineEditor = new WCF.Conversation.InlineEditor('.conversation');
 132                 $inlineEditor.setEditorHandler($editorHandler);
 133
 134                 {assign var=__supportPaste value=true}
 135                 {if !$conversation->canReply()}{assign var=__supportPaste value=false}{/if}
 136                 {include file='__messageQuoteManager' wysiwygSelector='text' supportPaste=$__supportPaste}
 137
 138                 new WCF.Conversation.Message.InlineEditor({@$conversation->conversationID}, $quoteManager);
 139                 new WCF.Conversation.Message.QuoteHandler($quoteManager);
 140
 141                 {if $conversation->canReply()}
 142                         require(['WoltLabSuite/Core/Ui/Message/Reply'], function(UiMessageReply) {
 143                                 new UiMessageReply({
 144                                         ajax: {
 145                                                 className: 'wcf\\data\\conversation\\message\\ConversationMessageAction'
 146                                         },
 147                                         quoteManager: $quoteManager
 148                                 });
 149                         });
 150                 {/if}
 151
 152                 {if $__wcf->session->getPermission('user.profile.canReportContent')}
 153                         new WCF.Moderation.Report.Content('com.woltlab.wcf.conversation.message', '.jsReportConversationMessage');
 154                 {/if}
 155                 new WCF.Conversation.RemoveParticipant({@$conversation->conversationID});
 156         });
 157 </script>
 158
 159 {include file='footer'}