allow adding of multiple stickers

fixes #37

client/css/bigcards.css

@@ -64,6 +64,12 @@
 
 }
 
+.filler {
+	margin-right: 34px;
+	margin-bottom: 42px;
+	margin-left: 25px;
+}
+
 .stickertarget {
 	position: absolute;
 }

client/css/smallcards.css

@@ -63,6 +63,13 @@
 }
 
 
+.filler {
+	margin-right: 12px;
+	margin-bottom: 19px;
+	margin-left: 19px;
+}
+
+
 .xcontent {
 	overflow: hidden;
 	display: block;

client/css/style.css

@@ -362,7 +362,7 @@ xopacity: .5;
 	top: 1px;
 }
 
-.sticker-red {
+/*.sticker-red {
 	background-image: url('/images/stickers/sticker-red.png');
 	background-repeat: no-repeat;
 	background-position: right bottom;
@@ -432,7 +432,7 @@ xopacity: .5;
 	background-image: url('/images/stickers/sticker-purple.png');
 	background-repeat: no-repeat;
 	background-position: right bottom;
-}
+}*/
 
 
 
@@ -540,6 +540,10 @@ input:hover {
 	background-color: rgba(128, 128, 256,0.1)
 }
 
+/*img ~ .card-hover-draggable {
+	-webkit-filter: hue-rotate(180deg);
+}*/
+
 .config {
 	position: fixed;
 	right: 18px;
@@ -557,7 +561,15 @@ input:hover {
 
 
 
-
+.filler {
+	xwidth: 100%;
+	xbackground-color: rgba(255,0,0,0.1);
+	xheight: 100%;
+	right: 0;
+	bottom: 0;
+	position: absolute;
+	text-align: right;
+}
 
 
 

client/script.js

@@ -168,7 +168,7 @@ function drawNewCard(id, text, x, y, rot, colour, sticker, animationspeed)
 	<img src="/images/icons/token/Xion.png" class="card-icon delete-card-icon" />\
 	<img class="card-image" src="/images/' + colour + '-card.png">\
 	<div id="content:' + id + '" class="content stickertarget droppable">' +
-	text + '</div>\
+	text + '</div><span class="filler"></span>\
 	</div>';
 
 		var card = $(h);
@@ -295,7 +295,7 @@ function drawNewCard(id, text, x, y, rot, colour, sticker, animationspeed)
 
 	//add applicable sticker
 	if (sticker !== null)
-		$("#" + id).children('.content').addClass( sticker );
+		addSticker( id, sticker );
 }
 
 
@@ -314,21 +314,27 @@ function moveCard(card, position) {
 function addSticker ( cardId , stickerId )
 {
 
-	cardContent = $('#' + cardId).children('.content');
+	stickerContainer = $('#' + cardId + ' .filler');
 
-	cardContent.removeClass("sticker-red");
-	cardContent.removeClass("sticker-blue");
-	cardContent.removeClass("sticker-green");
-	cardContent.removeClass("sticker-yellow");
-	cardContent.removeClass("sticker-gold");
-	cardContent.removeClass("sticker-silverstar");
-	cardContent.removeClass("sticker-bluestar");
-	cardContent.removeClass("sticker-redstar");
-	cardContent.removeClass("sticker-orange");
-	cardContent.removeClass("sticker-pink");
-	cardContent.removeClass("sticker-purple");
-	cardContent.removeClass("sticker-lightblue");
-	cardContent.addClass( stickerId );
+	if (stickerId === "nosticker")
+	{
+		stickerContainer.html("");
+		return;
+	}
+
+
+	if ( Array.isArray( stickerId ) )
+	{
+		for (var i in stickerId)
+		{
+			stickerContainer.prepend('<img src="images/stickers/' + stickerId[i] + '.png">');
+		}
+	}
+	else
+	{
+		if ( stickerContainer.html().indexOf(stickerId) < 0 )
+			stickerContainer.prepend('<img src="images/stickers/' + stickerId + '.png">');
+	}
 
 }
 

lib/data/redis.js

@@ -4,6 +4,7 @@ var     redis = require("redis"),
   redisClient = null; //redis.createClient();
 
 var async = require("async");
+var sets = require('simplesets');
 
 // If you want Memory Store instead...
 // var MemoryStore = require('connect/middleware/session/memory');
@@ -142,8 +143,26 @@ db.prototype = {
 		redisClient.hget(REDIS_PREFIX + '-room:' + room + '-cards', cardId, function(err, res) {
 			var card = JSON.parse(res);
 			if (card !== null) {
-				card.sticker = stickerId;
-				redisClient.hset(REDIS_PREFIX + '-room:' + room + '-cards', cardId, JSON.stringify(card));
+                if (stickerId === "nosticker")
+                {
+                    card.sticker = null;
+
+                    redisClient.hset(REDIS_PREFIX + '-room:' + room + '-cards', cardId, JSON.stringify(card));
+                }
+                else
+                {
+                    if (card.sticker !== null)
+                        stickerSet = new sets.Set( card.sticker );
+                    else
+                        stickerSet = new sets.Set();
+
+                    stickerSet.add(stickerId);
+
+                    card.sticker = stickerSet.array();
+
+                    redisClient.hset(REDIS_PREFIX + '-room:' + room + '-cards', cardId, JSON.stringify(card));
+                }
+
 			}
 		});
 	},