From a22b9e18b387af7189f3ca29e37a1d6dc14ffcfd Mon Sep 17 00:00:00 2001
From: Luigi Pinca <luigipinca@gmail.com>
Date: Sun, 26 Feb 2012 16:48:52 +0100
Subject: [PATCH] added support for iOS devices

---
 package.json                                  |   2 +-
 public/static/css/bootstrap.min.css           | 122 ++++++++++++++++++
 public/static/css/style.css                   |  12 ++
 .../images/glyphicons-halflings-white.png     | Bin 0 -> 4352 bytes
 public/static/images/glyphicons-halflings.png | Bin 0 -> 4352 bytes
 public/static/js/client.js                    |  56 ++++++--
 6 files changed, 179 insertions(+), 13 deletions(-)
 create mode 100644 public/static/images/glyphicons-halflings-white.png
 create mode 100644 public/static/images/glyphicons-halflings.png

diff --git a/package.json b/package.json
index 493248a..f154bed 100644
--- a/package.json
+++ b/package.json
@@ -12,5 +12,5 @@
   "engine": {
     "node": "0.6.x"
   },
-  "version": "0.1.1-5"
+  "version": "0.1.1-6"
 }
\ No newline at end of file
diff --git a/public/static/css/bootstrap.min.css b/public/static/css/bootstrap.min.css
index 42bad21..9d89c76 100644
--- a/public/static/css/bootstrap.min.css
+++ b/public/static/css/bootstrap.min.css
@@ -236,6 +236,128 @@ legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;}
 button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
 button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
 button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
