40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
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'))}`
|
|
|
|
} |