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

[glennrocksvb]

6 is Administrator. The CSS is for those usergroups you don't want to see the new IP link by hiding it, not the one who should see the new IP link.

[Mitch]

this also means that this mod cannot be done in vbcloud as it does not allow to edit existing vb5 templates.

boooooo

[glennrocksvb]

There must be workaround to it.

[Snowhog]

I corrected the HTML Code I cited in post #15 (input error). This is now what I have added to css_additional.css:

/* Hide Detailed IP Info link with Modal - START */
#vb-page-body[data-usergroupid="5"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="7"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="20"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="29"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="30"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="31"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="32"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="33"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="34"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="35"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="36"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="37"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="38"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="39"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="43"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="44"] .resolveIpLink-new,
#vb-page-body[data-usergroupid="53"] .resolveIpLink-new {
display: none;
}
/* Hide Detailed IP Info link with Modal - END */

The mod works as described, and with the above, I've limited the additional information to just the Administrators.

[glennrocksvb]

Glad it's now working.

You have a lot of usergroups. Which usergroups did you restrict the Who's Online module permissions to? Did you allow those usergroups to see the module?

[Snowhog]

In our case, those listed in the css_additional.css are the usergoups who can see Who's Online. My understanding (correct me if I'm wrong) is that this MOD allows the additional information to be accessed by those usergroups who are allowed to access Who's Online, and the css_additional.css entry simply prevents identified usergroups from seeing the additional data the MOD provides.

Do 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.

[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]

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]

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

[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.

[glennrocksvb]

Updated post #23.

[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]

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

[mofeu]

I dit it to another template and worked

[mofeu]

thank you very much

[glennrocksvb]

Glad you got it working.

[glennrocksvb]

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

[webmsg]

Hi Glenn

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

Thank you.

[glennrocksvb]

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