summaryrefslogtreecommitdiff
path: root/modules/save/read.html
blob: c359dd5a3efdb558cd0e2859b1161d9de560c9aa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Save: Read</title>
<script>
var currentFname=null;

function populateList(arr){
	var ul=document.getElementById("ul");
	ul.innerHTML="";

	if(arr.length==0){
		document.getElementById("nosaves").classList.remove("invisible");
		return;
	}
	document.getElementById("nosaves").classList.add("invisible");

	for(var i=0;i<arr.length;i++){
		var li=document.createElement("li");
		var a=document.createElement("a");
		a.appendChild(document.createTextNode(arr[i]));
		a.href="javascript:void 0";
		a.addEventListener("click",(function(i,li){return function(){
			var xhr=new XMLHttpRequest();
			xhr.onreadystatechange=function(){
				if(xhr.readyState==4){
					if(xhr.status!=200){
						alert("Error reading save '"+arr[i]+"'\n"+xhr.responseText);
					} else {
						var l=ul.getElementsByClassName("selected");
						for(var i=0;i<l.length;i++)l[i].classList.remove("selected");
						li.classList.add("selected");
						displaySave(arr[i],xhr.responseText);
					}
				}
			};
			xhr.open("GET","/save/read/file/"+encodeURIComponent(arr[i]));
			xhr.send();
		};})(i,li));
		li.appendChild(a);
		ul.appendChild(li);
	}
}

function displaySave(fname,text){
	var e;
	e=document.getElementById("filename");
	e.innerHTML=""; e.appendChild(document.createTextNode(fname));

	e=document.getElementById("contents");
	e.innerHTML=""; e.appendChild(document.createTextNode(text));

	document.getElementById("container").classList.remove("invisible");

	currentFname=fname;
}

function deleteCurrent(){
	if(!currentFname){
		alert("No save selected");
		return;
	}

	if(!confirm("Really delete this save?"))return;

	var xhr=new XMLHttpRequest();
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status!=200){
				alert("Error deleting saves\n"+xhr.responseText);
			} else {
				currentFname=null;
				document.getElementById("container").classList.add("invisible");
				loadSaves();
			}
		}
	};
	xhr.open("DELETE","/save/read/file/"+encodeURIComponent(currentFname));
	xhr.send();
}

function loadSaves(){
	var xhr=new XMLHttpRequest();
	xhr.onreadystatechange=function(){
		if(xhr.readyState==4){
			if(xhr.status!=200){
				alert("Error listing saves\n"+xhr.responseText);
			} else {
				populateList(JSON.parse(xhr.responseText));
			}
		}
	};
	xhr.open("GET","/save/read/files");
	xhr.send();
}

window.addEventListener("load",function(){
	loadSaves();
});
</script>
<style>
body {
	font-family: sans-serif;
	font-size: 16px;
}
#contents {
	border: 1px gray solid;
	padding: 5px;
	display: inline-block;
}
li.selected {
	font-weight: bold;
}
.invisible {
	display: none;
}
</style>
</head>
<body>
<h2>Save: Read</h2>
<div id="nosaves"><i>No saves found!</i></div>
<ul id="ul"></ul>
<br>
<div id="container" class="invisible">
	<b id="filename"></b><br>
	<a href="javascript:void 0" onclick="deleteCurrent()">Delete</a><br>
	<pre id="contents"></pre>
</div>
</body>
</html>