From f8583ab99efc8d51a6fc312c93d6cee8148b0099 Mon Sep 17 00:00:00 2001
From: bluesaxman <bluesaxman@murkfall.net>
Date: Thu, 17 Sep 2020 12:16:16 -0600
Subject: [PATCH] added basic control functions to the decks UI

---
 UI/index.html | 66 +++++++++++++++++----------------------------------
 1 file changed, 22 insertions(+), 44 deletions(-)

diff --git a/UI/index.html b/UI/index.html
index b3f3448..58a5381 100644
--- a/UI/index.html
+++ b/UI/index.html
@@ -24,13 +24,32 @@ function updateEvent() {
 			var deck = window.gameState.decks[deckID];
 			window.UI.display[deckID] = elementPlace("#decks","Deck_"+deck.name,"deck","li");
 			window.UI.display[deckID].innerText = deck.name+":"+deck.size;
+			buttonAdd("#Deck_"+deck.name,null,"Add Cards", function () {
+				popupDialog("deckLoader","Select DDF (Deck Definition File)",true,inputDialog,{"inputType":"file"},function (f) {
+					var myFile = new FileReader();
+					myFile.onload = function (file) {
+						var message = {};
+						message.action = "ddf";
+						message.deck = deckID;
+						message.ddf = file;
+						window.gameSession.send(JSON.stringify(message)); 
+					}
+					myFile.readAsText(f[0]);
+				});
+			},"deck_button add_cards","div");
+			buttonAdd("#Deck_"+deck.name,null,"Shuffle", function () {
+				window.gameSession.send('{"action":"shuffle", "deck":"'+deckID+'"}');
+			}, "deck_button shuffle","div");
+			buttonAdd("#Deck_"+deck.name,null,"Draw", function () {
+				window.gameSession.send('{"action":"draw","deck":"'+deckID+'","hand":"'+"default"+'"}'); // Will need to be updated when I figure out selection
+			}, "deck_button draw","div");
 		});
 	}
 	if (window.UI.menu.users.button.checked) {
 		elementPlace("#display","users",null,"ol");
 		window.gameState.users.forEach(function (user) {
-		window.UI.display[user] = elementPlace("#users","User_"+user,"username","li");
-		window.UI.display[user].innerText = user;
+			window.UI.display[user] = elementPlace("#users","User_"+user,"username","li");
+			window.UI.display[user].innerText = user;
 		});
 	}
 	if (window.UI.menu.hands.button.checked) {
@@ -87,48 +106,7 @@ function startGameSession() {
 	};
 }
 
-//elementPlace("body","menu",null,"div");
-//buttonAdd("#menu","upload","Upload Deck", function () { 
-//	popupDialog("deckLoader","Select Deck definition File",true,inputDialog,{"inputType":"file"},function (f) { 
-//		var myFile = new FileReader();
-//		myFile.onload = function (file) {
-//			// Probably validate the file somehow befor eating it
-//			var ourFile = JSON.parse(file.target.result);
-//			window.gameState.deck = [];
-//			deckFromJSON(ourFile);
-//			window.hand = [];
-//			sendGameState();
-//		}
-//		myFile.readAsText(f[0]);
-//	}); 
-//},null,"div");
-//buttonAdd("#menu","add","Add Deck", function () {
-//	popupDialog("deckLoader","Select Deck definition to add",true,inputDialog,{"inputType":"file"},function (f) {
-//		var myFile = new FileReader();
-//		myFile.onload = function (file) {
-//			var ourFile = JSON.parse(file.target.result);
-//			deckFromJSON(ourFile);
-//			sendGameState();
-//		}
-//		myFile.readAsText(f[0]);
-//});
-//}, null, "div");
-//buttonAdd("#menu","shuffle", "Shuffle Deck", function () { 
-//	shuffleDeck(window.gameState.deck);
-//	sendGameState();
-//}, null, "div");
-//buttonAdd("#menu","shuffleAll", "Shuffle Hand to Deck", function () {
-//	window.gameState.deck = window.gameState.deck.concat(window.hand);
-//	window.hand = [];
-//	shuffleDeck(window.gameState.deck);
-//	sendGameState();
-//}, null, "div");
-//buttonAdd("#menu","draw", "Draw Card", function () { 
-//	if (window.gameState.deck.length > 0) {
-//	window.hand.unshift(window.gameState.deck.shift());
-//	sendGameState();
-//	}
-//}, null, "div");
+
 
 window.document.body.innerHTML = "";
 window.UI = {};