From 49eedf844292ddc7e26fad853ccfc82c3c06e902 Mon Sep 17 00:00:00 2001
From: bluesaxman <bluesaxman@labs.murkfall.net>
Date: Wed, 20 May 2020 10:20:41 -0600
Subject: [PATCH] added all functionality

---
 index.html | 48 ++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 42 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 2022a3a..9ce65f0 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,21 @@
 		Welcome to Deckcard
 	</body>
 <script>
+
+window.deck = [];
+window.hand = [];
+
+function updateEvent() {
+	window.UI.deck.innerHTML = "";
+	window.UI.hand.innerHTML = "";
+	var theDeck = elementPlace("#deck","deckDisp",null,"div");
+	theDeck.innerHTML = "<div>"+window.deck.length+"</div>";
+	window.hand.forEach(function (card) {
+		var currentCard = elementPlace("#hand",null,"card","li");
+		currentCard.innerText = card;
+	});
+}
+
 function generateDeck(DDF) {
 	var cards = [""];
 	for (var attribute in DDF) {
@@ -22,25 +37,46 @@ function generateDeck(DDF) {
 	return cards;
 }
 
-var menu = elementPlace("body","menu",null,"div");
+function shuffleDeck(deck) {
+	deck.forEach(function (card,index) {
+		var swapCardIndex = Math.floor( Math.random() * deck.length );
+		var swapCard = deck[swapCardIndex];
+		deck[swapCardIndex] = card;
+		deck[index] = swapCard;
+	});
+}
+
+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
 			window.deck = generateDeck(JSON.parse(file.target.result));
+			window.hand = [];
+			updateEvent();
 		}
 		myFile.readAsText(f[0]);
 	}) 
 },null,"div");
 buttonAdd("#menu","shuffle", "Shuffle Deck", function () { 
-	console.log("clicked shuffle"); 
+	shuffleDeck(window.deck);
 }, null, "div");
-buttonAdd("#menu","shuffleAll", "Shuffle Whole Deck", function () { 
-	console.log("clicked shuffle all"); 
+buttonAdd("#menu","shuffleAll", "Shuffle Whole Deck", function () {
+	window.deck = window.deck.concat(window.hand);
+	window.hand = [];
+	shuffleDeck(window.deck);
+	updateEvent();
 }, null, "div");
 buttonAdd("#menu","draw", "Draw Card", function () { 
-	console.log("clicked draw"); 
+	if (window.deck.length > 0) {
+	window.hand.unshift(window.deck.shift());
+	updateEvent();
+	}
 }, null, "div");
-var display = elementPlace("body","display",null,"div");
+elementPlace("body","display",null,"div");
+window.UI = {};
+window.UI.deck = elementPlace("#display","deck",null,"div");
+window.UI.hand = elementPlace("#display","hand",null,"ol");
 </script>
 </html>