Work-in-progress Web Interface

html/scripts/WebConsoleConnector.js

@@ -0,0 +1,96 @@
+/**
+ WebConsole Connector for WebConsole v1.0.0
+ Used to connect to WebSocketsServer
+ https://github.com/mesacarlos
+ 2019 Carlos Mesa under MIT License.
+*/
+/* 
+USAGE
+1 Create needed GUI
+2 Create a object of this class
+3 subscribe a function to receive the login required message
+4 show password modal
+5 subscribe console output list etc...
+*/
+class WebConsoleConnector {
+	
+	constructor(serverName, serverURI) {
+		this.serverName = serverName;
+		this.serverURI = serverURI;
+		this.subscribers = []; //List of functions called when a new message arrive
+		this.messages = []; //All messages retrieved since connection start
+	}
+	
+	/**
+	* Connect to WebSocket
+	*/
+	connect(){
+		var connector = this;
+		this.websocket = new WebSocket(this.serverURI);
+		this.websocket.onopen = function(evt) { connector.onOpen(evt) };
+		this.websocket.onclose = function(evt) { connector.onClose(evt) };
+		this.websocket.onmessage = function(evt) { connector.onMessage(evt) };
+		this.websocket.onerror = function(evt) { connector.onError(evt) };
+	}
+	
+	/**
+	* Internal function
+	*/
+	onOpen(evt){
+		//TODO Check que la version es correcta, y que es un WebSocket del plugin y no de otra cosa
+		//No es necesario notificar al usuario porque ya se recibe un console output de ello
+	}
+	
+	/**
+	* Internal function
+	*/
+	onClose(evt){
+		//TODO
+	}
+	
+	/**
+	* Internal function
+	*/
+	onMessage(evt){
+		var obj = JSON.parse(evt.data);
+		this.notify(obj); //Notify all subscribers
+		this.messages.push(obj);
+	}
+	
+	/**
+	* Internal function
+	*/
+	onError(evt){
+		//TODO
+	}
+	
+	/**
+	* Sends a WebSocket command to Server
+	*/
+	sendToServer(message){
+		this.websocket.send(message);
+	}
+	
+	/**
+	* Notifies a new message to all subscribers
+	*/
+	notify(obj){
+		this.subscribers.forEach(function(fun) {
+			fun(obj); //Calls function with this object
+		});
+	}
+	
+	/**
+	* Adds a function to subscriber list
+	*/
+	subscribe(func){
+		this.subscribers.push(func);
+	}
+	
+	/**
+	* Unsubscribe all subscribers
+	*/
+	removeSubscribers(){
+		this.subscribers = [];
+	}
+}