Help with the "Discord Shows Users Online" plugin

[Tiffamu]

Forum URL: dragonridersofberk.boards.net/

So I found this plugin that adds another row to the info center and shows users online in Discord under the "Online now" and "Online in the last 24 hours". However, I'm having an issue because I'm using the Sonorous theme which remodels the info center, so it's no longer a table. I've added in the space to put the plugin, but I don't know how to edit the plugin to make it show up where I want it. I found this support thread, but I don't think the same would work since we're using different themes with different CSS and layouts.

Any help would be appreciated!

[Scott]

Tiffamu, I'm tagging Peter since this is his plugin.


Update: this was moved from Support because from the linked example it would appear that both the theme home template and plugin would need some modifications for the plugin to work properly. Hopefully a member skilled in both templates and JavaScript will be able to help.

[Chris]

Easiest path would most likely be to embed an override method in the theme's home page layout instead of editing the plugin directly because it would no longer work on more traditional themes that may be installed now or in the future.

Layout Templates::Home

<!-- Override Discord Plugin "add_info_row" method for Sonorous theme (Top of Home template) -->
<script>
   ProBoards_Discord["add_info_row"]=function add_info_row() {
   /* No unique class or id assigned so use class on 24hr section to locate discord section that follows it */
   var $last_row = $("div.forum-stats").find(".online-24 + .online-stats");
   if ($last_row.length) {
       var $online = $last_row.find(".text");
       $online.empty().attr("id", "discord-online").html("No users online.");
       return true
   }
   return false
}
</script>

_{*note: I do not currently have the the plugin or the theme installed so not tested}

[Tiffamu]

Jun 3, 2021 23:33:57 GMT -8 Chris said:

Easiest path would most likely be to embed an override method in the theme's home page layout instead of editing the plugin directly because it would no longer work on more traditional themes that may be installed now or in the future.

Layout Templates::Home

<!-- Override Discord Plugin "add_info_row" method for Sonorous theme (Top of Home template) -->
<script>
   ProBoards_Discord["add_info_row"]=function add_info_row() {
   /* No unique class or id assigned so use class on 24hr section to locate discord section that follows it */
   var $last_row = $("div.forum-stats").find(".online-24 + .online-stats");
   if ($last_row.length) {
       var $online = $last_row.find(".text");
       $online.empty().attr("id", "discord-online").html("No users online.");
       return true
   }
   return false
}
</script>

_{*note: I do not currently have the the plugin or the theme installed so not tested}

That worked! Thank you so much Chris

Also, this is unrelated but an annoyance I'm dealing with right now so I figure I'll ask. The theme didn't originally have the code to select multiple posts (the checkbox was gone) so you would have to go into each thread and moderate them instead of selecting a bunch at once. I added the default checkbox code into the theme, and it works and I can select multiple threads and moderate. However, once I moderate (move the threads, delete them, whatever) all of the other threads disappear and it says "No threads were found" until I refresh the page, then whatever threads were left over after I moved or deleted threads show up again. I believe this also happens with private messages. Did I enter something wrong?

SPOILER: Click to show

{foreach $[thread]}
   <td class="thread-body">
       <table style="width: 100%;">
           <tr id="$[thread.content_id]" class="$[thread.content_class]">
<td class="checkbox clickable">$[thread.checkbox]</td>
               <td class="left-box{if $[thread.is_new]} new{/if}{if $[thread.is_announcement]} announce{/if}">
               </td>
               <td class="author-avatar"><div data-item="created-by">$[thread.created_by.avatar]</div>
               </td>
               <td class="main override">
                   <span class="link target" title="$[thread.short_content]">
                       <div class="t-icons">
                           {if $[thread.is_announcement]}
                           <div class="t-icon">
                               <i class="fa fa-bullhorn"></i>
                           </div>
                           {/if}
                           {if $[thread.is_locked]}
                           <div class="t-icon">
                               <i class="fas fa-lock"></i>
                           </div>
                           {/if}
                           {if $[thread.is_poll]}
                           <div class="t-icon">
                               <i class="far fa-chart-bar"></i>
                           </div>
                           {/if}
                           {if $[thread.is_sticky]}
                           <div class="t-icon">
                               <i class="fas fa-thumbtack"></i>
                           </div>
                           {/if}
                           {if $[thread.is_bookmarked]}
                           <div class="t-icon">
                               <i class="fas fa-bookmark"></i>
                           </div>
                           {/if}
                       </div>
                       $[thread]$[thread.labels]</span>
                   <div class="t-timestamp">
                       <div class="ui-micro-pagination">{if $[thread.pagination]}$[thread.pagination]{/if}</div>
                       created $[thread.created_on]</div>
                   <div class="t-author">by <span data-item="created-by">$[thread.created_by]</span></div>
               </td>
               <td class="replies">
                   $[thread.replies_count]<span>{if $[thread.replies_count] != 1}replies{else}reply{/if}</span>
               </td>
               <td class="views">
                   $[thread.views]<span>view{if $[thread.views] != 1}s{/if}</span>
               </td>
               <td class="last-post">
                   <div class="ui-micro-pagination">{if $[thread.pagination]}$[thread.pagination]{/if}</div>
                   last post $[thread.last_post.created_on]</div>
           <div class="t-author">by <span data-item="latest">$[thread.last_post.created_by]</span></div>
           </td>
   <td class="lp-avatar">
       <div data-item="latest">$[thread.last_post.created_by.avatar]</div>
   </td>
</tr>
</table>
</td>
</tr>
{/foreach}
{if !$[thread]}
<tr class="last">
   <td class="last center" colspan="7">No threads were found.</td>
</tr>
{/if}


[Chris]

Perhaps this will help...

Sonorous theme doesn't allow checkbox actions on threads

If not then you may need to contact the theme author for a proper fix