JQ Who is where 0.0.2

[faethor]

Hi there

I would like to install the Mod to my Forum, but I dont have the prosilver Style. In the install manual only the guide for prosilver ist given. I'm using black pearl and unfortunately the index_body.html looks totally different to prosilver.
Im not a programmer and dont have any idea how to adapt the changes for black pearl. Is somebody unsing black pearl as well and know how to implement the changes?

If somebody would take a look at the source of the index_body.html:

Code: Select all

<!-- INCLUDE overall_header.html -->

<!-- IF U_MCP -->
    <div id="pageheader">
        <p class="linkmcp">[ <a href="{U_MCP}">{L_MCP}</a> ]</p>
    </div>

    <br clear="all" /><br />
<!-- ENDIF -->

<!-- INCLUDE breadcrumbs.html -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and not S_MCHAT_LOCATION --><!-- INCLUDE mchat_body.html --><!-- ENDIF -->

<!-- IF not S_IS_BOT --> <div style="font-size: 1.2em; margin-bottom: 20px;">{SHOUTBOX}</div> <!-- ELSE --> <div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">AJAX Chat</a> © <a href="https://blueimp.net">blueimp.net</a></div> <!-- ENDIF -->

<!-- IF not S_IS_BOT or U_TEAM -->
<span class="gensmall"><!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --><!-- IF not S_IS_BOT and U_TEAM --> | <!-- ENDIF --><!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a><!-- ENDIF --></span><br />
<!-- ENDIF -->

<br clear="all" />

<!-- IF S_DISPLAY_ONLINE_LIST -->
    <br clear="all" />

    <div id="viewonline_h" style="display: none;">
    <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><h4>{L_WHO_IS_ONLINE}</h4></div></div></div></div>
    <table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
    <tr><td class="row1"><span class="gensmall">&nbsp;</span></td></tr>
    </table>
    <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
    </div>

    <div id="viewonline_nh">
    <script type="text/javascript">
    <!--
    tmp = 'viewonline';
    if(GetCookie(tmp) == '2')
    {
        ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');
    }
    //-->
    </script>
    <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MIN}" onclick="ShowHide('viewonline_nh', 'viewonline_h', 'viewonline');" alt="{L_WHO_IS_ONLINE}" /><div class="tbl-title"><!-- IF U_VIEWONLINE --><h4><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h4><!-- ELSE --><h4>{L_WHO_IS_ONLINE}</h4><!-- ENDIF --></div></div></div></div>
    <table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <!-- IF LEGEND -->
        <td class="row1" rowspan="2" align="center" valign="middle"><img src="{T_THEME_PATH}/images/online.png" alt="{L_WHO_IS_ONLINE}" /></td>
    <!-- ELSE -->
        <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/online.png" alt="{L_WHO_IS_ONLINE}" /></td>
    <!-- ENDIF -->
        <td class="row1" width="100%"><span class="genmed">{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /><br />{LOGGED_IN_USER_LIST}</span></td>
    </tr>
    <!-- IF LEGEND -->
        <tr><td class="row1"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td></tr>
    <!-- ENDIF -->
    <tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
    </table>
    <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
    </div>
<!-- ENDIF -->
<!-- IF S_MCHAT_ENABLE and S_MCHAT_ON_INDEX and S_MCHAT_LOCATION --><!-- INCLUDE mchat_stats.html --><!-- ENDIF -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
    <br clear="all" />

    <div id="birthdays_h" style="display: none;">
    <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="ShowHide('birthdays_nh', 'birthdays_h', 'birthdays');" alt="{L_BIRTHDAYS}" /><div class="tbl-title"><h4>{L_BIRTHDAYS}</h4></div></div></div></div>
    <table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
    <tr><td class="row1"><span class="gensmall">&nbsp;</span></td></tr>
    </table>
    <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
    </div>

    <div id="birthdays_nh">
    <script type="text/javascript">
    <!--
    tmp = 'birthdays';
    if(GetCookie(tmp) == '2')
    {
        ShowHide('birthdays_nh', 'birthdays_h', 'birthdays');
    }
    //-->
    </script>
    <div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MIN}" onclick="ShowHide('birthdays_nh', 'birthdays_h', 'birthdays');" alt="{L_BIRTHDAYS}" /><div class="tbl-title"><h4>{L_BIRTHDAYS}</h4></div></div></div></div>
    <table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
    <tr>
        <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/birthdays.png" alt="{L_BIRTHDAYS}" /></td>
        <td class="row1" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
    </tr>
    <tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
    </table>
    <div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
    </div>
