first commit

src/public/socket.js

@@ -0,0 +1,40 @@
+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'))}`
+
+}