TSW-Mapper/parser.html at master · Earthfiredrake/TSW-Mapper · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
    <meta charset="utf-8">

		<script language="javascript" type="text/javascript" src="./js/p5.min.js"></script>
    <script language="javascript" type="text/javascript" src="./js/tswmapper.js"></script>
    <link rel="stylesheet" href="./css/main.css" type="text/css" />

		<title>TSW Mapper - Parser</title>
	</head>
	<body>
    <div id="header">
      <h1>TSW Mapper</h1>
    </div>

	<div>
		<a href="./index.html">Home</a>
		<a href="./parser.html">Parser</a>
		<a href="./about.html">About</a>
	</div>

		<div id="javascriptnotice">
			This page requires Javascript. You're seeing this message as you have Javascript disabled.
		</div>

		<div class="leftpanel">
		</div>
		<div class="rightpanel">
			<form>
				<div>
					<label for="input">Input:</label>
					<textarea name="input" id="input" rows="10" cols="70" onpaste="paste()"></textarea>
				</div>
				<div>
					<label for="sorted">Sorted:</label>
					<textarea name="sorted" id="sorted" rows="10" cols="70"></textarea>
				</div>
				<div>
					<label for="filtered">Filtered:</label>
					<textarea name="filtered" id="filtered" rows="10" cols="70"></textarea>
				</div>
				<div>
					<label for="output">Output:</label>
					<textarea name="output" id="output" rows="10" cols="70"></textarea>
				</div>

				<input type="submit" id="submit" value="Process" onclick="process()">
			</form>
		</div>

		<script>
			function paste() {
				// Paste event triggers before content updated so need
				// brief delay.
				setTimeout(function(){
					process();
				}, 0);
			}

			function process() {
				var chat_text = document.getElementById("input").value;   		// Get

				var data = tswMapper.parser.extract(chat_text);
				console.log("Entries: " + data.length);

				data = tswMapper.parser.sort(data);
				var sortedLen = data.length;
				console.log("Sorted: " + sortedLen);
				var sorted = tswMapper.parser.format(data, "shoutout");
				document.getElementById("sorted").value = sorted;

				data = tswMapper.parser.filter(data);
				var filteredLen = data.length;
				var diff = sortedLen - filteredLen;
				var msg = "Filtered: " + filteredLen;
				msg =  msg + " (Removed " + diff + ")";
				console.log(msg);
				var sorted = tswMapper.parser.format(data, "shoutout");
				document.getElementById("filtered").value = sorted;

				var formated_text = tswMapper.parser.process(data, true);  		// Process
				document.getElementById("output").value = formated_text;			// Set
			}

			window.onload = function(e) {
				var baseURL = window.location.href;
				baseURL = baseURL.slice(0, baseURL.lastIndexOf("/"));
				var mapInfoURL = baseURL + "/dat/map_info.json";
				tswMapper.loadMapInfo(mapInfoURL);

				// Hide Javascript disabled notice
				document.getElementById("javascriptnotice").style.display = 'none';

				// Prevent submit button posting the form
				document.getElementById("submit").addEventListener("click", function(event){
					event.preventDefault();
				});
      }
		</script>
	</body>
</html>