1 files changed, 27 insertions, 3 deletions
diff --git a/js/dungeon.js b/js/dungeon.js
index 1760afa..d20a3cf 100644
--- a/js/dungeon.js
+++ b/js/dungeon.js
@@ -8,11 +8,35 @@ function buildDungeon(){
 
 function displayDungeon(){
 	var tmphtml = "<br/>";
-	tmphtml += "<button type=\"button\" class=\"btn btn-primary\" onclick=\"launchDungeon()\">Launch</button>";
-	//tmphtml += "</li>";
+	tmphtml += "<button id=\"launch\" type=\"button\" class=\"btn btn-primary\" onclick=\"launchDungeon()\">Launch</button>";
 	document.getElementById("tab4").innerHTML = tmphtml;
 }
 
 function launchDungeon(){
-	console.log("Battle!");
+	sendRequest("craftmine.php", "op=launchDungeon", function(ret) {
+		document.getElementById("launch").style.display = "none";
+		displayBattle(ret);
+	});
+}
+
+function displayBattle(ret){
+	var tmphtml = "<div class=\"row\">";
+	tmphtml += "<h4>Battle</h4>";
+	tmphtml += "<ul class=\"list-inline\">";
+	tmphtml += "<li>";
+	tmphtml += "<button type=\"button\" class=\"btn btn-primary\" style=\"margin-left:30px;\"><span class=\"item-icon\">" + data.icon + "</span><br />" + data.name + "<br/> lv: " + data.level + "  <span id=\"lifeMob\">hp: " + data.hp + "</span></button>";
+	tmphtml += "<button type=\"button\" class=\"btn btn-primary\" style=\"margin-left:30px;\"><span class=\"item-icon\">" + ret[0].icon + "</span><br />" + ret[0].name + "<br/> lv: " + ret[0].level + "  <span id=\"lifeMob\">hp: " + ret[0].hp + "</span></button>";
+	tmphtml += "</li>";
+	tmphtml += "</ul>";
+	tmphtml += "</div>";
+	tmphtml += "<br/><br/>";
+	tmphtml += "<button type=\"button\" class=\"btn btn-primary\" onclick=\"exitDungeon()\">Exit</button>";
+	document.getElementById("tab4").innerHTML = tmphtml;
+}
+
+function exitDungeon(){
+	sendRequest("craftmine.php", "op=exitDungeon", function() {
+		document.getElementById("tab4").innerHTML = "<h4>Look at how poor you are! You can't access the dungeon, it is only for the elite.</h4>";
+		showInfo("You have left the dungeon");
+	});
 }