Add the Messages button to the toolbar: AwesomeBB

Hello everyone, the following tutorial will help you to add message button to toolbar
 WORKS ON  FORUM VERSION: AwesomeBB 
__________________________________________________







Picture after receiving a new message

--------------------------------------



 ADMIN CONTROL PANEL SETTINGS,
__________________________________________________

1. Go to Admin Panel > Display > Templates > General
2. Please choose overall_header
3. Click modify button
4. Find this code:

Code:

<li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li>


5. And replace by this:

Code:

<li><a id="navigation-recent" href="/latest"><i class="material-icons">comment</i>{L_TOPICS}</a></li>
   <a href="{U_PRIVATEMSGS}"  rel="nofollow" style=" display: inline-block;"><i class="material-icons">mail</i>&nbsp;{PRIVATE_MESSAGE_INFO}</a>
  

6. Hit save and click publish
the modification is now installed
-------------------------------------

We hope you like this great little Trick and Tip on how to make the change.


--------------
This tutorial was written by @كونان2000,

Can we just extract number from that variable then make it short?

For example :

Code:

You have x new message

replace by

Code:

<a title="{PRIVATE_MESSAGE_INFO}">Message (x)</a>

@SarkZKalie what you can do is to extract the number from the private message text and use it to replace its content, for example

Code:

$(function() {$(function() {
var unread DMs = $('YYY');
var DMmenu = $('XXX');

  if(unreadDMs.length) {
   
    var checkExist = setInterval(function() {
  if (unreadDMs.text()) {
    var content_notif = unreadDMs.text().match(/\d+/g);
    DMmenu.html('Message ('+content_notif+')');
 
      clearInterval(checkExist);
  }
}, 100);
   
   
}});});


You then only need to replace:

• Code: var unread DMs = $('YYY');

  with the selector of the menu link when there are new messages
  

• Code: var DMmenu = $('XXX');

  with the selector of the menu link for private messages

It should do the trick
I don't know the forum version you need so I can't test it, sorry

Hello @SarkZKalie

Hello @Niko


new update





Picture after receiving a new message

new update:

This tutorial was written by @كونان2000,
(The codes were written by @كونان2000, and @Ange Tuteur code was used in this thread)

Wonderful, well done!

Hi guys, i was just asking an improvement, not for me hehe but you guys did it great

thank you @SarkZKalie ^^

thank you @Niko ^^