messages chat view

ci4/app/Config/Routes.php

@@ -775,6 +775,7 @@ $routes->group('chat', ['namespace' => 'App\Controllers\Chat'], function ($route
     $routes->post('direct/users/(:num)', 'ChatController::store_chat_direct_users/$1', ['as' => 'storeChatDirectUsers']);
     $routes->get('direct/messages/(:num)', 'ChatController::get_chat_direct_messages/$1', ['as' => 'getChatDirectMessages']);
     $routes->post('direct/messages/(:num)', 'ChatController::store_chat_direct_message/$1', ['as' => 'storeChatDirectMessages']);
+    $routes->post('direct/messages/unread/(:num)', 'ChatController::update_chat_direct_message_unread/$1', ['as' => 'updateChatDirectMessageUnread']);
 
 
     $routes->get('departments', 'ChatController::get_chat_departments', ['as' => 'getChatDepartments']);
@@ -794,6 +795,8 @@ $routes->group('chat', ['namespace' => 'App\Controllers\Chat'], function ($route
     $routes->get('contact/(:num)/messages', 'ChatController::get_chat_internal_messages/$1', ['as' => 'getChatInternalMessages']);
     $routes->get('notifications', 'ChatController::get_chat_cliente/$1', ['as' => 'getChatCliente']);
     $routes->get('users/internal', 'ChatController::get_chat_users_internal', ['as' => 'getChatUsersInternal']);
+    $routes->get('users/all', 'ChatController::get_chat_users_all', ['as' => 'getChatUsersAll']);
+
     $routes->post('hebra/presupuesto', 'ChatController::store_hebra_presupuesto', ['as' => 'storeHebraPresupuesto']);
     $routes->post('hebra/pedido', 'ChatController::store_hebra_pedido', ['as' => 'storeHebraPedido']);
     $routes->post('hebra/factura', 'ChatController::store_hebra_factura', ['as' => 'storeHebraFactura']);

ci4/app/Controllers/Chat/ChatController.php

@@ -49,8 +49,6 @@ class ChatController extends BaseController
         $this->clienteModel = model(ClienteModel::class);
         $this->chatUserModel = model(ChatUser::class);
         $this->chatNotificationModel = model(ChatNotification::class);
-
-
     }
     public function index() {}
     public function get_chat_departments()
@@ -89,7 +87,6 @@ class ChatController extends BaseController
             $data["messages"] = $this->chatMessageModel->get_chat_messages($chat->id);
             $this->chatMessageModel->set_chat_department_messages_as_read($chat->id);
             $data["count"] = count($data["messages"]);
-
         }
         $data["chat"] = $chat;
         return $this->response->setJSON($data);
@@ -111,13 +108,17 @@ class ChatController extends BaseController
         $data["chat"] = $chat;
         return $this->response->setJSON($data);
     }
-    public function get_chat_direct_view($chat_id){
+    public function get_chat_direct_view($chat_id)
+    {
         $chat = $this->chatModel->find($chat_id);
         $this->viewData['breadcrumb'] = [
             ['title' => lang("Chat.chat"), 'route' => route_to("mensajeriaView"), 'active' => false],
             ['title' => $chat->title, 'route' => 'javascript:void(0);', 'active' => true]
         ];
         $this->viewData["chatId"] = $chat_id;
+        $auth_user = auth()->user();
+        $this->chatModel->setAsViewedChatUserNotifications($chat_id, $auth_user->id);
+        $this->chatModel->setAsUnviewedChatUserMessages($chat_id, $auth_user->id);
 
         return view(static::$viewPath . 'messageChat', $this->viewData);
     }
@@ -141,6 +142,12 @@ class ChatController extends BaseController
         }
         $chat_message_id = $this->chatMessageModel->insert(["chat_id" => $chatId, "sender_id" => auth()->user()->id, "message" => $data["message"]]);
         $dataResponse = $this->chatMessageModel->find($chat_message_id);
+        $chatDepartmentUsers = $this->chatDeparmentModel->getChatDepartmentUsers($data["chat_department_id"]);
+        foreach ($chatDepartmentUsers as  $user) {
+            if($user->id != auth()->user()->id){
+                $this->chatNotificationModel->insert(["chat_message_id" => $chat_message_id,"user_id"=> $user->id]);
+            }
+        }
         return $this->response->setJSON($dataResponse);
     }
     public function store_chat_message_pedido()
@@ -156,6 +163,12 @@ class ChatController extends BaseController
         }
         $chat_message_id = $this->chatMessageModel->insert(["chat_id" => $chatId, "sender_id" => auth()->user()->id, "message" => $data["message"]]);
         $dataResponse = $this->chatMessageModel->find($chat_message_id);
+        $chatDepartmentUsers = $this->chatDeparmentModel->getChatDepartmentUsers($data["chat_department_id"]);
+        foreach ($chatDepartmentUsers as  $user) {
+            if($user->id != auth()->user()->id){
+                $this->chatNotificationModel->insert(["chat_message_id" => $chat_message_id,"user_id"=> $user->id]);
+            }
+        }
         return $this->response->setJSON($dataResponse);
     }
     public function store_chat_message_factura()
@@ -171,6 +184,12 @@ class ChatController extends BaseController
         }
         $chat_message_id = $this->chatMessageModel->insert(["chat_id" => $chatId, "sender_id" => auth()->user()->id, "message" => $data["message"]]);
         $dataResponse = $this->chatMessageModel->find($chat_message_id);
+        $chatDepartmentUsers = $this->chatDeparmentModel->getChatDepartmentUsers($data["chat_department_id"]);
+        foreach ($chatDepartmentUsers as  $user) {
+            if($user->id != auth()->user()->id){
+                $this->chatNotificationModel->insert(["chat_message_id" => $chat_message_id,"user_id"=> $user->id]);
+            }
+        }
         return $this->response->setJSON($dataResponse);
     }
     public function store_chat_message_single()
