Major style/template overhaul
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / usersOnlineList.tpl
1 {include file='documentHeader'}
2
3 <head>
4 <title>{lang}wcf.user.usersOnline{/lang} - {PAGE_TITLE|language}</title>
5
6 {include file='headInclude'}
7
8 <link rel="canonical" href="{link controller='UsersOnlineList'}{/link}" />
9
10 <script data-relocate="true">
11 //<![CDATA[
12 $(function() {
13 WCF.Language.addObject({
14 'wcf.user.button.follow': '{lang}wcf.user.button.follow{/lang}',
15 'wcf.user.button.ignore': '{lang}wcf.user.button.ignore{/lang}',
16 'wcf.user.button.unfollow': '{lang}wcf.user.button.unfollow{/lang}',
17 'wcf.user.button.unignore': '{lang}wcf.user.button.unignore{/lang}'
18 });
19
20 new WCF.User.Action.Follow($('.userList > li'));
21 new WCF.User.Action.Ignore($('.userList > li'));
22 });
23 //]]>
24 </script>
25
26 {if USERS_ONLINE_PAGE_REFRESH > 0}
27 <meta http-equiv="refresh" content="{@USERS_ONLINE_PAGE_REFRESH}; url={link controller='UsersOnlineList'}sortField={@$sortField}&sortOrder={@$sortOrder}{/link}" />
28 {/if}
29 </head>
30
31 <body id="tpl{$templateName|ucfirst}" data-template="{$templateName}" data-application="{$templateNameApplication}">
32
33 {capture assign='sidebar'}
34 <div>
35 <form method="post" action="{link controller='UsersOnlineList'}{/link}">
36 <fieldset>
37 <legend><label for="sortField">{lang}wcf.user.members.sort{/lang}</label></legend>
38
39 <dl>
40 <dt></dt>
41 <dd>
42 <select id="sortField" name="sortField">
43 <option value="username"{if $sortField == 'username'} selected="selected"{/if}>{lang}wcf.user.username{/lang}</option>
44 <option value="lastActivityTime"{if $sortField == 'lastActivityTime'} selected="selected"{/if}>{lang}wcf.user.usersOnline.lastActivity{/lang}</option>
45 <option value="requestURI"{if $sortField == 'requestURI'} selected="selected"{/if}>{lang}wcf.user.usersOnline.location{/lang}</option>
46
47 {if $__wcf->session->getPermission('admin.user.canViewIpAddress')}
48 <option value="ipAddress"{if $sortField == 'ipAddress'} selected="selected"{/if}>{lang}wcf.user.usersOnline.ipAddress{/lang}</option>
49 <option value="userAgent"{if $sortField == 'userAgent'} selected="selected"{/if}>{lang}wcf.user.usersOnline.userAgent{/lang}</option>
50 {/if}
51 </select>
52 <select name="sortOrder">
53 <option value="ASC"{if $sortOrder == 'ASC'} selected="selected"{/if}>{lang}wcf.global.sortOrder.ascending{/lang}</option>
54 <option value="DESC"{if $sortOrder == 'DESC'} selected="selected"{/if}>{lang}wcf.global.sortOrder.descending{/lang}</option>
55 </select>
56 </dd>
57 </dl>
58 </fieldset>
59
60 <div class="formSubmit">
61 <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
62 {@SID_INPUT_TAG}
63 </div>
64 </form>
65 </div>
66
67 <fieldset>
68 <legend>{lang}wcf.user.usersOnline{/lang}</legend>
69
70 <p><small>{lang usersOnlineList=$objects}wcf.user.usersOnline.detail{/lang}</small></p>
71 {if USERS_ONLINE_RECORD}<p><small>{lang}wcf.user.usersOnline.record{/lang}</small></p>{/if}
72
73 {if USERS_ONLINE_ENABLE_LEGEND && $objects->getUsersOnlineMarkings()|count}
74 <div class="marginTopSmall">
75 <p><small>{lang}wcf.user.usersOnline.marking.legend{/lang}:</small></p>
76 <ul class="dataList">
77 {foreach from=$objects->getUsersOnlineMarkings() item=usersOnlineMarking}
78 <li><small>{@$usersOnlineMarking}</small></li>
79 {/foreach}
80 </ul>
81 </div>
82 {/if}
83 </fieldset>
84
85 {@$__boxSidebar}
86 {/capture}
87
88 {include file='header' sidebarOrientation='right'}
89
90 {include file='userNotice'}
91
92 {assign var=usersOnlineList value=''}
93 {assign var=usersOnline value=0}
94 {assign var=robotsOnlineList value=''}
95 {assign var=robotsOnline value=0}
96 {assign var=guestsOnlineList value=''}
97 {assign var=guestsOnline value=0}
98 {foreach from=$objects item=user}
99 {capture assign=locationData}
100 <p>
101 {if $user->getLocation()}{@$user->getLocation()}{else}{lang}wcf.user.usersOnline.location.unknown{/lang}{/if} <small>- {@$user->lastActivityTime|time}</small>
102 </p>
103 {/capture}
104
105 {capture assign=sessionData}
106 {if $__wcf->session->getPermission('admin.user.canViewIpAddress')}
107 <dl class="plain inlineDataList">
108 <dt>{lang}wcf.user.usersOnline.ipAddress{/lang}</dt>
109 <dd title="{$user->getFormattedIPAddress()}">{$user->getFormattedIPAddress()|truncate:30}</dd>
110
111 {if !$user->spiderID}
112 <dt>{lang}wcf.user.usersOnline.userAgent{/lang}</dt>
113 <dd title="{$user->userAgent}">{$user->getBrowser()|truncate:30}</dd>
114 {/if}
115 </dl>
116 {/if}
117 {/capture}
118
119 {if $user->userID}
120 {* member *}
121 {capture append=usersOnlineList}
122 <li>
123 <div class="box48">
124 <a href="{link controller='User' object=$user}{/link}" title="{$user->username}" class="framed">{@$user->getAvatar()->getImageTag(48)}</a>
125
126 <div class="details userInformation">
127 <a href="{link controller='User' object=$user}{/link}" class="username">{@$user->getFormattedUsername()}</a>
128 {if MODULE_USER_RANK}
129 {if $user->getUserTitle()}
130 <span class="badge userTitleBadge{if $user->getRank() && $user->getRank()->cssClassName} {@$user->getRank()->cssClassName}{/if}">{$user->getUserTitle()}</span>
131 {/if}
132 {if $user->getRank() && $user->getRank()->rankImage}
133 <span class="userRankImage">{@$user->getRank()->getImage()}</span>
134 {/if}
135 {/if}
136
137 {@$locationData}
138
139 {@$sessionData}
140
141 {include file='userInformationButtons'}
142 </div>
143 </div>
144 </li>
145 {/capture}
146
147 {assign var=usersOnline value=$usersOnline+1}
148 {elseif $user->spiderID}
149 {* search robot *}
150 {capture append=robotsOnlineList}
151 <li>
152 <div class="box48">
153 <p class="framed"><img src="{$__wcf->getPath()}images/avatars/avatar-spider-default.svg" alt="" class="icon48" /></p>
154
155 <div class="details userInformation">
156 <div class="containerHeadline">
157 <h3>{if $user->getSpider()->spiderURL}<a href="{$user->getSpider()->spiderURL}" class="externalURL"{if EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}{if EXTERNAL_LINK_REL_NOFOLLOW} rel="nofollow"{/if}>{$user->getSpider()->spiderName}</a>{else}{$user->getSpider()->spiderName}{/if}</h3>
158 {@$locationData}
159 </div>
160
161 {@$sessionData}
162 </div>
163 </div>
164 </li>
165 {/capture}
166
167 {assign var=robotsOnline value=$robotsOnline+1}
168 {else}
169 {* unregistered *}
170 {capture append=guestsOnlineList}
171 <li>
172 <div class="box48">
173 <p class="framed"><img src="{$__wcf->getPath()}images/avatars/avatar-default.svg" alt="" class="icon48" /></p>
174
175 <div class="details userInformation">
176 <div class="containerHeadline">
177 <h3>{lang}wcf.user.guest{/lang}</h3>
178 {@$locationData}
179 </div>
180
181 {@$sessionData}
182 </div>
183 </div>
184 </li>
185 {/capture}
186
187 {assign var=guestsOnline value=$guestsOnline+1}
188 {/if}
189 {/foreach}
190
191 <div class="contentNavigation">
192 {hascontent}
193 <nav>
194 <ul>
195 {content}
196 {event name='contentNavigationButtonsTop'}
197 {/content}
198 </ul>
199 </nav>
200 {/hascontent}
201 </div>
202
203 {if $usersOnline}
204 <header class="boxHeadline">
205 <h1>{lang}wcf.user.usersOnline{/lang} <span class="badge">{#$usersOnline}</span></h1>
206 </header>
207
208 <div class="container marginTop">
209 <ol class="containerList userList">
210 {@$usersOnlineList}
211 </ol>
212 </div>
213 {/if}
214
215 {if $guestsOnline && USERS_ONLINE_SHOW_GUESTS}
216 <header class="boxHeadline">
217 <h1>{lang}wcf.user.usersOnline.guests{/lang} <span class="badge">{#$guestsOnline}</span></h1>
218 </header>
219
220 <div class="container marginTop">
221 <ol class="containerList">
222 {@$guestsOnlineList}
223 </ol>
224 </div>
225 {/if}
226
227 {if $robotsOnline && USERS_ONLINE_SHOW_ROBOTS}
228 <header class="boxHeadline">
229 <h1>{lang}wcf.user.usersOnline.robots{/lang} <span class="badge">{#$robotsOnline}</span></h1>
230 </header>
231
232 <div class="container marginTop">
233 <ol class="containerList">
234 {@$robotsOnlineList}
235 </ol>
236 </div>
237 {/if}
238
239 <div class="contentNavigation">
240 {hascontent}
241 <nav>
242 <ul>
243 {content}
244 {event name='contentNavigationButtonsBottom'}
245 {/content}
246 </ul>
247 </nav>
248 {/hascontent}
249 </div>
250
251 {include file='footer'}
252
253 </body>
254 </html>