Chat with warning notification in Lockable

Question

I’m developing a chat with Laravel, and follow this tutorial. The chat is working fine, but wanted to know how to appear a notification of this type:

When a message is sent to a user and has not read it yet.

Can someone help me?

Answer 1

In your Migration "messages", add:

 $table->timestamp('read_at')->nullable();

With this field, you can know the messages that have already been read and the messages that have not been read.

Now, all you have to do is search for unread messages like this:

$mensagemsNaoLidas = App\Message::where('user_id', $user_id)->whereNull('read_at')->get();

And return to your view the values, like this:

return view('suaview', $mensagensNaoLidas);

With this, you pass to your view these unread messages and format according to the photo in this way:

a.notif {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  background: url(...url para o icone...);
  background-size: contain;
  text-decoration: none;
}
.num {
  position: absolute;
  right: 11px;
  top: 6px;
  color: #fff;
}

<a href="" class="notif">
<span class="num">
<?php
     echo count($mensagensNaoLidas);
?>
</span></a>

That way, it displays as per the image, and then you decide how you want the code to decide when it read a message.