Olá, Estou a desenvolver um aplicativo de mensagens(chat) e praticamente está concluído e funcionando.
Acontece que as mensagens estão todas alinhadas da esquerda para direita, independente do usuário da mensagem.
Exemplo:
Usuario 1 Mensagem
Usuario 2 Mensagem
Usuario 1 Mensagem
Usuario 2 Mensagem
Pretendo alterar isto e posicionar a mensagem do usuario 1 a esquerda e posicionar a mensagem do usuario 2 a direita. (estilo WhastApp).
Usuario 1 Mensagem
Mensagem
Usuario 2
Usuario 1 Mensagem
Mensagem
Usuario 2
Abaixo está o código de como estou recuperando a mensagem.
<?php
$this->db->select('tickets_historico.*,usuarios.nome_usuario');
$this->db->join('usuarios','usuarios.id = tickets_historico.usuario_id', 'left');
$this->db->where('ticket_id = 1');
$this->db->order_by('dt_cadastro','desc');
$historico = $this->db->get('tickets_historico')->result_array()
?>
Abaixo está o código de como estou exibindo a mensagem.
<div class="direct-chat-msg">
<?php //Se houver comentários, imprime os comentários
if(count($historico) > 0)
{ foreach ($historico as $row)
{?>
<?php $id = $row['usuario_id']; ?>
<?php $image_url = base_url() . 'upload/imagens_usuarios' . '/' . $id . "_thumbnail" . '.jpg'; ?>
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left"><?=$row['nome_usuario']?></span>
<span class="direct-chat-timestamp pull-right"><?= date('d/m/Y h:i A',strtotime($row['dt_cadastro']))?></span>
</div>
<img class="direct-chat-img" src="<?php echo $image_url; ?>" alt="message user image">
<div class="direct-chat-text">
<?=$row['mensagem'];?>
</div><br>
<?php }
}
else //Quando não há nenhum comentário
{
echo "<p>Atualmente, não há comentários.</p>";
}
?>
</div>
Resumindo o código acima:
if(count($historico) > 0)
{ foreach ($historico as $row)
{?>
<p><strong><?=$row['nome_usuario']?></strong> Disse em <?= date('d/m/Y h:i A',strtotime($row['dt_cadastro']))?><br>
<?=$row['mensagem'];?></p><hr>
<?php }
}
else //Quando não há nenhum comentário
{
echo "<p>Atualmente, não há comentários.</p>";
}
?>
OFF
: Só uma dica: não faz isso<?php }
pelo amor de Deus. Quando misturar seuPHP
comHTML
use<?php foreach($do as $it): ?>
para abrir e<?php endforeach; ?>
para fechar, o mesmo vale praif
e qualquer outra coisa que precisa abrir e fechar.<?php $class_nome = ($this->session->userdata('id') == $row['usuario_id']) ? "direct-chat-nome esquerda" : "direct-chat-nome direita";?>