<!-- ENDIF -->

<br clear="all" />

<div id="statistics_h" style="display: none;">
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MAX}" onclick="ShowHide('statistics_nh', 'statistics_h', 'statistics');" alt="{L_STATISTICS}" /><div class="tbl-title"><h4>{L_STATISTICS}</h4></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<tr><td class="row1"><span class="gensmall">&nbsp;</span></td></tr>
</table>
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
</div>

<div id="statistics_nh">
<script type="text/javascript">
<!--
tmp = 'birthdays';
if(GetCookie(tmp) == '2')
{
    ShowHide('statistics_nh', 'statistics_h', 'statistics');
}
//-->
</script>
<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><img style="padding-top: 9px; padding-right: 6px; float: right; cursor: pointer;" src="{T_THEME_PATH}{$MG_MIN}" onclick="ShowHide('statistics_nh', 'statistics_h', 'statistics');" alt="{L_STATISTICS}" /><div class="tbl-title"><h4>{L_STATISTICS}</h4></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<tr>
    <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/stats.png" alt="{L_STATISTICS}" /></td>
    <td class="row1" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS}&nbsp;|&nbsp;{TOTAL_TOPICS}&nbsp;|<!-- IF TOTAL_IMAGES --> | {TOTAL_IMAGES}<!-- ENDIF -->|&nbsp;{TOTAL_USERS}&nbsp;|&nbsp;{NEWEST_USER}</p></td>
</tr>
<tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
</table>
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>
</div>

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<br clear="all" />

<form method="post" action="{S_LOGIN_ACTION}">

<div><div class="tbl-h-l"><div class="tbl-h-r"><div class="tbl-h-c"><div class="tbl-title"><h4><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></h4></div></div></div></div>
<table class="tablebg" width="100%" cellpadding="0" cellspacing="0">
<tr>
    <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/login.png" alt="{L_STATISTICS}" /></td>
    <td class="row1" align="center"><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" /></td>
</tr>
<tr><td class="cat-bottom" colspan="2">&nbsp;</td></tr>
</table>
<div class="tbl-f-l"><div class="tbl-f-r"><div class="tbl-f-c">&nbsp;</div></div></div></div>

{S_LOGIN_REDIRECT}
{S_FORM_TOKEN}
</form>
<!-- ENDIF -->

<!-- INCLUDE breadcrumbs_footer.html -->

<div style="text-align: center; margin: 30px;">
<table class="legend">
<tr>
    <td width="20" align="center">{FORUM_UNREAD_IMG}</td>
    <td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">{FORUM_IMG}</td>
    <td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
    <td>&nbsp;&nbsp;</td>
    <td width="20" align="center">{FORUM_LOCKED_IMG}</td>
    <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>
</div>

<!-- INCLUDE overall_footer.html -->

The change to adapt is:
Find

Code: Select all

    <!-- IF S_DISPLAY_ONLINE_LIST -->
       <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
       <p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
       <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
    <!-- ENDIF --> 

Replace with

