Custom Mini-Profile Creator

[Former Member]

Oct 24, 2017 8:03:09 GMT -8 Brian said:

Oct 24, 2017 7:43:42 GMT -8 @secretboss said:

Hello, i've done all the intallation guidlines but when i try using Example 2 , i get this error : Error-1 mp-info-holder (The plugin version is 1.1.1)

Plugins that might interfer:

NPC Profiles : V,1.0.2

Site: ugbase.boards.net

Make sure you have the correct theme selected in the Current Theme dropdown at the top of the Mini-Profile layout template before adding that element to it. Templates are theme-specific.

Thanks, i solved it 

[Amy]

Oct 18, 2016 12:21:20 GMT -8 Brian said:

If you add this to the Javascript component of any of your mini-profiles it should hopefully populate the HTML you added.

$(this).find('.money_wallet_amount').html($(this).parent().children('.mini-profile').not('.mp-custom').find('.money_wallet_amount').html());

I did that, but money info does not show up.
Here's a link to a thread: pokeshuffle.proboards.com/thread/21/maroon-trail-659-660 (info should appear on the back side)

Btw, thank you for this wonderful plugin!

Edit: just found out that Level Up Meter plugin doesn't work either.

Edit2: nevermind. I just had to place Custom Mini Profile Creator plugin above the others! ^^'

[jupitus]

I solved the problem! Sorry for very very late!

[Amy]

Hi!

First of all, I love your plugin and it's been a great option for spending our forum's money.

I'd like to know which powers the staff should have so they would also be able to apply themes to other members. ^^

Thanks in advance.

[Brian]

Jan 30, 2018 6:05:38 GMT -8 Amy said:

Hi!

First of all, I love your plugin and it's been a great option for spending our forum's money.

I'd like to know which powers the staff should have so they would also be able to apply themes to other members. ^^

Thanks in advance.

Staff with the Edit Profiles permission should be able to apply mini-profile themes to users as those staff will have the ability to edit what's selected in a user's custom fields.

[ScrewDriver]

Hi,

I installed your plugin in hopes of being able to add the stars and some extra text fields for the mini-profiles, since the theme I'm using doesn't provide those as shown in the picture below.



However, I'm beginning to notice that I don't completely understand what I'm supposed to do and maybe I'm not that good with coding as I have thought before. I've followed the instructions you've provided, yet nothing happens. Did I not need to add this plugin, or is it something I'm doing wrong? When choosing which example to use in my profile, I've tried to choose options 1 or 2, yet the profile doesn't change to those. Should I add something to the Themes > Layout Templates > Mini-Profile or what is it that I don't understand? 

I apologize in advance if this is a stupid question and if you feel like I'm wasting your time.

You can find my forum here.

[Brian]

ScrewDriver, the purpose of this plugin is to grant individual users the ability to have completely different mini-profiles than the one that's used in whichever theme they're currently on. If you're just looking to add stars to the existing mini-profile you should modify Themes > Layout Templates > Mini-Profile to add stars and text fields to the theme's mini-profile instead of using my plugin as it's not needed to make that modification.

I would recommend posting in the Templates board if you need further assistance with the template modification required to make that change.

[₪» ⅀ ƪ Ƒ «₪]

Brian
I'm not sure when this problem began or what might have caused it as I only recently noticed it.
I use this plugin to cause "badges" to show up in mini-profiles when various custom profile fields are checkmarked or otherwise filled out/active. They have worked since I first installed it and coded it with your help, but I see now that it is no longer working.

For example, this is part of the JS I have in the plugin:
// OTM Winner //
if(user.otmwinner)
   $(this).find('.otmwinnerbadge').append('<a href="http://alcryst.forums.net/thread/41" target="_blank"><img title="OTM Winner - 1 or more Of The Month awards" src="http://elite-equestrian.com/brady/files/BadgeOTMWinner.png"></a>');

And here is this specific code's corresponding bit in the mini-profile:
   <span class="otmwinnerbadge"></span>

From what I can see, none of the badges caused by this plugin are working anymore. I'm not sure if it's a plugin conflict perhaps?
(I can give you permission through a forums.net ticket to mess with my forum if you need)

[Brian]

₪» ⅀ ƪ Ƒ «₪, going by console errors alone I'm pretty sure the last line of this part is responsible:

// Offspring - Prolific Parent //
//if(!isNaN(parseInt(user.offspring))){
    if(user.offspring >= 10)
        $(this).find('.offspringbadge').append('<img title="Prolific Parent - 5 or more children" src="http://elite-equestrian.com/brady/files/BadgeProlificParent.png">');
}//

// creates a single line comment. It's not used to close comments. You would use /* to open a multiple line comment and */ to close it just like in CSS. So the closing braces on the last line are still rendering and causing an error because the parser doesn't know what to do with them.

With the way it's currently formatted this is what it sees when it reaches these lines:

    if(user.offspring >= 10)
        $(this).find('.offspringbadge').append('<img title="Prolific Parent - 5 or more children" src="http://elite-equestrian.com/brady/files/BadgeProlificParent.png">');
}

[₪» ⅀ ƪ Ƒ «₪]

Ohhh goodness. Goes to show what JS ignorance can do to a simple little code x.x Sorry about that, thank you for educating me, I'll keep that in mind! I knew CSS and HTML had different ways to comment out code so I figured the // was JS' form, I'm glad to be informed otherwise and know how to handle it next time. As you probably guessed, all is fixed now. :)

[sau226]

Does anyone have say a code example from this board that lets me go and make a small verified icon a bit like the staff icons on here show up for a group? I dare say that with a small bit of modification the one from here might work.

[Brian]

May 8, 2018 4:15:23 GMT -8 sau226 said:

Does anyone have say a code example from this board that lets me go and make a small verified icon a bit like the staff icons on here show up for a group? I dare say that with a small bit of modification the one from here might work.

All we're doing on here to accomplish it is adding relative position CSS to the mini-profile, then adding an absolute positioned image using JS if their group name matches the one we specify. This is done using the special Default mini-profile in the plugin which gets added for everyone regardless of whether or not they have a mini-profile theme selected.

.mini-profile.mp-verified {
    position: relative;
}

.mini-profile.mp-verified .verified-icon {
    position: absolute;
    top: 4px;
    right: 2px;
}

if(user.group.name == "Group Name Here"){
    $(this).addClass('mp-verified');
    $(this).append('<img class="verified-icon" src="IMAGE URL HERE">');
}

[sau226]

Thanks a lot. Sorry but are there say any extra bits for me to add say an on hover tag or something?

[Brian]

May 10, 2018 4:41:58 GMT -8 sau226 said:

Thanks a lot. Sorry but are there say any extra bits for me to add say an on hover tag or something?

The tooltip is added using jQuery.

drew.tenderapp.com/kb/tiptip-jquery-plugin/how-to-use-it
drew.tenderapp.com/kb/tiptip-jquery-plugin/options-api

$(this).find('.verified-icon').tipTip({ content: "Your tooltip text here" });

[Hiro]

Any chance that this plugin will be updated for v6?