Unified CSS for posts and conversations
[GitHub/WoltLab/com.woltlab.wcf.conversation.git] / templates / conversationMessageAdd.tpl
1 {include file='documentHeader'}
2
3 <head>
4 <title>{lang}wcf.conversation.message.add{/lang} - {$conversation->subject} - {PAGE_TITLE|language}</title>
5
6 {include file='headInclude'}
7
8 <script type="text/javascript" src="{@$__wcf->getPath()}js/WCF.Conversation.js"></script>
9 <script type="text/javascript">
10 //<![CDATA[
11 $(function() {
12 new WCF.Message.DefaultPreview();
13
14 {include file='__messageQuoteManager' wysiwygSelector='text' supportPaste=true}
15 new WCF.Conversation.Message.QuoteHandler($quoteManager);
16 });
17 //]]>
18 </script>
19
20 {include file='imageViewer'}
21 </head>
22
23 <body id="tpl{$templateName|ucfirst}">
24 {include file='header'}
25
26 <header class="boxHeadline">
27 <hgroup>
28 <h1>{lang}wcf.conversation.message.add{/lang}</h1>
29 </hgroup>
30 </header>
31
32 {include file='userNotice'}
33
34 {if $errorField}
35 <p class="error">{lang}wcf.global.form.error{/lang}</p>
36 {/if}
37
38 <form id="messageContainer" method="post" action="{link controller='ConversationMessageAdd' id=$conversationID}{/link}">
39 <div class="container containerPadding marginTop shadow">
40 <fieldset>
41 <legend>{lang}wcf.conversation.message{/lang}</legend>
42
43 <dl class="wide{if $errorField == 'text'} formError{/if}">
44 <dt><label for="text">{lang}wcf.conversation.message{/lang}</label></dt>
45 <dd>
46 <textarea id="text" name="text" rows="20" cols="40">{$text}</textarea>
47 {if $errorField == 'text'}
48 <small class="innerError">
49 {if $errorType == 'empty'}
50 {lang}wcf.global.form.error.empty{/lang}
51 {elseif $errorType == 'tooLong'}
52 {lang}wcf.message.error.tooLong{/lang}
53 {else}
54 {lang}wcf.conversation.message.error.{@$errorType}{/lang}
55 {/if}
56 </small>
57 {/if}
58 </dd>
59 </dl>
60 </fieldset>
61
62 {event name='fieldsets'}
63
64 {include file='messageFormTabs'}
65 </div>
66
67 <div class="formSubmit">
68 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
69 <button id="previewButton" class="javascriptOnly" accesskey="p">{lang}wcf.global.button.preview{/lang}</button>
70 </div>
71 </form>
72
73 <header class="boxHeadline">
74 <hgroup>
75 <h1>{lang}wcf.conversation.message.add.previousPosts{/lang}</h1>
76 </hgroup>
77 </header>
78
79 <div>
80 <ul class="messageList">
81 {assign var='startIndex' value=$items}
82 {foreach from=$messages item=message}
83 {assign var='objectID' value=$message->messageID}
84
85 <li class="marginTop shadow">
86 <article class="message messageReduced" data-object-id="{@$message->messageID}">
87 <div>
88 <section class="messageContent">
89 <div>
90 <header class="messageHeader">
91 <p class="messageCounter"><a href="{link controller='Conversation' object=$conversation}messageID={@$message->messageID}{/link}#message{@$message->messageID}" title="{lang}wcf.conversation.message.permalink{/lang}" class="button jsTooltip">{#$startIndex}</a></p>
92
93 <div class="messageCredits box32">
94 {if $message->getUserProfile()->getAvatar()}
95 <a href="{link controller='User' object=$message->getUserProfile()}{/link}" class="framed">{@$message->getUserProfile()->getAvatar()->getImageTag(32)}</a>
96 {/if}
97 <div>
98 <p><a href="{link controller='User' object=$message->getUserProfile()}{/link}" class="userLink" data-user-id="{@$message->userID}">{$message->username}</a><p>
99
100 {@$message->time|time}
101 </div>
102 </div>
103 </header>
104
105 <div class="messageBody">
106 <div>
107 <div class="messageText">
108 {@$message->getFormattedMessage()}
109 </div>
110
111 {include file='attachments'}
112 </div>
113
114 <footer class="messageOptions clearfix">
115 <nav>
116 <ul class="smallButtons">
117 <li class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="button jsTooltip"><img src="{icon}circleArrowUp{/icon}" alt="" class="icon16" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
118 </ul>
119 </nav>
120 </footer>
121 </div>
122 </div>
123 </section>
124 </div>
125 </article>
126 </li>
127
128 {assign var='startIndex' value=$startIndex-1}
129 {/foreach}
130 </ul>
131 </div>
132
133 {include file='footer'}
134 {include file='wysiwyg'}
135
136 </body>
137 </html>