@@ -298,6 +317,25 @@ class ChatController extends BaseController
 
         return $this->response->setJSON($query->get()->getResultObject());
     }
+    public function get_chat_users_all()
+    {
+        $query = $this->userModel->builder()->select(
+            [
+                "id",
+                "CONCAT(first_name,' ',last_name,'(',username,')') as name"
+            ]
+        )
+            ->where("deleted_at", null)
+            ->whereNotIn("id", [auth()->user()->id]);
+        if ($this->request->getGet("q")) {
+            $query->groupStart()
+                ->orLike("users.username", $this->request->getGet("q"))
+                ->orLike("CONCAT(first_name,' ',last_name)", $this->request->getGet("q"))
+                ->groupEnd();
+        }
+
+        return $this->response->setJSON($query->get()->getResultObject());
+    }
     public function store_hebra_presupuesto()
     {
         $bodyData = $this->request->getPost();
@@ -315,7 +353,8 @@ class ChatController extends BaseController
             $this->chatUserModel->insertBatch($chatUserData);
             foreach ($bodyData["users"] as $userId) {
                 $this->chatNotificationModel->insert(
-                    ["chat_message_id" => $chatMessageId,"user_id" => $userId]);
+                    ["chat_message_id" => $chatMessageId, "user_id" => $userId]
+                );
             }
         }
         return $this->response->setJSON(["message" => "Hebra creada correctamente", "status" => true]);
@@ -339,7 +378,8 @@ class ChatController extends BaseController
             $this->chatUserModel->insertBatch($chatUserData);
             foreach ($bodyData["users"] as $userId) {
                 $this->chatNotificationModel->insert(
-                    ["chat_message_id" => $chatMessageId,"user_id" => $userId]);
+                    ["chat_message_id" => $chatMessageId, "user_id" => $userId]
+                );
             }
         }
         return $this->response->setJSON(["message" => "Hebra creada correctamente", "status" => true]);
@@ -362,11 +402,11 @@ class ChatController extends BaseController
             $this->chatUserModel->insertBatch($chatUserData);
             foreach ($bodyData["users"] as $userId) {
                 $this->chatNotificationModel->insert(
-                    ["chat_message_id" => $chatMessageId,"user_id" => $userId]);
+                    ["chat_message_id" => $chatMessageId, "user_id" => $userId]
+                );
             }
         }
         return $this->response->setJSON(["message" => "Hebra creada correctamente", "status" => true]);
-
     }
     public function update_hebra($chat_id)
     {
@@ -380,22 +420,24 @@ class ChatController extends BaseController
         $actualUsersArray = array_map(fn($x) => $x["user_id"], $actualUsers);
         foreach ($actualUsersArray as $key => $user_id) {
             $this->chatNotificationModel->insert(
-                ["chat_message_id" => $chatMessageId,"user_id" => $user_id]);
+                ["chat_message_id" => $chatMessageId, "user_id" => $user_id]
+            );
         }
         if (isset($bodyData["users"])) {
             foreach ($bodyData["users"] as $userId) {
                 if (in_array($userId, $actualUsersArray) == false) {
                     $chatUserData = ["user_id" => $userId, "chat_id" => $chat_id];
                     $this->chatUserModel->insert($chatUserData);
-
                 }
                 $this->chatNotificationModel->insert(
-                    ["chat_message_id" => $chatMessageId,"user_id" => $userId]);
+                    ["chat_message_id" => $chatMessageId, "user_id" => $userId]
+                );
             }
         }
         return $this->response->setJSON(["message" => "Hebra actualizada correctamente", "status" => true]);
     }
