Add Detailed IP Info Modal to the Who's Online page

[glennrocksvb]

Don't you already restrict the Who's Online module itself to specific usergroups?

[Snowhog]

Does this MOD allow for selection of user groups who can use this? If it doesn’t, can you modify it so it does?

[glennrocksvb]

Unfortunately no. This is an HTML change that includes some JavaScript for the modal. It cannot be done in CSS which is for styling purposes only.

[Snowhog]

Can this be coded for css_additional.css and avoid the issue of updated templates?

[glennrocksvb]

Here you go...

https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-miscellaneous-modifications/23282-make-ip-address-in-the-new-user-email-notification-clickable-that-shows-detailed-ip-information

[glennrocksvb]

You can do something similar to the New User email notifications sent to the Admins when a new user signs up. The email contains IP address of the user which you can also link to ipinfo.io. I will post it separately.

[glennrocksvb]

By default in vB5, clicking the IP Address of a user in the Who's Online page (/online) just shows you the hostname information of the user. That is not very useful. What you want to know is what country, state/region, city, postal code the user is approximately in. Additional information such as internet service and timezone is also useful.

To enable you to see detailed IP information, we can utilize the ipinfo.io website to give us those information. Please see instructions below on how to do it.

1. Logon to AdminCP.
2. Go to Styles → Search in Templates
3. Choose the target style/theme in the "Search in Style" dropdown.
4. In the "Search for Text" field, type onlineuser_details.
5. Select "Yes" in the "Search Titles Only" radio button.
6. Click Find button.
7. In the search results, double-click the template to edit it or select it then click Customize button.
8. Find the following code. This is used on desktop/tablet: (Hint: This is near the middle section of the template)
   

   	<a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a>

9. Replace it with the following code:
   

   	<vb:comment><a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a></vb:comment>
   	<a href="https://ipinfo.io/{vb:var onlineUser.host}/json" class="resolveIpLink-new" target="_blank" rel="noopener" onclick="var w=600,h=200,y=window.outerHeight/2 + window.screenY - (h/2),x=(window.outerWidth/2) + window.screenX - (w/2);window.open(this.href, 'ipInfoWin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + y + ', left=' + x);return false;">{vb:var onlineUser.host}</a>

10. Find another instance of the same code. This is used on mobile. (Hint: This is near the bottom section of the template)
    

    <a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a>

11. Replace it with the following code:
    

    <vb:comment><a href="#" class="resolveIpLink">{vb:var onlineUser.host}</a></vb:comment>
    	<a href="https://ipinfo.io/{vb:var onlineUser.host}/json" class="resolveIpLink-new" target="_blank" rel="noopener">{vb:var onlineUser.host}</a>

12. Click Save button.
13. Repeat Steps 2-10 for other active styles/themes on your forum (if any).
14. Go to the Who's Online page on your forum (/online) to confirm the change is working. See sample IP Address modal below:
    
    

If you are using CloudFlare, Sucuri or something similar, you may not be able to see the actual user's IP address. To fix that, you have do this.

NOTE: This mod requires editing an existing vB5 template which means a template merge conflict may arise during vB5 upgrade. In which case, you'd need to resolve the conflict to make sure the template would still be working as intended. This also means that this mod cannot be done in vBCloud as it does not allow to edit existing vB5 templates.