Code: Select all

    <!-- IF S_DISPLAY_ONLINE_LIST || U_VIEWONLINE -->
    <script type="text/javascript">
    // <![CDATA[
    !window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery.min.js"><\/script>');
    // ]]>
    </script>
    <script type="text/javascript">
    // <![CDATA[
     $(document).ready(function() {
        <!-- IF S_DISPLAY_ONLINE_LIST -->
        $('#who_is_online_total').load('{ROOT_PATH}who_is_online_total.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
        $('#who_is_online_reg').load('{ROOT_PATH}who_is_online_reg.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
        <!-- ENDIF -->
        <!-- IF U_VIEWONLINE -->
        $('#who_is_where').load('{ROOT_PATH}who_is_where.php?sid={SESSION_ID}');
        <!-- ENDIF -->
        var refreshId = setInterval(function() {
        <!-- IF S_DISPLAY_ONLINE_LIST -->
        $('#who_is_online_total').load('{ROOT_PATH}who_is_online_total.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
        $('#who_is_online_reg').load('{ROOT_PATH}who_is_online_reg.php?sid={SESSION_ID}', {dol : '{S_DISPLAY_ONLINE_LIST}'});
        <!-- ENDIF -->
        <!-- IF U_VIEWONLINE -->
        $('#who_is_where').load('{ROOT_PATH}who_is_where.php?sid={SESSION_ID}');
        <!-- ENDIF -->
        }, 20000);
       $.ajaxSetup({ cache: false });
     });
    // ]]>
    </script>
    <!-- ENDIF -->

    <!-- IF S_DISPLAY_ONLINE_LIST -->
    <div style="padding-top:3px;"> </div>

    <div class="navbar">
    <div class="inner"><span class="corners-top"><span></span></span>
       <!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
       <p><span id="who_is_online_total"></span><!-- {TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})--><br />{RECORD_USERS}<br /> <br /><span id="who_is_online_reg"></span><!-- {LOGGED_IN_USER_LIST} -->
       <!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
       <span class="corners-bottom"><span></span></span></div>
    </div>
    <!-- ENDIF -->


    <!-- IF U_VIEWONLINE -->
       <div style="padding-top:3px;"> </div>
       
       <div class="navbar">
       <div class="inner"><span class="corners-top"><span></span></span>
       <h3>Who is where</h3>
       <table class="table1" cellspacing="1">
       <thead>
       <tr>&nbsp;</tr>
       <tr style="font-size:11px;">
       <th class="name" style="width:25%; padding-left:5px; color:#536482;">{L_USERNAME}</a></th>
       <th class="name" style="width:5%; padding-left:5px; color:#536482;">{L_WIW_COUNTRY}</a></th>
       <th class="info" style="text-align:center; width:25%; padding-left:5px; color:#536482;">{L_LOCATION}</a></th>
       <th class="active" style="width:20%; padding-left:5px; color:#536482;">{L_WIW_ARRIVED}</a></th>
       <th class="active" style="width:25%; padding-left:5px; color:#536482;">{L_WIW_BROWSER}</a></th>
       </tr>
       </thead>
       <tbody id="who_is_where" style="font-size:10px; color:grey;">
       </tbody>
       </table>
       <span class="corners-bottom"><span></span></span></div>
       </div>
       
       <div style="padding-top:3px;"> </div>
    <!-- ENDIF -->

As you see, the code to find in prosilver index_body could not be founded in black pearls index_bodx.html.

Thanks in advance for helping!!

Cheers

Faethor

[4seven]

I found this

<!-- IF S_DISPLAY_ONLINE_LIST -->

Much template stuff with some viewonline cookie filter (no genuine phpbb3)

<!-- ENDIF --> 

The pendant is the original find from modx

<!-- IF S_DISPLAY_ONLINE_LIST -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->

[faethor]

Yes you are right. But i cant replace the whole "
Much template stuff with some viewonline cookie filter (no genuine phpbb3)" with the new code. I already tried this and its not fitting

[4seven]

Hm, seems bad luck for this style (never see those switches in another style).
Normally only the styles, which are named in the first post in dev-topic are supported.

[faethor]

Oh no

No Chance for subsilver and Black Pearl?

[4seven]

For subsilver2 it should work easy

<!-- IF S_DISPLAY_ONLINE_LIST -->

SUBSILVER2_CODE

<!-- ENDIF -->

Just add the code there and it should work.

No Chance for subsilver and Black Pearl?

Not for free.