API tools faq
paste
JessChen

index_tabbed_classic.html (S&C Who is Where)

JessChen
Nov 17th, 2014
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.54 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript">
  2. // <![CDATA[
  3. /**
  4. @package Index Tabbed
  5. @version 1.0.0
  6. @copyright (c) zoby (http://www.phpbb-es.com/foro/usuario/zoby/)
  7. @copyright (c) leviatan21 (http://www.phpbb-es.com/foro/usuario/leviatan21/)
  8. @license http://opensource.org/licenses/gpl-license.php GNU Public License
  9. **/
  10.  
  11. var panels_index = new Array('login-panel', 'online-panel', 'birthday-panel', 'statistics-panel', 'activity-panel', 'who-was-here-panel', 'icons-panel');
  12.  
  13. /**
  14. * Alternate display of subPanels
  15. *
  16. * Based of Prosilver
  17. * file forum_fn.js
  18. * function subPanels()
  19. **/
  20. function subpanels_index(p)
  21. {
  22. var i, e, t;
  23.  
  24. if (typeof(p) == 'string')
  25. {
  26. show_panel = p;
  27. }
  28.  
  29. for (i = 0; i < panels_index.length; i++)
  30. {
  31. e = document.getElementById(panels_index[i]);
  32. t = document.getElementById(panels_index[i] + '-tab');
  33.  
  34. if (e)
  35. {
  36. if (panels_index[i] == show_panel)
  37. {
  38. e.style.display = 'block';
  39. if (t)
  40. {
  41. t.className = 'activetab';
  42. }
  43. }
  44. else
  45. {
  46. e.style.display = 'none';
  47. if (t)
  48. {
  49. t.className = '';
  50. }
  51. }
  52. }
  53. }
  54. }
  55.  
  56. // ]]>
  57. </script>
  58.  
  59. <div id="tabs">
  60. <ul>
  61. <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
  62. <li class="<!-- IF not S_USER_LOGGED_IN -->activetab<!-- ELSE --><!-- ENDIF -->" id="login-panel-tab"><a name="login" href="#login-panel-tab" onclick="subpanels_index('login-panel'); return false;"><span>{L_LOGIN}</span></a></li>
  63. <!-- ENDIF -->
  64. <!-- IF S_DISPLAY_ONLINE_LIST -->
  65. <li class="<!-- IF S_USER_LOGGED_IN -->activetab<!-- ELSE --><!-- ENDIF -->" id="online-panel-tab"><a name="online" href="#online-panel-tab" onclick="subpanels_index('online-panel'); return false;"><span>{L_WHO_IS_ONLINE}</span></a></li>
  66. <!-- ENDIF -->
  67. <li class="" id="birthday-panel-tab"><a name="birthday" href="#birthday-panel-tab" onclick="subpanels_index('birthday-panel'); return false;"><span>{L_BIRTHDAYS}</span></a></li>
  68. <!-- IF NEWEST_USER -->
  69. <li class="" id="statistics-panel-tab"><a name="statistics" href="#statistics-panel" onclick="subpanels_index('statistics-panel'); return false;"><span>{L_STATISTICS}</span></a></li>
  70. <!-- ENDIF -->
  71. <li class="" id="activity-panel-tab"><a name="activity" href="#activity-panel" onclick="subpanels_index('activity-panel'); return false;"><span>{L_24HOUR_STATS}</span></a></li>
  72. <li class="" id="who-was-here-panel-tab"><a name="who-was-here" href="#who-was-here-panel" onclick="subpanels_index('who-was-here-panel'); return false;"><span>{L_WHO_WAS_HERE}</span></a></li>
  73. <li class="" id="icons-panel-tab"><a name="icons" href="#icons-panel" onclick="subpanels_index('icons-panel'); return false;"><span>{L_LEGEND}</span></a></li>
  74. </ul>
  75. </div>
  76.  
  77. <div id="panel-tab" class="panel bg3">
  78. <div class="inner"><span class="corners-top"><span></span></span>
  79.  
  80. <!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
  81. <div id="login-panel" style="display: <!-- IF not S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
  82. <form method="post" action="{S_LOGIN_ACTION}" class="headerspace" style="margin-top: 0;">
  83. <h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
  84. <fieldset class="quick-login">
  85. <label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
  86. <label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
  87. <!-- IF S_AUTOLOGIN_ENABLED --> | <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label><!-- ENDIF -->
  88. <input type="submit" name="login" value="{L_LOGIN}" class="button2" />
  89. {S_LOGIN_REDIRECT}
  90. </fieldset>
  91. </form>
  92. </div>
  93. <!-- ENDIF -->
  94.  
  95.  
  96. <div id="online-panel" style="display: <!-- IF S_USER_LOGGED_IN -->block<!-- ELSE -->none<!-- ENDIF -->;">
  97. <!-- IF S_DISPLAY_ONLINE_LIST || U_VIEWONLINE -->
  98.  
  99. <script type="text/javascript">
  100. // <![CDATA[
  101. function set_{L_WIW_SZ_1}(){
  102. $('.navbar11').css({
  103. 'max-height' : '{L_WIW_SZ_1}px'
  104. });
  105. $('.navbar22').css({
  106. 'max-height' : '{L_WIW_SZ_1M1}px',
  107. 'overflow-x' : 'hidden',
  108. 'overflow-y' : 'auto'
  109. });}
  110.  
  111. function set_{L_WIW_SZ_2}(){
  112. $('.navbar11').css({
  113. 'max-height' : '{L_WIW_SZ_2}px'
  114. });
  115. $('.navbar22').css({
  116. 'max-height' : '{L_WIW_SZ_2M1}px',
  117. 'overflow-x' : 'hidden',
  118. 'overflow-y' : 'auto'
  119. });}
  120.  
  121. function set_{L_WIW_SZ_3}(){
  122. $('.navbar11').css({
  123. 'max-height' : '{L_WIW_SZ_3}px'
  124. });
  125. $('.navbar22').css({
  126. 'max-height' : '{L_WIW_SZ_3M1}px',
  127. 'overflow-x' : 'hidden',
  128. 'overflow-y' : 'auto'
  129. });}
  130.  
  131. function set_{L_WIW_SZ_N}(){
  132. $('.navbar11').css({
  133. 'max-height' : '100%'
  134. });
  135. $('.navbar22').css({
  136. 'max-height' : '100%',
  137. 'overflow' : 'visible'
  138. });}
  139.  
  140. $(document).ready(function() {
  141. <!-- IF S_DISPLAY_ONLINE_LIST -->
  142. $('#who_is_online_total').load('{ROOT_PATH}who_is_online_total.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
  143. $('#who_is_online_reg').load('{ROOT_PATH}who_is_online_reg.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
  144. <!-- ENDIF -->
  145. <!-- IF U_VIEWONLINE -->
  146. $('#who_is_where').load('{ROOT_PATH}who_is_where.php?sid={SESSION_ID}');
  147. <!-- ENDIF -->
  148.  
  149. var refreshId = setInterval(function() {
  150. <!-- IF S_DISPLAY_ONLINE_LIST -->
  151. $('#who_is_online_total').load('{ROOT_PATH}who_is_online_total.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
  152. $('#who_is_online_reg').load('{ROOT_PATH}who_is_online_reg.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
  153. <!-- ENDIF -->
  154. <!-- IF U_VIEWONLINE -->
  155. $('#who_is_where').load('{ROOT_PATH}who_is_where.php?sid={SESSION_ID}');
  156. <!-- ENDIF -->
  157. }, 20000);
  158. $.ajaxSetup({ cache: false });
  159. });
  160. // ]]>
  161. </script>
  162. <!-- ENDIF -->
  163.  
  164.  
  165. <!-- IF S_DISPLAY_ONLINE_LIST -->
  166. <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
  167. <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN}) <br />{RECORD_USERS}<br /><!-- IF TOTAL_GUESTS_ONLINE -->{GUESTS_PAST_24}<br /><!-- ENDIF --> <br /> {LOGGED_IN_USER_LIST}
  168. <!-- IF not S_IS_BOT --><br /><br />
  169. {USERS_24HOUR_TOTAL}: <!-- BEGIN lastvisit -->{lastvisit.USERNAME_FULL}<!-- IF not lastvisit.S_LAST_ROW -->, <!-- ENDIF --><!-- END lastvisit -->
  170. <!-- ENDIF -->
  171.  
  172. <!-- IF LEGEND --><br /><b>{L_LEGEND}: {LEGEND}</b><!-- ENDIF --></p>
  173.  
  174. <!-- IF U_VIEWONLINE -->
  175.  
  176. <div style="padding-top:5px;"> </div>
  177. <!-- 40er steps -->
  178. <div class="navbar navbar11" style="max-height:{L_WIW_SZ_1}px;"><span class="corners-top"><span></span></span>
  179. <div class="inner navbar22" style="max-height:{L_WIW_SZ_1M1}px; overflow-x:hidden; overflow-y:auto;">
  180.  
  181. <span style="cursor:pointer; color:white;" title="{L_WIW_SZ_1_E}" onclick="set_{L_WIW_SZ_1}()">{L_WIW_SZ_1}</span>
  182. <span style="cursor:pointer; color:white;" title="{L_WIW_SZ_2_E}" onclick="set_{L_WIW_SZ_2}()">{L_WIW_SZ_2}</span>
  183. <span style="cursor:pointer; color:white;" title="{L_WIW_SZ_3_E}" onclick="set_{L_WIW_SZ_3}()">{L_WIW_SZ_3}</span>
  184. <span style="cursor:pointer; color:white;" title="{L_WIW_SZ_N_E}" onclick="set_{L_WIW_SZ_N}()">{L_WIW_SZ_NS}</span>
  185.  
  186. <h3 style="position:relative; top:-5px;">Who is where</h3>
  187.  
  188. <table class="table1" cellspacing="1" style="margin-top:10px; margin-bottom:5px;">
  189. <thead>
  190. <tr style="font-size:11px;">
  191. <th class="name" style="width:15%; padding-left:5px; color:#536482;">{L_USERNAME}</th>
  192. <th class="name" style="width:5%; padding-left:5px; color:#536482; text-align:center;">{L_WIW_COUNTRY}</th>
  193. <th class="info" style="width:40%; padding-left:5px; color:#536482;">{L_LOCATION}</th>
  194. <th class="active" style="width:15%; padding-left:5px; color:#536482;">{L_WIW_ARRIVED}</th>
  195. <th class="active" style="width:25%; padding-left:5px; color:#536482;">{L_WIW_BROWSER}</th>
  196. </tr>
  197. </thead>
  198. <tbody id="who_is_where" style="font-size:10px; color:grey;"><tr style="display:none;"><td style="display:none;"></td></tr></tbody>
  199. </table>
  200. </div><span class="corners-bottom"><span></span></span>
  201. </div>
  202. <span class="corners-bottom"><span></span></span>
  203.  
  204. <!-- ELSE -->
  205.  
  206. <div style="padding-top:3px;"> </div>
  207.  
  208. <div class="navbar">
  209. <div class="inner"><span class="corners-top"><span></span></span>
  210. <h3>Who is where</h3>
  211. <table class="table1" cellspacing="1" style="margin-top:10px; margin-bottom:5px;">
  212. <thead>
  213. <tr style="font-size:11px;">
  214. <th class="name" style="width:15%; padding-left:5px; color:#536482;">{L_USERNAME}</th>
  215. <th class="name" style="width:5%; padding-left:5px; color:#536482; text-align:center;">{L_WIW_COUNTRY}</th>
  216. <th class="info" style="width:40%; padding-left:5px; color:#536482;">{L_LOCATION}</th>
  217. <th class="active" style="width:15%; padding-left:5px; color:#536482;">{L_WIW_ARRIVED}</th>
  218. <th class="active" style="width:25%; padding-left:5px; color:#536482;">{L_WIW_BROWSER}</th>
  219. </tr>
  220. </thead>
  221. <tbody style="font-size:10px; color:grey;">
  222. <tr class="bg1">
  223. <td class="name" style="width:10%;">{L_NO_ONLINE_USERS}</td>
  224. <td class="name" style="width:5%; text-align:center;"><img src="images/74t.gif" style="margin-bottom:3px; width:8px;" alt="" /></td>
  225. <td class="info" style="width:45%; text-align:center;"><img src="images/74t.gif" style="margin-bottom:3px; width:8px;" alt="" /></td>
  226. <td class="active" style="width:15%;"><img src="images/74t.gif" style="margin-bottom:3px; margin-left:3px; width:8px;" alt="" /></td>
  227. <td class="active" style="width:25%;"><img src="images/74t.gif" style="margin-bottom:3px; margin-left:3px; width:8px;" alt="" /></td>
  228. </tr>
  229. </tbody>
  230. </table>
  231. <span class="corners-bottom"><span></span></span></div>
  232. </div>
  233.  
  234. <div style="padding-top:3px;"> </div>
  235.  
  236. <!-- ENDIF -->
  237.  
  238. </div>
  239. <!-- ENDIF -->
  240.  
  241.  
  242. <div id="birthday-panel" style="display: none;">
  243. <h3>{L_BIRTHDAYS}</h3>
  244. <p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --> <br /><!-- IF BIRTHDAYS_AHEAD_LIST -->{L_BIRTHDAYS_AHEAD}: <strong>{BIRTHDAYS_AHEAD_LIST}</strong><!-- ENDIF --></p>
  245. </div>
  246.  
  247.  
  248.  
  249. <!-- IF NEWEST_USER -->
  250. <div id="statistics-panel" style="display: none;">
  251. <h3>{L_STATISTICS}</h3>
  252. <p>{BOARD_START_DATE}
  253. </br></br>{TOTAL_POSTS}- <a href="{U_POSTSTATSPAGE}">{L_POSTSTATSPAGE}</a> &bull; {TOTAL_TOPICS} - <a href="{U_TOPICSTATSPAGE}">{L_TOPICSTATSPAGE}</a> &bull; {TOTAL_USERS} <!-- IF TOTAL_BANNED_USERS -->&bull; {L_BANNED_USERS} <a href="{U_BANLIST}">{TOTAL_BANNED_USERS}</a> <!-- ENDIF --> &bull; {NEWEST_USER}</p>
  254.  
  255. <!-- IF RS_TOPLIST -->
  256. <h3>{L_RS_TOPLIST}</h3>
  257. <p>{L_RS_TOPLIST_EXPLAIN}: <strong>{RS_TOPLIST}</strong></p>
  258. <!-- ENDIF -->
  259.  
  260. <h3>{L_BLOG_STATS}</h3>
  261. <p>{TOTAL_BLOG_ENTRIES}</p>
  262.  
  263. <!-- Start Ultimate Points -->
  264. <!-- IF S_DISPLAY_POINTS_STATS -->
  265. <h3>{L_POINTS_STATISTICS}</h3>
  266. <p>{TOTAL_POINTS_USER} &bull; {TOTAL_BANK_USER} &bull; {TOTAL_BANK_POINTS} <!-- IF S_DISPLAY_LOTTERY--> &bull; {LOTTERY_TIME}<!-- ENDIF --></p>
  267.  
  268. <!-- IF S_DISPLAY_INDEX -->
  269. <h3>{L_POINTS_MOST_RICH_USERS}</h3>
  270. <p><!-- BEGIN rich_user --><!-- IF not rich_user.S_FIRST_ROW --> &bull; <!-- ENDIF -->{rich_user.USERNAME} ({rich_user.SUM_POINTS} {rich_user.SUM_POINTS_NAME})<!-- END rich_user --></p>
  271. <!-- ENDIF -->
  272. <!-- ENDIF -->
  273. <!-- End Ultimate Points -->
  274. <!-- Start DM Linkx -->
  275. <!-- IF S_LINKX_EXIST -->
  276. <h3>{L_DM_LINKX_MOST_SEEN_LINKXS}</h3>
  277. <p>{NUMBER_LINKXS}<br/><!-- BEGIN linkxline -->&bull; {linkxline.TITEL} ({linkxline.LINKX_COUNTER}) <!-- END linkxline --></p>
  278. <!-- ENDIF -->
  279. <!-- End DM Linkx -->
  280. <!-- IF TOP_FIVE_REFERRERS -->
  281. <!-- INCLUDE referral/top_five_referrers.html -->
  282. <!-- ENDIF -->
  283. </div>
  284. <div id="who-was-here-panel" style="display: none;">
  285. <!-- IF WHO_WAS_HERE_TOTAL -->
  286. <h3>{L_WHO_WAS_HERE}</h3>
  287. <p>{WHO_WAS_HERE_TOTAL} ({WHO_WAS_HERE_EXP})<br />{WHO_WAS_HERE_RECORD}<br />{WHO_WAS_HERE_LIST}</p>
  288. <!-- ELSEIF U_ACP -->
  289. <h3>{L_WHO_WAS_HERE}</h3>
  290. <p>{L_WWH_UPDATE_NEED}</p>
  291. <!-- ENDIF -->
  292. </div>
  293. <!-- ENDIF -->
  294.  
  295.  
  296.  
  297. <!-- IF not S_IS_BOT -->
  298. <div id="activity-panel" style="display: none;">
  299. <h3 id="24hour_stats">{L_24HOUR_STATS}</h3>
  300. <p>{24HOUR_POSTS} &bull; {24HOUR_TOPICS} &bull; {24HOUR_USERS}</p>
  301. </div>
  302. <!-- ENDIF -->
  303.  
  304. <!-- IF not S_IS_BOT -->
  305. <div id="icons-panel" style="display: none;">
  306. <h3>{L_LEGEND}</h3>
  307. <table style="width: 80%; margin-left: auto; margin-right: auto;" border="0" cellspacing="4">
  308. <tr>
  309. <td style="width:20px;" class="row1" align="center">{FORUM_NEW_IMG}</td>
  310. <td class="row2"><span class="gensmall">{L_NEW_POSTS}</span></td>
  311. <td style="width:20px;" class="row1" align="center">{FORUM_IMG}</td>
  312. <td class="row2"><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
  313. <td style="width:20px;" class="row1" align="center">{FORUM_LOCKED_IMG}</td>
  314. <td class="row2"><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  315. </tr>
  316. <tr>
  317. <td style="width:20px;" class="row1" align="center">{FORUM_SUBFORUM_IMG}</td>
  318. <td class="row2"><span class="gensmall">{L_SUBFORUM} {L_NEW_POSTS}</span></td>
  319. <td style="width:20px;" class="row1" align="center">{FORUM_NEW_SUBFORUM_IMG}</td>
  320. <td class="row2"><span class="gensmall">{L_SUBFORUM} {L_NO_NEW_POSTS}</span></td>
  321. <td style="width:20px;" class="row1" align="center">{FORUM_LINK_IMG}</td>
  322. <td class="row2"><span class="gensmall">{L_FORUM_LINK}</span></td>
  323. </tr>
  324. </table>
  325. </div>
  326. <!-- ENDIF -->
  327.  
  328. <span class="corners-bottom"><span></span></span></div>
  329. </div>
  330. <br /><div class="clear"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!