+[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("../images/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
+.icon-white{background-image:url("../images/glyphicons-halflings-white.png");}
+.icon-glass{background-position:0 0;}
+.icon-music{background-position:-24px 0;}
+.icon-search{background-position:-48px 0;}
+.icon-envelope{background-position:-72px 0;}
+.icon-heart{background-position:-96px 0;}
+.icon-star{background-position:-120px 0;}
+.icon-star-empty{background-position:-144px 0;}
+.icon-user{background-position:-168px 0;}
+.icon-film{background-position:-192px 0;}
+.icon-th-large{background-position:-216px 0;}
+.icon-th{background-position:-240px 0;}
+.icon-th-list{background-position:-264px 0;}
+.icon-ok{background-position:-288px 0;}
+.icon-remove{background-position:-312px 0;}
+.icon-zoom-in{background-position:-336px 0;}
+.icon-zoom-out{background-position:-360px 0;}
+.icon-off{background-position:-384px 0;}
+.icon-signal{background-position:-408px 0;}
+.icon-cog{background-position:-432px 0;}
+.icon-trash{background-position:-456px 0;}
+.icon-home{background-position:0 -24px;}
+.icon-file{background-position:-24px -24px;}
+.icon-time{background-position:-48px -24px;}
+.icon-road{background-position:-72px -24px;}
+.icon-download-alt{background-position:-96px -24px;}
+.icon-download{background-position:-120px -24px;}
+.icon-upload{background-position:-144px -24px;}
+.icon-inbox{background-position:-168px -24px;}
+.icon-play-circle{background-position:-192px -24px;}
+.icon-repeat{background-position:-216px -24px;}
+.icon-refresh{background-position:-240px -24px;}
+.icon-list-alt{background-position:-264px -24px;}
+.icon-lock{background-position:-287px -24px;}
+.icon-flag{background-position:-312px -24px;}
+.icon-headphones{background-position:-336px -24px;}
+.icon-volume-off{background-position:-360px -24px;}
+.icon-volume-down{background-position:-384px -24px;}
+.icon-volume-up{background-position:-408px -24px;}
+.icon-qrcode{background-position:-432px -24px;}
+.icon-barcode{background-position:-456px -24px;}
+.icon-tag{background-position:0 -48px;}
+.icon-tags{background-position:-25px -48px;}
+.icon-book{background-position:-48px -48px;}
+.icon-bookmark{background-position:-72px -48px;}
+.icon-print{background-position:-96px -48px;}
+.icon-camera{background-position:-120px -48px;}
+.icon-font{background-position:-144px -48px;}
+.icon-bold{background-position:-167px -48px;}
+.icon-italic{background-position:-192px -48px;}
+.icon-text-height{background-position:-216px -48px;}
+.icon-text-width{background-position:-240px -48px;}
+.icon-align-left{background-position:-264px -48px;}
+.icon-align-center{background-position:-288px -48px;}
+.icon-align-right{background-position:-312px -48px;}
+.icon-align-justify{background-position:-336px -48px;}
+.icon-list{background-position:-360px -48px;}
+.icon-indent-left{background-position:-384px -48px;}
+.icon-indent-right{background-position:-408px -48px;}
+.icon-facetime-video{background-position:-432px -48px;}
+.icon-picture{background-position:-456px -48px;}
+.icon-pencil{background-position:0 -72px;}
+.icon-map-marker{background-position:-24px -72px;}
+.icon-adjust{background-position:-48px -72px;}
+.icon-tint{background-position:-72px -72px;}
+.icon-edit{background-position:-96px -72px;}
+.icon-share{background-position:-120px -72px;}
+.icon-check{background-position:-144px -72px;}
+.icon-move{background-position:-168px -72px;}
+.icon-step-backward{background-position:-192px -72px;}
+.icon-fast-backward{background-position:-216px -72px;}
+.icon-backward{background-position:-240px -72px;}
+.icon-play{background-position:-264px -72px;}
+.icon-pause{background-position:-288px -72px;}
+.icon-stop{background-position:-312px -72px;}
+.icon-forward{background-position:-336px -72px;}
+.icon-fast-forward{background-position:-360px -72px;}
+.icon-step-forward{background-position:-384px -72px;}
+.icon-eject{background-position:-408px -72px;}
+.icon-chevron-left{background-position:-432px -72px;}
+.icon-chevron-right{background-position:-456px -72px;}
+.icon-plus-sign{background-position:0 -96px;}
+.icon-minus-sign{background-position:-24px -96px;}
+.icon-remove-sign{background-position:-48px -96px;}
+.icon-ok-sign{background-position:-72px -96px;}
+.icon-question-sign{background-position:-96px -96px;}
+.icon-info-sign{background-position:-120px -96px;}
+.icon-screenshot{background-position:-144px -96px;}
+.icon-remove-circle{background-position:-168px -96px;}
+.icon-ok-circle{background-position:-192px -96px;}
+.icon-ban-circle{background-position:-216px -96px;}
+.icon-arrow-left{background-position:-240px -96px;}
+.icon-arrow-right{background-position:-264px -96px;}
+.icon-arrow-up{background-position:-289px -96px;}
+.icon-arrow-down{background-position:-312px -96px;}
+.icon-share-alt{background-position:-336px -96px;}
+.icon-resize-full{background-position:-360px -96px;}
+.icon-resize-small{background-position:-384px -96px;}
+.icon-plus{background-position:-408px -96px;}
+.icon-minus{background-position:-433px -96px;}
+.icon-asterisk{background-position:-456px -96px;}
+.icon-exclamation-sign{background-position:0 -120px;}
+.icon-gift{background-position:-24px -120px;}
+.icon-leaf{background-position:-48px -120px;}
+.icon-fire{background-position:-72px -120px;}
+.icon-eye-open{background-position:-96px -120px;}
+.icon-eye-close{background-position:-120px -120px;}
+.icon-warning-sign{background-position:-144px -120px;}
+.icon-plane{background-position:-168px -120px;}
+.icon-calendar{background-position:-192px -120px;}
+.icon-random{background-position:-216px -120px;}
+.icon-comment{background-position:-240px -120px;}
+.icon-magnet{background-position:-264px -120px;}
+.icon-chevron-up{background-position:-288px -120px;}
+.icon-chevron-down{background-position:-313px -119px;}
+.icon-retweet{background-position:-336px -120px;}
+.icon-shopping-cart{background-position:-360px -120px;}
+.icon-folder-close{background-position:-384px -120px;}
+.icon-folder-open{background-position:-408px -120px;}
+.icon-resize-vertical{background-position:-432px -119px;}
+.icon-resize-horizontal{background-position:-456px -118px;}
 .modal-open .dropdown-menu{z-index:2050;}
 .modal-open .dropdown.open{*z-index:2050;}
 .modal-open .popover{z-index:2060;}
diff --git a/public/static/css/style.css b/public/static/css/style.css
index 8eac4f7..1adf825 100644
--- a/public/static/css/style.css
+++ b/public/static/css/style.css
@@ -108,6 +108,18 @@ input {
 	background-color: #6184b7;
 	width:0px;
 }
+#touch-backdrop {
+	width:220px;
+	height:137px;
+	-webkit-border-radius:5px;
+	-moz-border-radius:5px;
+	border-radius:5px;
+	background:rgba(50,50,50,0.8);
+}
+#touch-play {
+	margin-top: 54px;
+	margin-left: 77px;
+}
 #volume {
 	height:154px;
 }
