Add img-disable css and usage

The “socket.on(enable/disable image)” haven’t been tested.

1 files changed, 24 insertions, 0 deletions

diff --git a/webapp/app/templates/index.html b/webapp/app/templates/index.html
index 3592985..4dadb7b 100644
--- a/webapp/app/templates/index.html
+++ b/webapp/app/templates/index.html
@@ -124,6 +124,23 @@
                 var c = new creature(msg.name, socket);
                 c.render($('#creatures'));
             });
+            
+            socket.on('enable image', function(msg) {
+                console.log('enable image');
+                // to be tested
+                var name = msg.name;
+                var myImgElement = $("#" + name);
+                myImgElement.removeClass('img-disable');
+                
+            });
+            
+            socket.on('disable image', function(msg) {
+                console.log('disable image');
+                // to be tested
+                var name = msg.name;
+                var myImgElement = $("#" + name);
+                myImgElement.addClass('img-disable');
+            });
 
             socket.on('disconnect', function() {
                 console.log('disconnected');
@@ -134,6 +151,13 @@
 
         function clickImg(element) {
             console.log(element.id);
+            
+            //-----Testing------------------
+            //var name = element.id;
+            //var myImgElement = $("#" + name);
+            //myImgElement.addClass('img-disable');
+            // -----------------------------
+            
             var c = new creature(element.id, socket);
             c.click()
         }