Who's Online ?

How to do this for the Portal? Who's Online

Bump

Hello @Matrix317,

By default there is a who is online modules that you can drag and drop onto your portal.

Go to Administration Panel > Modules > Portal widgets management

Under your portal structure, drag and drop "who is online" from "existing widgets" into your structure and save.


If you want it like the widget in your example, click "create a widget" instead.

Widget name : Your choice
Use a table type : Yes
Paste this as the source :

Code:

<style type="text/css">#whois_module .label { font-size:10px; padding-left:8px; position:relative; }
#whois_module .label:before { content:"."; font-size:0px; background:#6A6; border-radius:3px; box-shadow:0 0 3px #6C6; display:inline-block; height:5px; width:5px; position:absolute; top:3px; left:0; }
#whois_online { height:100px; overflow:auto; }</style>

<div id="whois_module">
  <div><span class="label">Guests :</span> <span id="whois_guests">0</span></div>
  <div><span class="label">Hidden :</span> <span id="whois_hidden">0</span></div>
  <div><span class="label">Registered :</span> <span id="whois_registered">0</span></div>
  <div>
    <span class="label">Users Online :</span>
    <div id="whois_online"></div>
  </div>
  <a href="#update" id="whois_refresh">Refresh</a>
</div>
 
<script type="text/javascript">//<![CDATA[
(function() {
  var cache = 5*60*1000, storage = window.localStorage;
  if (storage.whoisHTML && storage.whoisCache > +new Date - cache) document.getElementById('whois_module').innerHTML = storage.whoisHTML;
  else getOnline();
  document.getElementById('whois_refresh').onclick = function() {
    document.getElementById('whois_online').innerHTML = '';
    getOnline();
    return false;
  }
 
  function getOnline() {
    jQuery.get('/viewonline',function(data){
      document.getElementById('whois_guests').innerHTML = jQuery('h1.page-title + p',data).text().match(/(\d+)/)[1];
      document.getElementById('whois_hidden').innerHTML = jQuery('h1.page-title',data).text().match(/^.*? \d+ .*? (\d+) .*/)[1]
      document.getElementById('whois_registered').innerHTML = jQuery('h1.page-title',data).text().match(/^.*? (\d+) .*? \d+ .*/)[1];
      for (var i=0,a=jQuery('.forumbg tbody tr',data); i<a.length; i++) document.getElementById('whois_online').innerHTML += '<div class="whois_row">' + a[i].firstChild.innerHTML + '</div>';
      storage && (storage.whoisCache = +new Date, storage.whoisHTML = document.getElementById('whois_module').innerHTML);
    });
  }
})();
//]]></script>

Save, and then drag and drop the widget from "personal widgets" into your portal.