Buen día, quiero utilizar la librería Zuck.js para crear historias/estados como los de IG/FB/Whatsapp, para esto necesito tener la estructura del siguiente modo:
id: 'vision',
photo: 'logo.jpg',
name: 'nombreUsuario',
link: 'enlace a su perfil',
lastUpdated: 1492665454,
items: [
buildItem('id', 'tipo', duracion, 'ruta', '', false, 1492665454),
buildItem('2', 'photo', 3, 'img/2.jpg', '', '', false, 1492665454),
buildItem('3', 'photo', 3, 'img/3.jpg', '', '', false, 1492665454),
]
Yo guardo las fotos en una tabla que relaciona cada foto que se sube con un id de cada usuario. Al generar la consulta y generar un JSON los imprimo del siguiente modo:
[{
"id": "1",
"nick": "milf",
"ruta": "IMG-20160215-WA0017.jpeg",
"fecha": "2019-08-02 03:11:18",
"tipo": "3",
"usuario": "12"
}, {
"id": "5",
"nick": "kata",
"ruta": "IMG-20160409-WA0060.jpg",
"fecha": "2019-08-02 04:15:00",
"tipo": "3",
"usuario": "11"
}, {
"id": "6",
"nick": "milf",
"ruta": "IMG-20160409-WA0062.jpg",
"fecha": "2019-08-02 04:15:00",
"tipo": "3",
"usuario": "12"
}]
El inconveniente es que imprimo cada foto como una línea:
Y lo que necesito es mostrar todas de todos los usuarios, ejemplo:
O algún otro modo de imprimir la consulta para llenar los campos de la librería Zuck.js
Mi controlador
public function historias(){
$res = $this->Usuarios_model->historias();
foreach ($res->result() as $row) {
$datos[] = array(
'id' => $row->idfotos,
'nick' => $row->nick,
'ruta' => $row->ruta,
'fecha' => $row->fecReg,
'tipo' => $row->tipo_foto,
'usuario' => $row->idusuarios
);
}
echo json_encode($datos);
}
Mi modelo
public function historias()
{
$sql = "SELECT usuarios.idusuarios, usuarios.nick, usuarios.fotoPerfil, fotos.idfotos, fotos.fecReg, fotos.tipo_foto, fotos.ruta
FROM `usuarios`
INNER JOIN fotos ON fotos.idusuarios = usuarios.idusuarios
WHERE fotos.tipo_foto = 3";
return $this->db->query($sql);
}
De antemano gracias por leer mi pregunta.