Merge danielmahal/Rumpetroll into mongodb_storage

public/index.html

@@ -55,6 +55,17 @@ <h2>Created with scandinavian love by:</h2>
 					</ul>
 				</section>
 			</aside>
+            <aside id="frogMode">
+                <h3>Frog Mode</h3>
+                <section id="tadpoles">
+                    <h4>Tadpoles</h4>
+                    <ul id="tadpoleList">
+                    </ul>
+                </section>
+                <section id="console">
+                    <h4>Console</h4>
+                </section>
+            </aside>
 
 			<div id="cant-connect">
 				Ooops. Did you do this?<br />Our <a href="http://rumpetroll.com/motherfailtroll/" title="Rumpetroll - You broke Mother Fail Frog!">Mother-frog</a> is unable to deliver you to the primordial multiplayer pond.<br />Please <a href="http://rumpetroll.com" title="Rumpetroll">try again</a> later to play with other Rumpetrolls.

public/js/Settings.js

@@ -1,3 +1,3 @@
 var Settings = function() {
-  this.socketServer = 'ws://localhost:8181';
-}
+  this.socketServer = 'ws://rumpetroll.six12.co:8180';
+}

public/js/Tadpole.js

@@ -62,7 +62,7 @@ var Tadpole = function() {
 
 	this.onclick = function(e) {
 		if(e.which == 1) {
-			if(tadpole.name.charAt('0') == "@") {
+			if(isAuthorized()) {
 				window.open("http://twitter.com/" + tadpole.name.substring(1));
 			}
 		}
@@ -112,6 +112,9 @@ var Tadpole = function() {
 		if(tadpole.hover) {
 			context.fillStyle = 'rgba(72, 253, 238,'+opacity+')';
 			context.shadowColor   = 'rgba(249, 136, 119, '+opacity*0.7+')';
+		if(tadpole.hover && isAuthorized()) {
+			context.fillStyle = 'rgba(192, 253, 247,'+opacity+')';
+			// context.shadowColor   = 'rgba(249, 136, 119, '+opacity*0.7+')';
 		}
 		else {
 			context.fillStyle = 'rgba(226,219,226,'+opacity+')';
@@ -138,6 +141,10 @@ var Tadpole = function() {
 		drawMessages(context);
 	};
 
+	var isAuthorized = function() {
+		return tadpole.name.charAt('0') == "@";
+	}
+
 	var drawName = function(context) {
 		var opacity = Math.max(Math.min(20 / Math.max(tadpole.timeSinceLastServerUpdate-300,1),1),.2).toFixed(3);
 		context.fillStyle = 'rgba(226,219,226,'+opacity+')';

public/js/WebSocketService.js

@@ -119,6 +119,7 @@ var WebSocketService = function(model, webSocket) {
 			token: token,
 			verifier: verifier
 		};
+
 		webSocket.send(JSON.stringify(sendObj));
 	}
 }

public/js/frogMode.js

@@ -0,0 +1,3 @@
+var frogMode = function() {	
+
+}