From 95119e4d2f79003b96812dbbb469db6b6a81157b Mon Sep 17 00:00:00 2001
From: Aaron Perley <aaron.perley@gmail.com>
Date: Mon, 17 Oct 2016 00:47:07 -0400
Subject: Bugfixes

---
 webapp/app/templates/index.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'webapp')

diff --git a/webapp/app/templates/index.html b/webapp/app/templates/index.html
index a61b59f..7c09f50 100644
--- a/webapp/app/templates/index.html
+++ b/webapp/app/templates/index.html
@@ -43,37 +43,37 @@
       <!-- Three columns of text below the carousel -->
       <div class="row">
         <div class="col-lg-4">
-          <img id="jellyfish" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/wZl8BhW.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="jellyfish" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/wZl8BhW.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="dolphin" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/MLP3x37.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="dolphin" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/MLP3x37.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="boat" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/ZU8sA8Z.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="boat" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/ZU8sA8Z.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
       </div><!-- /.row -->
 <br>
       <div class="row">
         <div class="col-lg-4">
-          <img id="dory" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/Ky67jAq.jpg" alt="Generic placeholder image" width="150" height="150">
+          <img id="dory" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/Ky67jAq.jpg" alt="Generic placeholder image" width="150" height="150">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="nemo" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/XGxdSI0.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="nemo" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/XGxdSI0.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="whale" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/s3J3Csx.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="whale" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/s3J3Csx.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
       </div><!-- /.row -->
 <br>
 	  <div class="row">
         <div class="col-lg-4">
-          <img id="stingray" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/RuOqhqh.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="stingray" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/RuOqhqh.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="eel" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/RmK7wJv.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="eel" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/RmK7wJv.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
         <div class="col-lg-4">
-          <img id="shark" onClick="clickImg(this)" class="img-circle" src="http://i.imgur.com/6AuJ36F.jpg" alt="Generic placeholder image" width="140" height="140">
+          <img id="shark" onClick="clickImg(this)" class="img-disable img-circle" src="http://i.imgur.com/6AuJ36F.jpg" alt="Generic placeholder image" width="140" height="140">
         </div><!-- /.col-lg-4 -->
       </div><!-- /.row -->
 
@@ -158,8 +158,10 @@
             //myImgElement.addClass('img-disable');
             // -----------------------------
             
-            var c = new creature(element.id, socket);
-            c.click()
+            if( !$(element).hasClass('img-disable') ) {
+                var c = new creature(element.id, socket);
+                c.click();
+            }
         } 
 
     </script>    
-- 
cgit v1.3.1