-    public function get_hebra_presupuesto($presupuesto_id){
+    public function get_hebra_presupuesto($presupuesto_id)
+    {
         $data = $this->chatModel->getPresupuestoHebras($presupuesto_id);
         $notifications = $this->chatModel->builder()->select([
             "chat_notifications.id"
@@ -410,7 +452,8 @@ class ChatController extends BaseController
         }
         return $this->response->setJSON($data);
     }
-    public function get_hebra_pedido($pedido_id){
+    public function get_hebra_pedido($pedido_id)
+    {
         $data = $this->chatModel->getPedidoHebras($pedido_id);
         $notifications = $this->chatModel->builder()->select([
             "chat_notifications.id"
@@ -425,7 +468,8 @@ class ChatController extends BaseController
         }
         return $this->response->setJSON($data);
     }
-    public function get_hebra_factura($factura_id){
+    public function get_hebra_factura($factura_id)
+    {
         $data = $this->chatModel->getFacturaHebras($factura_id);
         $notifications = $this->chatModel->builder()->select([
             "chat_notifications.id"
@@ -443,8 +487,8 @@ class ChatController extends BaseController
 
     public function datatable_messages()
     {
-        $query = $this->chatModel->getQueryDatatable();
         $auth_user_id = auth()->user()->id;
+        $query = $this->chatModel->getQueryDatatable($auth_user_id);
         return DataTable::of($query)
             ->edit('created_at', fn($q) => Time::createFromFormat('Y-m-d H:i:s', $q->created_at)->format("d/m/Y H:i"))
             ->edit('updated_at', fn($q) => Time::createFromFormat('Y-m-d H:i:s', $q->updated_at)->format("d/m/Y H:i"))
@@ -471,13 +515,14 @@ class ChatController extends BaseController
         }
         $this->chatModel->createNewDirectChat(...$bodyData);
         return $this->response->setJSON(["message" => lang("Chat.new_message_ok"), "status" => true]);
-
     }
-    public function get_chat_direct($chat_id){
+    public function get_chat_direct($chat_id)
+    {
         $chatData = $this->chatModel->getChatDirect($chat_id);
         return $this->response->setJSON($chatData);
     }
-    public function get_chat_direct_select_users($chat_id){
+    public function get_chat_direct_select_users($chat_id)
+    {
         $chat_users_id = $this->chatUserModel->getChatUserArrayId($chat_id);
 
         $query = $this->userModel->builder()->select(
@@ -485,7 +530,7 @@ class ChatController extends BaseController
                 "id",
                 "CONCAT(first_name,' ',last_name,'(',username,')') as name"
             ]
-        )->where("cliente_id", null)
+        )
             ->where("deleted_at", null)
             ->whereNotIn("id", $chat_users_id);
         if ($this->request->getGet("q")) {
@@ -497,19 +542,37 @@ class ChatController extends BaseController
 
         return $this->response->setJSON($query->get()->getResultObject());
     }
-    public function store_chat_direct_users($chat_id){
+    public function store_chat_direct_users($chat_id)
+    {
         $bodyData = $this->request->getPost();
-        $chat_users = array_map(fn($q) => ["chat_id" => $chat_id,"user_id" => $q],$bodyData["users"]);
+        $chat_users = [];
+        foreach ($bodyData["users"] as $user_id) {
+            $chat_users[] = ["chat_id" => $chat_id, "user_id" => $user_id];
+            if ($bodyData["notification"]) {
+                $this->chatModel->createNotificationsToNewChatUser($chat_id, $user_id);
+            }
+        }
         $this->chatUserModel->insertBatch($chat_users);
         return $this->response->setJSON(["message" => "ok", "status" => true]);
     }
-    public function store_chat_direct_message(int $chat_id){
+    public function store_chat_direct_message(int $chat_id)
+    {
         $bodyData = $this->request->getPost();
-        $bodyData["sender_id"] = auth()->user()->id;
+        $auth_user = auth()->user();
+        $bodyData["sender_id"] =  $auth_user->id;
         $chat_message_id = $this->chatMessageModel->insert($bodyData);
+        $users_id = $this->chatUserModel->getChatUserArrayId($chat_id);
+        foreach ($users_id as $user_id) {
+            if ($user_id != $auth_user->id) {
+                $this->chatNotificationModel->insert(["chat_message_id" => $chat_message_id, "user_id" => $user_id]);
+            }
+        };
         $message = $this->chatMessageModel->get_chat_message($chat_message_id);
         return $this->response->setJSON($message);
-
+    }
+    public function update_chat_direct_message_unread($chat_id){
+        $this->chatModel->setAsUnviewedChatUserNotifications($chat_id,auth()->user()->id);
+        return $this->response->setJSON(["message" => "ok", "status" => true]);
+    }
 
 }
-}

ci4/app/Language/es/Chat.php

@@ -21,6 +21,10 @@ return [
     ],
     "new_message_ok" => "Mensaje enviado correctamente",
     "participants" => "Participantes",
-    "write_message_placeholder" => "Escriba aquí su mensaje..."
+    "new_participant" => "Añadir nuevos participantes",
+    "write_message_placeholder" => "Escriba aquí su mensaje...",
+    "add_notification" => "Notificación",
+    "check_as_unviewed" => "Marcar como no leídos",
+    "add_notification_message" => "Envía a los usuarios añadidos una notificación con los mensajes presentes en el chat."
 
 ];

ci4/app/Models/Chat/ChatModel.php

@@ -322,7 +322,7 @@ class ChatModel extends Model
             ->where("chat_department_users.user_id", auth()->user()->id);
         $rows = $q->get()->getResultObject();
 
-        
+        $auth_user = auth()->user();
         foreach ($rows as $row) {
             $messages = $chatMessageModel->get_chat_messages($row->chatId);
             $count = 0;
@@ -334,20 +334,22 @@ class ChatModel extends Model
             }
             if ($row->presupuestoId) {
                 $row->model = $presupuestoModel->find($row->presupuestoId);
+                if($auth_user->cliente_id){
+                    $row->uri = "/presupuestocliente/edit/" . $row->presupuestoId;
+                }else{
                     $row->uri = "/presupuestoadmin/edit/" . $row->presupuestoId;
+
+                }
                 $row->title = $row->presupuestoId;
                 $row->avatar = "PRE";
                 $row->unreadMessages = $count;
-            }
+            } elseif ($row->pedidoId) {
-            elseif($row->pedidoId){
                 $row->model = $pedidoModel->find($row->pedidoId);
                 $row->uri = "/pedidos/edit/" . $row->pedidoId;
                 $row->title = $row->pedidoId;
                 $row->avatar = "P";
                 $row->unreadMessages = $count;
-
+            } elseif ($row->facturaId) {
-            }
-            elseif($row->facturaId){
                 $row->model = $facturaModel->find($row->facturaId);
                 $row->uri = "/facturas/edit/" . $row->facturaId;
                 $row->avatar = "F";
@@ -356,7 +358,6 @@ class ChatModel extends Model
             }
         }
         return $rows;
-
     }
     public function getChatInternalNotifications()
     {
@@ -378,29 +379,32 @@ class ChatModel extends Model
             ->join("chat_notifications", "chat_notifications.chat_message_id = chat_messages.id", "left")
             ->where("chat_notifications.user_id", auth()->user()->id)
             ->where("chat_notifications.viewed", false);
+        $auth_user = auth()->user();
         $rows = $q->get()->getResultObject();
         $rows_new = [];
         foreach ($rows as $row) {
             $row->unreadMessages = 0;
             if ($row->presupuestoId) {
                 $row->model = $presupuestoModel->find($row->presupuestoId);
+                if($auth_user->cliente_id){
+                    $row->uri = "/presupuestocliente/edit/" . $row->presupuestoId;
+                }else{
                     $row->uri = "/presupuestoadmin/edit/" . $row->presupuestoId;
+
+                }
                 $row->title = $row->presupuestoId;
+                $row->chatDisplay = $row->model->titulo;
                 $row->avatar = "PRE";
                 $row->unreadMessages = $this->countUnreadMessagePresupuesto($row->presupuestoId);
                 $rows_new[] = $row;
-            }
+            } elseif ($row->pedidoId) {
-            elseif($row->pedidoId){
                 $row->model = $pedidoModel->find($row->pedidoId);
                 $row->uri = "/pedidos/edit/" . $row->pedidoId;
                 $row->title = $row->pedidoId;
                 $row->avatar = "P";
                 $row->unreadMessages = $this->countUnreadMessagePedido($row->pedidoId);
                 $rows_new[] = $row;
-
+            } elseif ($row->facturaId) {
-
-            }
-            elseif($row->facturaId){
                 $row->model = $facturaModel->find($row->facturaId);
                 $row->uri = "/facturas/edit/" . $row->facturaId;
                 $row->avatar = "F";
@@ -411,7 +415,8 @@ class ChatModel extends Model
         }
         return $rows_new;
     }
-    public function getChatDirectMessageNotifications(){
+    public function getChatDirectMessageNotifications()
+    {
         $chatMessageModel = model(ChatMessageModel::class);
         $chatNotificationModel = model(ChatNotification::class);
 
@@ -434,10 +439,10 @@ class ChatModel extends Model
         foreach ($rows as $row) {
             if ($row->chatId) {
                 $row->model = [];
-                $row->uri = "/mensajes/internos";
+                $row->uri = "/chat/direct/".$row->chatId;
                 $row->avatar = "MD";
                 $row->title = "MD";
-                $row->chatDisplay = $this->getSenderIdFromChatMessage($row->chatId)?->username ?? "Unknown";
+                // $row->chatDisplay = $this->getSenderIdFromChatMessage($row->chatId)?->username ?? "Unknown";
                 $rows_new[] = $row;
             }
         }
@@ -464,7 +469,8 @@ class ChatModel extends Model
         $data["users"] = $this->getChatUsers($chat_id);
         return $data;
     }
-    public function getChatInternalHebraPedido($chat_id,$pedido_id){
+    public function getChatInternalHebraPedido($chat_id, $pedido_id)
+    {
         $data = [];
         $query =  $this->builder()->select([
             "chats.id as chatId",
@@ -483,7 +489,8 @@ class ChatModel extends Model
         $data["users"] = $this->getChatUsers($chat_id);
         return $data;
     }
-    public function getChatInternalHebraFactura($chat_id,$factura_id){
+    public function getChatInternalHebraFactura($chat_id, $factura_id)
+    {
         $data = [];
         $query =  $this->builder()->select([
             "chats.id as chatId",
@@ -610,7 +617,6 @@ class ChatModel extends Model
             ->where("chat_messages.receiver_id", $user_id);
 
         return $q->get()->getResultObject();
-        
     }
     public function getChatDepartmentMessagesCount(int $chat_id, int $chat_department_id): int
     {
@@ -622,11 +628,11 @@ class ChatModel extends Model
             ->where("chats.id", $chat_id)
             ->countAllResults();
         return $q;
-
     }
     public function getChatFirstUser(int $chat_id): object
     {
-        $q = $this->builder()->select(["users.id",
+        $q = $this->builder()->select([
+            "users.id",
             "CONCAT(users.first_name,' ',users.last_name) as userFullName",
         ])
             ->join("chat_messages", "chat_messages.chat_id = chats.id", 'left')
@@ -660,7 +666,7 @@ class ChatModel extends Model
         return $result;
     }
 
-    public function getQueryDatatable(): BaseBuilder
+    public function getQueryDatatable(int $user_id): BaseBuilder
     {
         $query = $this->builder()
             ->select([
@@ -669,11 +675,13 @@ class ChatModel extends Model
                 "chats.updated_at",
                 "chats.title",
             ])
+            ->join("chat_users","chat_users.chat_id = chats.id","left")
             ->where("chat_department_id", null)
             ->where("pedido_id", null)
             ->where("presupuesto_id", null)
             ->where("factura_id", null)
             ->where("title is NOT NULL", NULL, FALSE)
+            ->where("chat_users.user_id",$user_id)
             ->orderBy("created_at", "DESC");
         return $query;
     }
@@ -711,6 +719,7 @@ class ChatModel extends Model
     {
         $auth_user = auth()->user()->id;
         $chat = $this->find($chat_id);
+        $chatNotificationModel = model(ChatNotification::class);
         $query = $this->builder()->select([
             "users.*",
         ])
@@ -731,6 +740,7 @@ class ChatModel extends Model
         $messages = $query->get()->getResultObject();
         $validatedMessages = [];
         foreach ($messages as $key => $message) {
+            $message->viewed = $chatNotificationModel->isChatMessageViewed($message->id);
             if ($auth_user == $message->sender_id) {
                 $message->pos = 'right';
                 $validatedMessages[] = $message;
@@ -746,4 +756,63 @@ class ChatModel extends Model
         ];
         return $data;
     }
+    public function setAsViewedChatUserNotifications(int $chat_id, int $user_id)
+    {
+        $query = $this->builder()
+            ->select("chat_messages.id")
+            ->join('chat_messages', 'chat_messages.chat_id = chats.id', 'left')
+            ->where('chat_messages.chat_id', $chat_id)
+            ->get()->getResultObject();
+        $chat_messages_ids = array_map(fn($q) => $q->id, $query);
+
+        $this->db->table("chat_notifications")
+            ->where("user_id", $user_id)
+            ->whereIn("chat_message_id", $chat_messages_ids)
+            ->update(["viewed" => true]);
+
+    }
+    public function setAsViewedChatUserMessages(int $chat_id, int $user_id)
+    {
+        $this->db->table("chat_messages")
+            ->where('chat_id', $chat_id)
+            ->where('sender_id !=', $user_id)
+            ->update(["viewed" => true]);
+
+    }
+    public function setAsUnviewedChatUserNotifications(int $chat_id, int $user_id)
+    {
+        $query = $this->builder()
+            ->select("chat_messages.id")
+            ->join('chat_messages', 'chat_messages.chat_id = chats.id', 'left')
+            ->where('chat_messages.chat_id', $chat_id)
+            ->get()->getResultObject();
+        $chat_messages_ids = array_map(fn($q) => $q->id, $query);
+
+        $this->db->table("chat_notifications")
+            ->where("user_id", $user_id)
+            ->whereIn("chat_message_id", $chat_messages_ids)
+            ->update(["viewed" => false]);
+    }
+
+    public function setAsUnviewedChatUserMessages(int $chat_id, int $user_id)
+    {
+        $this->db->table("chat_messages")
+            ->where('chat_id', $chat_id)
+            ->where('sender_id !=', $user_id)
+            ->update(["viewed" => false]);
+
+    }
+    public function createNotificationsToNewChatUser($chat_id,$user_id)
+    {
+        $query = $this->builder()
+            ->select("chat_messages.id")
+            ->join('chat_messages', 'chat_messages.chat_id = chats.id', 'left')
+            ->where('chat_messages.chat_id', $chat_id)
+            ->get()->getResultObject();
+        $chat_notifications = array_map(fn($q) => ["chat_message_id" => $q->id,"user_id" => $user_id], $query);
+        $chatNotificationModel = model(ChatNotification::class);
+        $chatNotificationModel->insertBatch($chat_notifications);
+
+
+    }
 }

ci4/app/Models/ChatNotification.php

@@ -48,4 +48,15 @@ class ChatNotification extends Model
     protected $beforeDelete   = [];
     protected $afterDelete    = [];
 
+    public function isChatMessageViewed(int $chat_message_id) : bool
+    {
+        $status = false;
+        $count = $this->where("chat_message_id",$chat_message_id)->where("viewed",false)->countAllResults();
+        if($count>0){
+            $status = false;
+        }else{
+            $status = true;
+        }
+        return $status;
+    }
 }

ci4/app/Models/ChatUser.php

@@ -10,7 +10,7 @@ class ChatUser extends Model
     protected $primaryKey       = 'id';
     protected $useAutoIncrement = true;
     protected $returnType       = 'array';
-    protected $useSoftDeletes   = false;
+    protected $useSoftDeletes   = true;
     protected $protectFields    = true;
     protected $allowedFields    = [
         "user_id",
@@ -24,7 +24,7 @@ class ChatUser extends Model
     protected array $castHandlers = [];
 
     // Dates
-    protected $useTimestamps = false;
+    protected $useTimestamps = true;
     protected $dateFormat    = 'datetime';
     protected $createdField  = 'created_at';
     protected $updatedField  = 'updated_at';

ci4/app/Views/themes/vuexy/components/chat_direct.php

@@ -1,4 +1,4 @@
-<div class="container-xxl flex-grow-1 container-p-y" id="chat-direct-message" data-id="<?= $modelId ?>">
+<div class="col-md-12" id="chat-direct-message" data-id="<?= $modelId ?>" data-user-id="<?= $userId ?>">
     <div class="app-chat card overflow-hidden">
 
         <div class="row g-0">
@@ -11,9 +11,11 @@
                 <div class="sidebar-header">
 
                     <div class="d-flex align-items-center me-3 me-lg-0">
+                        <?php if (auth()->user()->inGroup('admin')) { ?>
                             <div class="flex-shrink-0 avatar me-3">
-                            <button class="btn btn-primary btn-icon me-2" id="btn-chat-add-participant"><span class="ti ti-md ti-plus"></span></button>
+                                <button title="<?= lang("Chat.new_participant") ?>" class="btn btn-primary btn-icon me-2 rounded-circle" id="btn-chat-add-participant"><span class="ti ti-sm ti-user-plus"></span></button>
                             </div>
+                        <?php } ?>
 
                         <div class="flex-grow-1 input-group input-group-merge rounded-pill">
                             <span class="input-group-text" id="basic-addon-search31">
@@ -79,7 +81,7 @@
                                     <small class="user-status text-muted"></small>
                                 </div>
                             </div>
-                            <!-- <div class="d-flex align-items-center">
+                            <div class="d-flex align-items-center">
                                 <div class="dropdown d-flex align-self-center">
                                     <button class="btn p-0" type="button" id="chat-header-actions"
                                         data-bs-toggle="dropdown" aria-haspopup="true"
@@ -88,13 +90,10 @@
                                     </button>
                                     <div class="dropdown-menu dropdown-menu-end"
                                         aria-labelledby="chat-header-actions">
-                                        <a class="dropdown-item" href="javascript:void(0);">Silenciar
+                                        <a class="dropdown-item" id="update-message-unviewed" href="javascript:void(0);"><?= lang("Chat.check_as_unviewed") ?></a>
-                                            Conversacion</a>
+                                    </div>
-                                        <a class="dropdown-item" href="javascript:void(0);">Limpiar
-                                            Conversacion</a>
                                 </div>
                             </div>
-                            </div> -->
                         </div>
                     </div>
                     <div class="chat-history-body bg-body ">

ci4/app/Views/themes/vuexy/components/chat_factura.php

@@ -1,4 +1,4 @@
-<div class="container-xxl flex-grow-1 container-p-y" id="chat-factura" data-id="<?= $modelId ?>">
+<div class="col-md-12" id="chat-factura" data-id="<?= $modelId ?>">
     <div class="app-chat card overflow-hidden">
         <div class="row g-0">
 
@@ -30,6 +30,15 @@
                     </div>
                     <!-- Chats -->
                     <ul class="list-unstyled chat-contact-list" id="chat-list">
+                    <div class="d-flex justify-content-center chat-loader">
+                            <div class="sk-wave sk-primary ">
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                            </div>
+                        </div>
                         <li class="chat-contact-list-item chat-list-item-0 d-none">
                             <h6 class="text-muted mb-0">No Chats Found</h6>
                         </li>
@@ -76,6 +85,15 @@
                         </div>
                     </div>
                     <div class="chat-history-body bg-body ">
+                    <div class="d-flex justify-content-center chat-loader">
+                            <div class="sk-wave sk-primary ">
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                            </div>
+                        </div>
                         <ul class="list-unstyled chat-history" id="chat-conversation">
 
 
@@ -112,6 +130,7 @@
 </div>
 
 <?= $this->section('css') ?>
+<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/spinkit/spinkit.css') ?>" />
 <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
 <?= $this->endSection() ?>
 <!------------------------------------------------------->

ci4/app/Views/themes/vuexy/components/chat_general.php

@@ -137,6 +137,7 @@
         </div>
     </div>
     <?= $this->section('css') ?>
+<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/spinkit/spinkit.css') ?>" />
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
     <?= $this->endSection() ?>
     <!------------------------------------------------------->

ci4/app/Views/themes/vuexy/components/chat_pedido.php

@@ -1,4 +1,4 @@
-<div class="container-xxl flex-grow-1 container-p-y" id="chat-pedido" data-id="<?= $modelId ?>">
+<div class="col-md-12" id="chat-pedido" data-id="<?= $modelId ?>">
 
     <div class="app-chat card overflow-hidden">
         <div class="row g-0">
@@ -31,6 +31,7 @@
                     </div>
                     <!-- Chats -->
                     <ul class="list-unstyled chat-contact-list" id="chat-list">
+    
                         <li class="chat-contact-list-item chat-list-item-0 d-none">
                             <h6 class="text-muted mb-0">No Chats Found</h6>
                         </li>
@@ -76,6 +77,15 @@
                         </div>
                     </div>
                     <div class="chat-history-body bg-body ">
+                    <div class="d-flex justify-content-center chat-loader">
+                            <div class="sk-wave sk-primary ">
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                            </div>
+                        </div>
                         <ul class="list-unstyled chat-history" id="chat-conversation">
 
 
@@ -113,6 +123,7 @@
 
 
 <?= $this->section('css') ?>
+<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/spinkit/spinkit.css') ?>" />
 <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
 <?= $this->endSection() ?>
 <!------------------------------------------------------->

ci4/app/Views/themes/vuexy/components/chat_presupuesto.php

@@ -1,4 +1,4 @@
-<div id="chat-presupuesto" data-id="<?= $modelId ?>">
+<div class="col-md-12" id="chat-presupuesto" data-id="<?= $modelId ?>">
     <div class="app-chat card overflow-hidden">
         <div class="row g-0">
 
@@ -30,6 +30,15 @@
                     </div>
                     <!-- Chats -->
                     <ul class="list-unstyled chat-contact-list" id="chat-list">
+                        <div class="d-flex justify-content-center chat-loader">
+                            <div class="sk-wave sk-primary ">
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                            </div>
+                        </div>
                         <li class="chat-contact-list-item chat-list-item-0 d-none">
                             <h6 class="text-muted mb-0">No Chats Found</h6>
                         </li>
@@ -76,9 +85,17 @@
                         </div>
                     </div>
                     <div class="chat-history-body bg-body ">
+                        <div class="d-flex justify-content-center chat-loader">
+                            <div class="sk-wave sk-primary ">
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                                <div class="sk-wave-rect"></div>
+                            </div>
+                        </div>
                         <ul class="list-unstyled chat-history" id="chat-conversation">
 
-
                         </ul>
                     </div>
                     <!-- Chat message form -->
@@ -112,6 +129,7 @@
 </div>
 
 <?= $this->section('css') ?>
+<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/spinkit/spinkit.css') ?>" />
 <link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/css/pages/app-chat.css') ?>">
 <?= $this->endSection() ?>
 <!------------------------------------------------------->

ci4/app/Views/themes/vuexy/components/modals/modalAddNewChatParticipant.php

@@ -13,13 +13,24 @@
                 <form id="formNewParticipant">
                     <div class="form-group">
                         <div class="row">
-                            <div class="col-12 mb-0">
+                            <div class="col-12 mb-2">
                                 <label for="select-users" class="required form-label"><?= lang('Chat.modal.new_receivers') ?></label>
                                 <select id="select-users" name="users" class="select2 form-control" multiple required>
                                 </select>
                             </div>
+                            <div class="col-12 mb-2">
+                                <div class="text-light small fw-medium mb-2"><?= lang("Chat.add_notification") ?></div>
+                                <label class="switch">
+                                    <input type="checkbox" class="switch-input" name="notification" id="checkbox-notification-chat" checked />
+                                    <span class="switch-toggle-slider">
+                                        <span class="switch-on"></span>
+                                        <span class="switch-off"></span>
+                                    </span>
+                                    <span class="switch-label"><?= lang("Chat.add_notification_message") ?></span>
+                                </label>
                             </div>
                         </div>
+
                 </form>
             </div>
             <div class="modal-footer">

ci4/app/Views/themes/vuexy/form/mensajes/messageChat.php

@@ -7,7 +7,7 @@
 <?= $this->section('content'); ?>
 <!--Content Body-->
 <div class="row">
-<?= view("themes/vuexy/components/chat_direct",["modelId" => $chatId]) ?>
+<?= view("themes/vuexy/components/chat_direct",["modelId" => $chatId,"userId" => auth()->user()->id]) ?>
 </div>
 
 

httpdocs/assets/js/safekat/components/chat.js

@@ -75,9 +75,12 @@ class Chat {
             id: '0',
             text: "Seleccione un usuario"
         }
+        this.btnUpdateMessagesUnviewed = this.domItem.find("#update-message-unviewed")
         this.btnDirectMessageSubmit = this.domItem.find("#send-msg-btn-direct")
         this.btnDirectMessageSubmit.on("click", this._handleStoreChatDirectMessage.bind(this))
         this.selectParticipants = new ClassSelect(this.modalNewParticipant.item.find("#select-users"), `/chat/direct/users/select/${this.modelId}`, this.selectPlaceholder, true)
+        this.authUserId = this.domItem.data("user-id")
+        this.checkboxNotificationMessage = this.modalNewParticipant.item.find("#checkbox-notification-chat")
 
         this.btnAddParticipant = this.domItem.find("#btn-chat-add-participant")
         this.btnAddParticipantSubmit = this.domItem.find("#btn-chat-add-participant-submit")
@@ -86,15 +89,17 @@ class Chat {
             this.selectParticipants.init()
             this.modalNewParticipant.toggle()
         })
+  
         this.selectParticipants.item.on("change", () => {
-            console.log(this.selectParticipants.getVal())
             if (this.selectParticipants.getVal().length > 0) {
                 this.btnAddParticipantSubmit.removeClass("d-none")
             } else {
                 this.btnAddParticipantSubmit.addClass("d-none")
             }
         })
+        this.btnUpdateMessagesUnviewed.on("click",this._handleUpdateChatMessagesUnread.bind(this))
         this._handleGetChatDirect()
+        setInterval(this._handleReloadChatDirectMessages.bind(this),10000)
     }
     initGeneral() {
         this.chatType = "general"
@@ -156,6 +161,7 @@ class Chat {
      *               PRESUPUESTOS
      *=============================================**/
     _handleGetChatList(event) {
+        this.domItem.find(".chat-loader").removeClass("d-none")
         let ajax = new Ajax(
             "/chat/departments",
             null,
@@ -168,6 +174,7 @@ class Chat {
         ajax.get();
     }
     _handleGetChatListSuccess(data) {
+        this.domItem.find(".chat-loader").addClass("d-none")
         Object.values(data).map(row => {
             this.chatList.append(this._getContact(row))
             this.chatDeparmentId = row.id
@@ -175,6 +182,7 @@ class Chat {
             this.chatList.find(`#chat_${row.name}`).on("click", (event) => {
                 $(".chat-contact-list-item").removeClass("active")
                 $(event.currentTarget).parent().addClass("active")
+                this.chatHistoryBody.empty()
                 this.chatDeparmentId = this.chatList.find(`#chat_${row.name}`).data("id")
                 this.domItem.find(".chat-history-header div.chat-contact-info h6").text(row.display)
                 this.domItem.find(".chat-history-header div.chat-contact-info small.user-status").text(row.display)
@@ -244,7 +252,7 @@ class Chat {
                                 ${row.display}
                             </p>
                         </div>
-                    <span class="badge badge-center rounded-pill bg-danger messages-unread-contact">${row.totalMessages ?? 0}</span>
+                    <span class="badge badge-center rounded-pill bg-secondary messages-unread-contact">${row.totalMessages ?? 0}</span>
                     </a>
                 </li>
         `
@@ -282,6 +290,8 @@ class Chat {
     _getChatDepartmentMessageCountError() { }
 
     _getChatMessage() {
+        
+        this.domItem.find(".chat-loader").removeClass("d-none")
         let ajax = new Ajax(
             `/chat/department/${this.chatType}/${this.chatDeparmentId}/${this.modelId}`,
             null,
@@ -294,6 +304,7 @@ class Chat {
         ajax.get();
     }
     _getChatMessageSuccess(data) {
+        this.domItem.find(".chat-loader").addClass("d-none")
         this.chatHistory.empty()
         this._setBtnDeparment()
         if (data.messages) {
@@ -315,8 +326,8 @@ class Chat {
                 <div class="chat-message-text">
                     <p class="mb-0">${chatMessage?.message}</p>
                 </div>
-                <div class="text-end text-muted mt-1">
+                <div class="text-${chatMessage?.pos == "left" ? "start" : "end"} text-muted mt-1">
-                    <div class="text-start text-muted mt-1">
+                    <div class="text-${chatMessage?.pos == "left" ? "start" : "end"} text-muted mt-1">
                         <i class="ti me-1"></i>
                         <small>${chatMessage?.user?.first_name + " " + chatMessage?.user?.last_name}</small>
                     </div>
@@ -337,7 +348,6 @@ class Chat {
         return chatItem
     }
     _addChatDirectMessages(chatMessage) {
-        console.log(chatMessage)
         let chatItem = `
     <li class="chat-message chat-message-${chatMessage.pos}">
         <div class="d-flex overflow-hidden">
@@ -346,8 +356,8 @@ class Chat {
                 <div class="chat-message-text">
                     <p class="mb-0">${chatMessage?.message}</p>
                 </div>
-                <div class="text-end text-muted mt-1">
+                <div class="text-${chatMessage?.pos == "left" ? "start" : "end"} text-muted mt-1">
-                    <div class="text-start text-muted mt-1">
+                    <div class="text-${chatMessage?.pos == "left" ? "start" : "end"} text-muted mt-1">
                         <i class="ti me-1"></i>
                         <small>${chatMessage?.sender_first_name + " " + chatMessage?.sender_last_name}</small>
                     </div>
@@ -549,7 +559,7 @@ class Chat {
                     </p>
                 </div>
                 ${contact.unreadMessages ? `<span
-                    class="badge badge-center rounded-pill bg-danger messages-unread-contact">${contact.unreadMessages}</span>` : ""}
+                    class="badge badge-center rounded-pill bg-secondary messages-unread-contact">${contact.unreadMessages}</span>` : ""}
             </a>
         </li>
         `
@@ -559,11 +569,10 @@ class Chat {
         }
     }
     _addParticipantToList(contact) {
-
         let contactItem =
             `
-        <li class="chat-contact-list-item">
+        <li class="chat-contact-list-item ${this.authUserId == contact.id ? "active" : ""}">
-            <a class="d-flex align-items-center contact-chat" data-id="${contact.id}"
+            <div class="d-flex align-items-center contact-chat" data-id="${contact.id}"
                 id="chat-contact-list-item-${contact.id}">
                 <div class="avatar d-block flex-shrink-0">
                     <span class="avatar-initial rounded-circle bg-label-primary">
@@ -578,7 +587,7 @@ class Chat {
                     ${contact?.cliente_id ? "[CLIENTE]" : ""}${contact.username}
                     </p>
                 </div>
-            </a>
+            </div>
         </li>
         `
 
@@ -587,7 +596,6 @@ class Chat {
         }
     }
     _handleGetChatDirect() {
-
         const ajax = new Ajax(
             `/chat/${this.chatType}/conversation/${this.modelId}`,
             null,
@@ -597,10 +605,11 @@ class Chat {
         )
         ajax.get()
     }
+
     _handleGetChatDirectSuccess(response) {
         const { chat, users, messages } = response
         if (users.length > 0) {
-            users.map(c => this._addContactToList(c))
+            users.map(c => this._addParticipantToList(c))
         }
         if (messages.length > 0) {
             messages.map(m => this._addChatDirectMessages(m))
@@ -609,9 +618,29 @@ class Chat {
         this.domItem.find(".chat-loader").addClass("d-none")
     }
     _handleGetChatDirectError(error) { }
+    _handleReloadChatDirectMessages() {
+        const ajax = new Ajax(
+            `/chat/${this.chatType}/conversation/${this.modelId}`,
+            null,
+            null,
+            this._handleReloadChatDirectMessagesSuccess.bind(this),
+            this._handleReloadChatDirectMessagesError.bind(this)
+        )
+        ajax.get()
+    }
+    _handleReloadChatDirectMessagesSuccess(response) {
+        const { chat, users, messages } = response
+        this.chatHistory.empty()
 
+        if (messages.length > 0) {
+            messages.map(m => this._addChatDirectMessages(m))
+        }
+        this.domItem.find("#chat-direct-title").text(chat.title)
+        this.domItem.find(".chat-loader").addClass("d-none")
+    }
+    _handleReloadChatDirectMessagesError(error) { }
     _handleStoreChatDirectUsers() {
-        const data = { "users": this.selectParticipants.getVal() }
+        const data = { "users": this.selectParticipants.getVal() ,"notification" : this.checkboxNotificationMessage.prop("checked")}
         this.domItem.find(".chat-loader").removeClass("d-none")
 
         const ajax = new Ajax(
@@ -648,12 +677,34 @@ class Chat {
         }
     }
     _handleStoreChatDirectMessageSuccess(response) {
+        try {
             let message = response
             this._addChatDirectMessages(message)
             this.messageInput.val("")
+        } catch (error) {
+            
+        } finally {
+            this.scrollbarChatHistory.update()
+            this.chatHistoryBody[0].scrollTop = this.scrollbarChatHistory.containerHeight
+        }
+
     }
     _handleStoreChatDirectMessageError(error) { }
 
+    _handleUpdateChatMessagesUnread() {
+        const ajax = new Ajax(
+            `/chat/${this.chatType}/messages/unread/${this.modelId}`,
+            null,
+            null,
+            this._handleUpdateChatMessagesUnreadSuccess.bind(this),
+            this._handleUpdateChatMessagesUnreadError.bind(this)
+        )
+        ajax.post()
+    }
+    _handleUpdateChatMessagesUnreadSuccess(){
+        this._handleReloadChatDirectMessages();
+    }
+    _handleUpdateChatMessagesUnreadError(){}
 
 
 
@@ -693,7 +744,7 @@ export const showNotificationMessages = (dom) => {
                             <div class="chat-contact-info flex-grow-1 ms-2">
                                 <h6 class="chat-contact-name text-truncate m-0">[${e.title}] ${e.chatDisplay}</h6>
                             </div>
-                            <span class="badge badge-center rounded-pill bg-primary p-1">${numberOfMessages}</span>
+                            <span class="badge badge-center rounded-pill bg-primary p-1 m-2">${numberOfMessages}</span>
                         </a>
                     </li>
                                 `

httpdocs/assets/js/safekat/pages/chatNotification.js

@@ -1,6 +1,10 @@
 import {showNotificationMessages} from "../components/chat.js";
 
 showNotificationMessages($("#chat-notification-list"))
+
+setInterval(() => {
+    showNotificationMessages($("#chat-notification-list"))
+},10000)
 $("#message-notification-dropdown").on("click",(e) => {
     showNotificationMessages($("#chat-notification-list"))
 })

httpdocs/assets/js/safekat/pages/configuracion/messages/messagePage.js

@@ -16,7 +16,7 @@ class MessagePage {
             id: '0',
             text: "Seleccione un usuario"
         }
-        this.selectMessageUsers = new ClassSelect(this.selectUsers, '/chat/users/internal', this.selectPlaceholder, true)
+        this.selectMessageUsers = new ClassSelect(this.selectUsers, '/chat/users/all', this.selectPlaceholder, true)
 
     }
     init() {
@@ -52,6 +52,7 @@ class MessagePage {
         this.alert.setHeadingTitle(response.message)
         this.alert.show()
         this.hideForm()
+        this.messageDatatable.datatable.ajax.reload()
     }
     handleSubmitNewMessageError(response) {
         const error = response.responseJSON