plug pic :)

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "docker.defaultRegistryPath": "karl0ss"
+}

index.js

@@ -44,14 +44,14 @@ orvibo.on('plugDisconnectedWithError', ({uid, name }) => {
 orvibo.startServer();
 
 app.get('/', (req, res) => {
-    let sockets = orvibo.getConnectedSocket();
+    // let sockets = orvibo.getConnectedSocket();
-    // let sockets = [{name: "Plug1", state: 1, uid: "222222"},{name: "Plug2", state: 0, uid: "111111"}]
+    let sockets = [{name: "Plug1", state: 1, uid: "222222", modelId: "f8b11bed724647e98bd07a66dca6d5b6"},{name: "Plug2", state: 0, uid: "111111",  modelId: "123"}]
     
     if (req.query.uid != undefined) {
         orvibo.toggleSocket(req.query.uid);
     }
 
-    sockets = orvibo.getConnectedSocket();
+    // sockets = orvibo.getConnectedSocket();
 
     utils.setState(sockets)
 

server/css/style.css

@@ -36,6 +36,12 @@ body {
   margin-bottom: 5px;
 }
 
+.socket-image {
+	width: 100%;
+	height: 300px;
+  }
+  
+
 .button-off {
 	background-color:#fc0000;
 	-moz-border-radius:28px;

views/index.pug

@@ -8,6 +8,13 @@ block content
     else
       each socket in sockets
         div.socket
+          case socket.modelId
+            when 'f8b11bed724647e98bd07a66dca6d5b6'
+              div.socket-image(style=`background: url('/images/b25UK.jpg') top center
+              no-repeat; background-size: cover;`)
+            when '123'
+              div.socket-image(style=`background: url('/images/b25.jpg') top center
+              no-repeat; background-size: cover;`)  
           h2.socket-name
             | #{socket.name} 
           h2.socket-name