MyBB Hacks Mood System

[RateU]

Because some plugin developer really like using My as prefix for their plugin, we will use MyBB Hacks as prefix for this modification
So, we can call it as MyBB Hacks Mood System

Not too hard to do this, because we have the amazing tools, conditional in template.
So, to do this, we need Template Conditionals plugin or PHP in Templates / Complex Templates plugin. We will "combine" it with Custom Profile Fields.

The mood can be selected in UserCP -> Edit Profile.
The mood can be displayed in several area, like Postbit, Member Profile, Header (Member Panel) and Member List.

Here is how to do that:
In this example, we use Custom Profile Fields ID = 4. The mood images is png images, in images/mybbhacksmood folder/directory. So, maybe we need to modify it as our needs.

1. Create a custom profile fields with these settings:
   • Title: Mood
     Modify it as our needs.
   • Short Description: Your mood today. You can edit your mood whenever you want by visiting this page.
     Modify it as our needs.
   • Field Type: Select Box
   • Field Length: 1
   • Selectable Options?:
     
     Code:

     Happy Sad In Love

     ---

     Modify it as our needs.
     

2. Upload mood images. For the example mood above:
   • Mood: Happy
     Mood Image: Happy.png
   • Mood: Sad
     Mood Image: Sad.png
   • Mood: In Love
     Mood Image: InLove.png
     
3. Now, we will displaying the MyBB Hacks Mood.
   • In Postbit:
     Put this code in our postbit_author_user template:
     
     HTML Code

     <if $post['fid4'] then> <div> Mood: <img src="images/mybbhacksmood/<?=str_replace(' ', '', $post['fid4'])?>.png" alt="{$post['fid4']}" title="{$post['fid4']}" /> </div> </if>

     ---

     Modify it as our needs. Change the 4 to our MyBB Hacks Mood custom profile fields id.
     Or, we can put it in our postbit and postbit_classic template.

   • In Profile:
     member_profile_customfields_field template.
     If we didn't modified this template before, replace the template contents with:
     
     HTML Code

     1 2 3 4 5 6 7 8 9 10 11 12 13

     <if $customfield['fid'] == 4 then> <if $userfields['fid4'] != '' then> <tr> <td class="{$bgcolor}" width="40%"><strong>{$customfield['name']}:</strong></td> <td class="{$bgcolor}" width="60%"><img src="images/mybbhacksmood/<?=str_replace(' ', '', $customfieldval)?>.png" alt="{$customfieldval}" title="{$customfieldval}" /></td> </tr> </if> <else> <tr> <td class="{$bgcolor}" width="40%"><strong>{$customfield['name']}:</strong></td> <td class="{$bgcolor}" width="60%">{$customfieldval}</td> </tr> </if>

     ---

     Modify it as our needs. Change the 4 to our MyBB Hacks Mood custom profile fields id. If a user didn't select any mood, the MyBB Hacks Mood column will not be displayed.

   • In Header:
     Put this code in our header_welcomeblock_member template:
     
     HTML Code

     <if $mybb->user['fid4'] then> <div> Mood: <img src="images/mybbhacksmood/<?=htmlspecialchars_uni(str_replace(' ', '', $mybb->user['fid4']))?>.png" alt="<?=htmlspecialchars_uni($mybb->user['fid4'])?>" title="<?=htmlspecialchars_uni($mybb->user['fid4'])?>" /> </div> </if>

     ---

     Modify it as our needs. Change the 4 to our MyBB Hacks Mood custom profile fields id.
     BTW, do you think other Mood System has this feature (displaying mood in header template)? MyBB Hacks Mood System is the pioneer

   • In Member List:
     Put this code in our memberlist_user template:
     
     HTML Code

     <if $user['fid4'] then> <div> Mood: <img src="images/mybbhacksmood/<?=htmlspecialchars_uni(str_replace(' ', '', $user['fid4']))?>.png" alt="<?=htmlspecialchars_uni($user['fid4'])?>" title="<?=htmlspecialchars_uni($user['fid4'])?>" /> </div> </if>

     ---

     Modify it as our needs. Change the 4 to our MyBB Hacks Mood custom profile fields id.
     Again, do you think other Mood System has this feature (displaying mood in member list page)? MyBB Hacks Mood System is the pioneer again
     

