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

[webmsg]

There are 2 instances of the code to be replaced as mentioned in Steps 8 and 10.

Sorry, I overread that!!

Thank you.

[glennrocksvb]

There are 2 instances of the code to be replaced as mentioned in Steps 8 and 10.

[webmsg]

Hi Glenn

There are 2 lines containing the line to be replaced, shall I replace both or ?

Thank you.

[glennrocksvb]

Updated first post for mobile. Previously, it wasn't working for mobile.

[glennrocksvb]

Glad you got it working.

[mofeu]

thank you very much

[mofeu]

I dit it to another template and worked

[glennrocksvb]

I don't know what exactly you did wrong. Maybe there's a missing end tag. Revert your changes and then try again.

[mofeu]

Go to the Who's Online page on your forum (/online) to confirm the change is working. See sample IP Address modal below:

what i did wrong

[glennrocksvb]

Updated post #23.

[glennrocksvb]

To add another usergroup, then add another CSS rule #vb-page-body:not([data-usergroupid="XXX"]) .resolveIpLink-new separated by comma and then change XXX to the desired usergroup ID.

I just realized this part is wrong. I'll post the updated instructions later.

[Snowhog]

Oh yes! I like that bit code much better! Going to make that change right now.

[glennrocksvb]

That looks right.

If you want to see the detailed IP Info modal to just one or fewer usergroups than the module permissions, you could shorten the CSS by using this code instead:

/* Hide Detailed IP Info link with Modal - START */
#vb-page-body:not([data-usergroupid="6"]) .resolveIpLink-new {
     display: none;
}
/* Hide Detailed IP Info link with Modal - END */

The code is saying if the usergroup ID is NOT 6, hide the new IP link. So specify the usergroup ID that you DO want to see the new IP link.

To add another usergroup, then append :not([data-usergroupid="XXX"]) to the existing CSS rule and then change XXX to the desired usergroup ID. For example:

#vb-page-body:not([data-usergroupid="6"]):not([data-usergroupid="5"]):not([data-usergroupid="7"]) .resolveIpLink-new {
     display: none;
}

The above CSS code means if usergroup ID is not 6 AND not 5 AND not 7, then hide the new IP link.

[Snowhog]

Step 1.
Edit Navigation Bar > Who's Online


Step 2:


Step 3.
Select User Groups who have permission to see Who's Online


Step 4.
Click OK and Save

The above makes the Who's Online 'tab' available only to those selected User Groups.

The MOD makes additional IP info available to any user group who has permission to Who's Online, and the css_additional.css code I have prevents user groups (identified in the css_additional.css code) from seeing the additional IP info.

I hope I have that right.

[glennrocksvb]

Every vB5 module has module-level permissions to restrict which usergroups to view that module. This is true even without this mod. I don't know how you set the module-level permissions for the Who's Online module. Let's say you set the module to be viewable by Administrators, Moderators and Super Moderators only. These users would be able to see the Who's Online module itself. Now if you installed this mod and let's say you wanted the new IP link with modal to be only available to Administrator, then the CSS code would be:

/* Hide Detailed IP Info link with Modal - START */
#vb-page-body[data-usergroupid="5"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="7"] .resolveIpLink-new {
    display: none;
}
/* Hide Detailed IP Info link with Modal - END */

The usergroup IDs 5 and 7 are Super Moderators and Moderators, respectively. Specifying their usergroupd IDs in the CSS will hide the new IP link to them and thus only Administrator will see it.