AnyLanguage/index.html at master · solvedDev/AnyLanguage · 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
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AnyLanguage</title>
	<link rel="stylesheet" href="styles/main.css">
	<link rel="shortcut icon" type="image/x-icon" href="imgs/icon.png">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="Description" content="A tool for .lang files">

	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.js"></script>
	<script src="scripts/FileSaver.js"></script>
</head>
<body>
	<nav>
		<a href="https://solveddev.github.io/"><i class="material-icons">home</i></a>
		<span>AnyLanguage</span>
		<a href="https://www.github.com/solvedDev/AnyLanguage"><i class="info material-icons">info</i></a>
	</nav>
	<div class="main-page">
		<label for="import">import .lang file</label>
		<input type="file" name="import" id="import">
		<br>
		<br>
		<div class="main">
			<div class="edit-area">
				<textarea name="Language Input" id="lang-text-key" cols="60" rows="20" placeholder="e.g. action.interact.milk ..."></textarea>
				<textarea name="Language Input" id="lang-text" cols="60" rows="20" placeholder="Milk"></textarea>
			</div>
			<br>
			<br>
			<input type="checkbox" name="target-langs" id="target-langs">
			<label for="target-langs">show target languages</label>
			<br>
			<br>
			<div id="edit-langs">
				<h2>Target Languages</h2>
				<br>
				<textarea name="Support Languages" id="lang-input" cols="15" rows="10"></textarea>
				<textarea name="Language Names" id="lang-name-input" cols="40" rows="10"></textarea>
				<br>
			</div>

			<input type="checkbox" name="vanilla-translate" id="vanilla-translate">
			<label for="vanilla-translate">Use vanilla .lang files</label>

			<input type="checkbox" name="auto-translate" id="auto-translate">
			<label for="auto-translate">translate</label>
			<button id="download">
				<p>Download</p>
			</button>
			<span id="progress">Progress: 0%</span>
			<span id="status">Status: </span>
		</div>
	</div>


	<script src="scripts/utilities.js"></script>
	<script src="scripts/main.js"></script>
	<script>
		status_span.hide();
		progress_state.hide();
		var hoverText = true;

		document.getElementById("download").onclick = function() {
			downloadAll();
		}
		document.getElementById("import").onchange = function() {
			loadFile(this.files[0]);
		}

		checkboxTargetLangs.onchange = function() {
			console.log(checkboxTargetLangs);
			if(!checkboxTargetLangs.checked) {
				targetLangDiv.style.display = "none";
			}
			else {
				targetLangDiv.style.display = "inline";
			}
		}

		langNameInput.onscroll = function() {
			langInput.scrollTop = langNameInput.scrollTop;
		}
		langText.onmouseover = function() {
			hoverText = true;
		}
		langTextKey.onmouseover = function() {
			hoverText = false;
		}
		langText.onscroll = function() {
			if(hoverText) langTextKey.scrollTop = langText.scrollTop;
		}
		langTextKey.onscroll = function() {
			if(!hoverText) langText.scrollTop = langTextKey.scrollTop;
		}

		langInput.value = JSON.stringify(languages, null, "  ");
		langNameInput.value = JSON.stringify(languageNames, null, "  ");
	</script>
</body>
</html>