const socket = io()

let alertas = document.getElementById('alertas');
let mensaje = document.getElementById('message');
let enviar_mensaje = document.getElementById('send_message');

var matrixMessage ={
    message:'Mensaje inicial',
    color_rgb:'255,0,0'
}

jscolor.presets.default = {
	format:'rgb', previewSize:40, mode:'HVS'
};

enviar_mensaje.addEventListener('click', function () {

    matrixMessage.message=mensaje.value;
    console.log(matrixMessage)
    socket.emit('mensaje',matrixMessage)
})

socket.on('Error',(mensaje)=>{
    console.log(mensaje.mensaje)
    alertas.className = 'alert alert-danger alert-dismissible fade show'
    alertas.innerHTML = mensaje.mensaje
})

socket.on('OK',(mensaje)=>{
    console.log(mensaje.mensaje)
    alertas.className = 'alert alert-success alert-dismissible fade show'
    alertas.innerHTML = mensaje.mensaje
})


function update(color) {
   //console.log(color.toRGBString())
   matrixMessage.color_rgb = `${Math.trunc(color.channel('R'))},${Math.trunc(color.channel('G'))},${Math.trunc(color.channel('B'))}`

}