diff --git a/public/static/images/glyphicons-halflings-white.png b/public/static/images/glyphicons-halflings-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..a20760bfde58d1c92cee95116059fba03c68d689
GIT binary patch
literal 4352
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
Qz`(%Z>FVdQ&MBb@07lpDS^xk5

literal 0
HcmV?d00001

diff --git a/public/static/images/glyphicons-halflings.png b/public/static/images/glyphicons-halflings.png
new file mode 100644
index 0000000000000000000000000000000000000000..92d4445dfd0af414835467132cf50c7c38a303af
GIT binary patch
literal 4352
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
THzS>afq}u()z4*}Q$iB}W9x^B

literal 0
HcmV?d00001

diff --git a/public/static/js/client.js b/public/static/js/client.js
index 35c769f..1cc49bc 100644
--- a/public/static/js/client.js
+++ b/public/static/js/client.js
@@ -1,5 +1,8 @@
 var App = {
-
+	
+	touchplay: null,
+	elapsedtime: 0,
+	jplayer: null,
 	nickname: null,
 	socket: null,
 	pvtmgsto: null,
@@ -25,7 +28,8 @@ var App = {
 			html += '<div class="modal-body"><p>'+msg+'</p></div>';
 			html += '<div class="modal-footer">';
 			html += '<input id="login" class="" type="text" name="nickname" />';
-			html += '<button id="join" class="btn btn-primary">Join the game</button></div>';
+			html += '<button id="join" class="btn btn-primary">';
+			html += '<i class="icon-user icon-white"></i> Join the game</button></div>';
 
 			$(html).appendTo($('#modal'));
 			var login = $('#login');
@@ -277,14 +281,18 @@ var App = {
 	},
 
 	loadTrack: function(data) {
-		$('#player').jPlayer("mute");
-		$('#player').jPlayer("setMedia", {m4a: data.previewUrl});
+		App.jplayer.jPlayer("mute");
+		App.jplayer.jPlayer("setMedia", {m4a: data.previewUrl});
 	},
 
 	// Play a track 
 	playTrack: function(data) {
-		$('#player').jPlayer("unmute");
-		$('#player').jPlayer("play");
+		if (App.touchplay) {
+			App.touchplay.removeClass("btn-danger disabled").addClass("btn-success");
+			App.touchplay.html('<i class="icon-play icon-white"></i> Play');
+		}
+		App.jplayer.jPlayer("unmute");
+		App.jplayer.jPlayer("play");
 		App.updateUsers(data);
 		//console.log(Date.now(), 'countdown started');
 		App.cassetteAnimation(Date.now()+30000, true);
@@ -335,7 +343,13 @@ var App = {
 			$('#tape-left').css('left', offsetleft+'px');
 			$('#tape-right').css('left', offsetright+'px');
 		}
-		$('#countdown').text((forward) ? secleft.toFixed(1) : Math.round(secleft));
+		if (forward) {
+			$('#countdown').text(secleft.toFixed(1));
+			if (App.touchplay) {App.elapsedtime = 30 - Math.round(secleft);}
+		}
+		else {
+			$('#countdown').text(Math.round(secleft));
+		}
 		if (App.stopanimation || millisleft < 50) {
 			//console.log(Date.now(), 'countdown stopped');
 			return;
@@ -345,6 +359,10 @@ var App = {
 
 	// Add track info
 	addTrackInfo: function(data) {
+		if (App.touchplay) {
+			App.touchplay.removeClass("btn-success").addClass("btn-danger disabled");
+			App.touchplay.html('<i class="icon-play icon-white"></i> Wait');
+		}
 		App.cassetteAnimation(Date.now()+5000, false);
 		var html = '<li class="bordered"><img class="artwork" src="'+data.artworkUrl+'"/>';
 		html += '<div class="info"><div class="artist">'+data.artistName+'</div>';
@@ -410,7 +428,7 @@ var App = {
 	// Let the user know when he / she has disconnected
 	disconnect: function() {
 		App.stopanimation = true;
-		$('#player').jPlayer("stop");
+		App.jplayer.jPlayer("stop");
 		var errormsg = "ERROR: You have disconnected.";
 		var errorspan = $("<span class='error'></span>");
 		errorspan.text(errormsg);
@@ -512,7 +530,7 @@ var App = {
 
 			handleIcon(volume);
 			oldvalue = volume;
-			$("#player").jPlayer("volume", volume);	
+			App.jplayer.jPlayer("volume", volume);	
 		};
 
 		volumebutton.hover(function() {
@@ -548,7 +566,7 @@ var App = {
 			if (!clicked) {
 				clicked = true;
 				if (oldvalue !== 0) {
-					$("#player").jPlayer("volume", 0);
+					App.jplayer.jPlayer("volume", 0);
 					positionVolumeHandle(0);
 					handleIcon(0);
 				}
@@ -556,7 +574,7 @@ var App = {
 			else {
 				clicked = false;
 				if (oldvalue !== 0) {
-					$("#player").jPlayer("volume", oldvalue);
+					App.jplayer.jPlayer("volume", oldvalue);
 					positionVolumeHandle(oldvalue);
 					handleIcon(oldvalue);
 				}
@@ -578,12 +596,26 @@ var App = {
 		}
 		App.socket = io.connect("http://binb.nodejitsu.com/", {'reconnect':false});
 		App.socket.on("connect", function() {
-			$("#player").jPlayer({
+			App.jplayer = $("#player").jPlayer({
 				ready: function() {
 					App.setNickName();
 					if (!$.jPlayer.platform.mobile && !$.jPlayer.platform.tablet) {
 						App.addVolumeControl();
 					}
+					else {
+						var touchbackdrop = $('<div id="touch-backdrop">'+
+							'<button id="touch-play" class="btn btn-danger disabled">'+
+								'<i class="icon-play icon-white"></i> Wait'+
+							'</button></div>').appendTo("#cassette");
+						App.touchplay = $('#touch-play');
+						App.touchplay.click(function() {
+							if (!$(this).hasClass("btn-danger")) {
+								App.touchplay = null;
+								App.jplayer.jPlayer('play', App.elapsedtime);
+								touchbackdrop.remove();
+							}
+						});
+					}
 				},
 				swfPath: "/static/swf/",
 				supplied: "m4a",
-- 
2.54.0