Display user activity in the profile

[Ange TuteurAdministrator]

The purpose of this plugin is to show the activity of the user whose profile you're currently viewing. The data is retrieved from the viewonline page and displayed in a new module just below the basic user data. Take the preview below as an example.

This plugin is optimized for all forum versions. So long as you haven't heavily modified your templates, it'll work without issues. You should also make sure the advanced profile is enabled. Go to Administration Panel > Users and Groups > Profiles > General Options, choose "yes" for "Activate advanced profile" and save.


Installation

To install this plugin go to Administration Panel > Modules > JavaScript codes management, and create a new script.

Title : Your choice
Placement : In all the pages
Paste the code below and submit :

Code:

window.location.pathname.match(/\/u\d+/) && $(function() {
  var b = document.createElement('DIV'),
  lang = {
    activity : 'Activity',
    loading : 'Checking activity...',
    offline : 'Offline',
    last : 'Last active',
    none : 'No recent activity...'
  }, placeholder = '<p class="viewing"><a href="#" onclick="return false;" class="loading">'+lang.loading+'</a><span class="lastactive">'+lang.last+' : '+lang.loading+'</span></p>',bb2;
 
  b.innerHTML = '<div style="background:#EEE;border:1px solid #CCC;margin:3px 0;padding:3px;color:#F66;text-align:center;"><div style="border-bottom:1px solid #CCC;text-align:left;">ERROR</div>Your template is not supported for the activity module. For assistance or information please <a href="http://fmdesign.forumotion.com/t280-display-user-activity-in-the-profile" target="_blank" style="color:#069">click here</a>.</div>';
  document.getElementById('wrap') && (b.innerHTML = '<div class="module"><div class="inner"><span class="corners-top"><span></span></span><div class="h3">'+lang.activity+'</div>'+placeholder+'<span class="corners-bottom"><span></span></span></div></div>');
  document.getElementById('ipbwrapper') && (b.innerHTML = '<div class="module borderwrap"><div class="maintitle"><h3>'+lang.activity+'</h3></div><div class="box-content profile center">'+placeholder+'</div></div>');
  $('.pun').length && (b.innerHTML = '<div class="module main" style="margin-bottom:4px !important;"><div class="main-head"><div class="h3">'+lang.activity+'</div></div><div class="main-content clearfix center">'+placeholder+'</div></div>');
  $('.bodylinewidth').length && (b.innerHTML = '<div style="height:3px;"></div><table class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%"><tbody><tr><td class="catLeft"><span class="genmed module-title">'+lang.activity+'</span></td></tr><tr><td class="row1 gensmall" align="center">'+placeholder+'</td></tr></tbody></table>', bb2 = true); 
 
  $('#profile-advanced-right .module:first, td[width="300"] .forumline:first').after(b);
  $.get('/viewonline',function(data) {
    var p = b.getElementsByTagName('P')[0], c = 'tr:has(a[href="/u'+window.location.pathname.match(/u(\d+)/)[1]+'"]) td';
    bb2 && (c = '.three-col table:has(.nav) + table ' + c);
    p.innerHTML = $(c+':last',data).html();
    !p.innerHTML.length ? p.innerHTML = '<a href="#" onclick="return false;" class="inactive">'+lang.offline+'</a><div class="lastactive">'+lang.last+' : '+lang.none+'</div>' : p.innerHTML += '<div class="lastactive">'+lang.last+' : ' + $(c+':eq(1)',data).html() + '</div>';
  });
});

If you'd like the style in the preview go to Administration Panel > Display > Colors > CSS stylesheet and paste the following code.

Code:

.viewing a, .viewing .lastactive { color:#999; text-shadow:1px 1px 0 #FFF; text-decoration:none; text-align:center; font-size:11px; font-weight:bold; background:#EEE; border:1px solid #CCC; border-radius:3px; display:block; padding:5px 3px; margin:5px 0; }
.viewing a { color:#696 !important }
.viewing a.loading { color:#996 !important }
.viewing a.inactive { color:#C66 !important }

Information

At the top of the script you will notice a list of language data. If your forum is in another language, or you just want to change the default texts, the portion below is what you should modify.

Code:

  lang = {
    activity : 'Activity', // module title
    loading : 'Checking activity...', // loading texts
    offline : 'Offline', // displayed if user is offline
    last : 'Last active', // last activity texts
    none : 'No recent activity...' // displayed if user is offline
  }

If you have any questions or comments, feel free to leave them below. Have fun, and enjoy !

Notice

Tutorial written by Ange Tuteur. Reproduction not permitted without consent from the author.

[Rhino.Freak]

zomg! Added right away! it looks so pro and stuff XD
THANK YOU ^^

[Ange TuteurAdministrator]

You're welcome, I'm happy you like it !

I used my boring style for the design, washed out colors and grays !

[brandon_g]

But its ok to use boring colors as long as you can make all from scratch, which I assume you do. Useful feature by the way!

-Brandon

[Ange TuteurAdministrator]

Thanks ! ^^

Yep, I like to start from scratch, the only thing that wouldn't be mine would be the idea. The idea was actually given to me by a support topic, and I figured it would be a nice little feature..

[brandon_g]

An idea is only as good as the person who can make reality.

[Luke SpikeNew Member]

Not working for me... Any specific version this code was for?

[Ange TuteurAdministrator]

Not working for me... Any specific version this code was for?

It has been optimized for all versions, however, if you've heavily modified the templates, or are using the simple profile it wont work. Check to see if you're using the advanced profil :
Administration Panel > Users and groups > Profiles > General options

Activate advanced profile : Yes

[Luke SpikeNew Member]

Not working for me... Any specific version this code was for?

It has been optimized for all versions, however, if you've heavily modified the templates, or are using the simple profile it wont work. Check to see if you're using the advanced profil :
Administration Panel > Users and groups > Profiles > General options

Activate advanced profile : Yes

I'm using the advanced profile and successfully installed the codes, but it's still not working.

[Ange TuteurAdministrator]

installed the codes, but it's still not working.

Could you provide the URL of your forum ?

Thanks

[Van-Helsing]

It is perfect I already added.

[refresh101Member]

doesn't work it only displayed the last active not the user activity but it will load for a short time and suddenly will disappear

[Ange TuteurAdministrator]

@refresh101 Are you using the advanced profile ? I so, can you access /viewonline on your forum ? For example : https://fmdesign.forumotion.com/viewonline

[refresh101Member]

yes i already activated it but it doesnt work

[Ange TuteurAdministrator]

Can I have a link to your forum ?

Thanks

[refresh101Member]

here http://hunterxroleplay.forumh.net/

[Ange TuteurAdministrator]

Is this page available ?
http://hunterxroleplay.forumh.net/viewonline

Sorry, I cannot tell myself as it requires logging it.

[refresh101Member]

yeah yeah it is available

[Ange TuteurAdministrator]

If you're using the advanced profile, and you can see /viewonline, then it should work without problem. You installed it in all the pages, correct ? If this is still occurring, could you provide a test account so I can get a better idea of what's going on ?

Thanks

[refresh101Member]

does not work ange it shows only the time not the users activity?

test account pm sent

[Ange TuteurAdministrator]

Users don't have the rights to access viewonline. Make sure to enable it here :
Administration Panel > Users and Groups > Special rights

Users status display : At least Members

[refresh101Member]

still not working?

Once it loads the activity will appear but when the forum dones loading it will disappear?

[FrOsTyXiNew Member]

This is a nice feature I like it Thank you!

[FiB]

Can this be set so only admin can see it?

[Ange TuteurAdministrator]

@FiB right before the following code :

Code:

var b = document.createElement('DIV'),

add this line :

Code:

if (_userdata.user_level != 1) return;

so it looks like this.

Code:

if (_userdata.user_level != 1) return;
var b = document.createElement('DIV'),

[Sponsored content]