That's it. Please tell me if I did something wrong

Note: For PHP In Template plugin, the code is a bit different.

[Skiilz]

Thank you
I was trying to do it by myself... Almost did it!

I modified the code to show a message if no mood selected:

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<if $customfield['fid'] == 10 then> <if $userfields['fid10'] != '' then> <tr> <td class="{$bgcolor}" width="40%"><strong>{$customfield['name']}:</strong></td> <td class="{$bgcolor}" width="60%"><img src="images/mybbhacksmood/<?=str_replace(' ', '', $customfieldval)?>.gif" alt="{$customfieldval}" title="{$customfieldval}" /></td> </tr> <else> <tr> <td class="{$bgcolor}" width="40%"><strong>{$customfield['name']}:</strong></td> <td class="{$bgcolor}" width="60%">No Mood Selected</td> </tr> </if> <else> <tr> <td class="{$bgcolor}" width="40%"><strong>{$customfield['name']}:</strong></td> <td class="{$bgcolor}" width="60%">{$customfieldval}</td> </tr> </if>

---

[ZiNgA BuRgA]

Thanks for the guide RateU!

[leefish]

Arrrggghhhh....(flail)....I don't have the Template Conditionals - just the Php in templates.... I shall try - looks very cool and we can use this for more things I think

[ZiNgA BuRgA]

I think the main thing that needs to be changed is this:
For every

Code:

<?= ... ?>

---

you see, replace with

Code:

<?php echo ...; ?>

---

(don't forget the semi-colon there)

Maybe I'll add something to the PHP in Templates plugin like that.

[leefish]

Thanks Zinga

[RateU]

(11-22-2010 11:16 AM)ZiNgA BuRgA Wrote:  Thanks for the guide RateU!

Thanks, Yumi.

(11-22-2010 10:32 AM)Skiilz Wrote:  I modified the code to show a message if no mood selected:

Yeah. We can use image for no mood too.

(11-22-2010 11:25 AM)leefish Wrote:  I don't have the Template Conditionals - just the Php in templates....

I'm using PHP In Template too, Lee. We can change the part of the code that Yumi said.
Example for postbit:

HTML Code

<if $post['fid4'] then> <div> Mood: <img src="images/mybbhacksmood/<?=str_replace(' ', '', $post['fid4'])?>.png" alt="{$post['fid4']}" title="{$post['fid4']}" /> </div> </if>

---

We can change it to:

HTML Code

<if $post['fid4'] then> <div> Mood: <img src="images/mybbhacksmood/<?php echo str_replace(' ', '', $post['fid4']); ?>.png" alt="{$post['fid4']}" title="{$post['fid4']}" /> </div> </if>

---

Like Yumi said, don't forget the semicolon there.

[Skiilz]

In my test forums the mood image alt link is showing like this:
http://mysite.com/images/MyMood/.gif

[RateU]

(12-01-2010 03:27 AM)Skiilz Wrote:  In my test forums the mood image alt link is showing like this:
http://mysite.com/images/MyMood/.gif

Could you give more info?
What do you mean by "image alt link"?
In which page/template?
What code you put in that template?
Link to your test forum?

[Skiilz]

I set the alt="MyMood" to see if the error was with the image then if I right click the alt property of the image and select "copy image link" it shows the http://mysite.com/images/MyMood/.gif :/

member_profile

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13

<!-- Start Mood !--> <if $userfields['fid7'] != '' then> <a href="javascript:;" value="Reload Page" onClick="window.location.reload()"><img src="{$mybb->settings['bburl']}/refresh.png" alt="Refresh" title="Refresh Mood" /></a> &nbsp;<strong>MyMood:</strong> <if $GLOBALS['mybb']->user['uid'] == $memprofile['uid'] then> <a href="javascript:;" onclick="MyBB.popupWindow('MyMood.php', 'imcenter', 450, 300);"><img src="images/MyMood/<?=str_replace(' ', '', $customfieldval)?>.gif" alt="MyMood" title="Click to change your Mood." valign="middle" /></a> <else> <img src="images/MyMood/<?=str_replace(' ', '', $customfieldval)?>.gif" alt="MyMood" title="{$memprofile['username']} is {$customfieldval}" valign="middle" /> </if> <else> No Mood Selected. </if> <!-- End Mood !-->

---