maloja/website/setup.html

<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8" />
		<title>Maloja - Setup</title>

		<script>
			function replaceurls() {
				url = window.location.origin
				s = document.getElementsByName("serverurl")
				for (var i=0;i<s.length;i++) {
					s[i].innerHTML = url
				}
			}


			function replace() {
				replaceurls();
			}

			function activateRuleModule(e,filename) {
				keys = "filename=" + encodeURIComponent(filename)

				var xhttp = new XMLHttpRequest();
				xhttp.open("POST","/db/importrules", true);
				xhttp.send(keys);

				e.innerHTML = e.innerHTML.replace("Add","Remove")
				e.getAttributeNode("onclick").value = e.getAttribute("onclick").replace("activate","deactivate")
				/* Nobody ever look at this code please */
			}

			function deactivateRuleModule(e,filename) {
				keys = "remove&filename=" + encodeURIComponent(filename)

				var xhttp = new XMLHttpRequest();
				xhttp.open("POST","/db/importrules", true);
				xhttp.send(keys);

				e.innerHTML = e.innerHTML.replace("Remove","Add")
				e.getAttributeNode("onclick").value = e.getAttribute("onclick").replace("deactivate","activate")
			}
		</script>

		<style>


			td {
				padding-right:20px;
			}
		</style>

	</head>

	<body onload="replace()">
		<table class="top_info">
			<tr>
				<td class="image">
					<div style="background-image:url('/favicon.png')"></div>
				</td>
				<td class="text">
					<h1>Maloja</h1><br/>

					<p class="desc">Welcome to your own Maloja server!</p>
				</td>
			</tr>
		</table>

		<h2>Start Scrobbling</h2>

		If you use Vivaldi, Brave, Iridium or any other Chromium-based browser and listen to music on Plex or YouTube Music, download the extension and simply enter the server URL as well as your API key in the relevant fields. They will turn green if the server is accessible.
		<br/><br/>
		If you use another browser or another music player, you could try to code your own extension. The API is super simple! Just send a POST HTTP request to

		<span class="stats"><span name="serverurl">yourserver.tld</span>/db/newscrobble</span>

		(make sure to use the public URL) with the key-value-pairs
		<br/>
		<br/>
		<span class="stats">
		<table>
			<tr>	<td>artist</td>		<td><i>Artist String</i></td>	</tr>
			<tr>	<td>title</td>		<td><i>Title String</i></td>	</tr>
			<tr>	<td>key</td>		<td><i>API Key</i></td>	</tr>
			<tr>	<td>seconds</td>	<td><i>Duration of Scrobble - optional and currently not used</i></td>	</tr>
		</table>
		</span>

		<br/><br/>

		<h2>Import your Last.FM data</h2>

		Switching from Last.fm? <a class="textlink" href="https://benjaminbenben.com/lastfm-to-csv/">Download all your data</a> and place the resulting file in your Maloja main folder. Run the command <span class="stats">./lastfmconverter.py <i>(the file you just downloaded)</i> lastfmimport.tsv</span>.
		<br/><br/>

		<h2>Set up some rules</h2>

		After you've scrobbled for a bit, you might want to check the <a class="textlink" href="/issues">Issues page</a> to see if you need to set up some rules. You can also manually add rules in your server's "rules" directory - just add your own .tsv file and read the instructions on how to declare a rule.
		<br/><br/>

		You can also set up some predefined rulesets right away!
		<br/><br/>
		KEY_PREDEFINED_RULESETS

		<br/><br/>

		<h2>Say thanks</h2>

		Coding open source projects is fun, but not really monetizable. If you like Maloja, I would appreciate a small donation via
		<a class="textlink" target="_blank" rel="noopener noreferrer" href="https://paypal.me/krateng">PayPal</a> or <a class="textlink" href="bitcoin:1krat8JMniJBTiHftMfR1LtF3Y1w5DAxx">Bitcoin</a>.

		<br/><br/>

		<h2>View your stats</h2>

		Done! Visit <a class="textlink" href="/"><span name="serverurl">yourserver.tld</span></a> (or your public / proxy URL) to look at your overview page. Almost everything is clickable!

	</body>
</html>
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<!DOCTYPE html>`

			`<html>`
			`<head>`
			`<meta charset="UTF-8" />`
			`<title>Maloja - Setup</title>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<script>`
			`function replaceurls() {`
			`url = window.location.origin`
			`s = document.getElementsByName("serverurl")`
			`for (var i=0;i<s.length;i++) {`
			`s[i].innerHTML = url`
			`}`
			`}`
Added predefined rule modules 2019-03-24 16:56:34 +03:00

Made setup more interactive 2019-03-04 19:39:21 +03:00			`function replace() {`
			`replaceurls();`
			`}`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
			`function activateRuleModule(e,filename) {`
			`keys = "filename=" + encodeURIComponent(filename)`

			`var xhttp = new XMLHttpRequest();`
			`xhttp.open("POST","/db/importrules", true);`
			`xhttp.send(keys);`

			`e.innerHTML = e.innerHTML.replace("Add","Remove")`
			`e.getAttributeNode("onclick").value = e.getAttribute("onclick").replace("activate","deactivate")`
			`/* Nobody ever look at this code please */`
			`}`

			`function deactivateRuleModule(e,filename) {`
			`keys = "remove&filename=" + encodeURIComponent(filename)`

			`var xhttp = new XMLHttpRequest();`
			`xhttp.open("POST","/db/importrules", true);`
			`xhttp.send(keys);`

			`e.innerHTML = e.innerHTML.replace("Remove","Add")`
			`e.getAttributeNode("onclick").value = e.getAttribute("onclick").replace("deactivate","activate")`
			`}`
Made setup more interactive 2019-03-04 19:39:21 +03:00			`</script>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<style>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00

Made setup more interactive 2019-03-04 19:39:21 +03:00			`td {`
			`padding-right:20px;`
			`}`
			`</style>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`</head>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<body onload="replace()">`
			`<table class="top_info">`
			`<tr>`
			`<td class="image">`
			`<div style="background-image:url('/favicon.png')"></div>`
			`</td>`
			`<td class="text">`
			`<h1>Maloja</h1><br/>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<p class="desc">Welcome to your own Maloja server!</p>`
			`</td>`
			`</tr>`
			`</table>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<h2>Start Scrobbling</h2>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
			`If you use Vivaldi, Brave, Iridium or any other Chromium-based browser and listen to music on Plex or YouTube Music, download the extension and simply enter the server URL as well as your API key in the relevant fields. They will turn green if the server is accessible.`
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<br/><br/>`
			`If you use another browser or another music player, you could try to code your own extension. The API is super simple! Just send a POST HTTP request to`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<span class="stats"><span name="serverurl">yourserver.tld</span>/db/newscrobble</span>`

			`(make sure to use the public URL) with the key-value-pairs`
			`<br/>`
			`<br/>`
			`<span class="stats">`
			`<table>`
			`<tr> <td>artist</td> <td><i>Artist String</i></td> </tr>`
			`<tr> <td>title</td> <td><i>Title String</i></td> </tr>`
			`<tr> <td>key</td> <td><i>API Key</i></td> </tr>`
			`<tr> <td>seconds</td> <td><i>Duration of Scrobble - optional and currently not used</i></td> </tr>`
			`</table>`
			`</span>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<br/><br/>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<h2>Import your Last.FM data</h2>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`Switching from Last.fm? <a class="textlink" href="https://benjaminbenben.com/lastfm-to-csv/">Download all your data</a> and place the resulting file in your Maloja main folder. Run the command <span class="stats">./lastfmconverter.py <i>(the file you just downloaded)</i> lastfmimport.tsv</span>.`
			`<br/><br/>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<h2>Set up some rules</h2>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`After you've scrobbled for a bit, you might want to check the <a class="textlink" href="/issues">Issues page</a> to see if you need to set up some rules. You can also manually add rules in your server's "rules" directory - just add your own .tsv file and read the instructions on how to declare a rule.`
			`<br/><br/>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
			`You can also set up some predefined rulesets right away!`
			`<br/><br/>`
			`KEY_PREDEFINED_RULESETS`

			`<br/><br/>`

Made setup more interactive 2019-03-04 19:39:21 +03:00			`<h2>Say thanks</h2>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
			`Coding open source projects is fun, but not really monetizable. If you like Maloja, I would appreciate a small donation via`
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<a class="textlink" target="_blank" rel="noopener noreferrer" href="https://paypal.me/krateng">PayPal</a> or <a class="textlink" href="bitcoin:1krat8JMniJBTiHftMfR1LtF3Y1w5DAxx">Bitcoin</a>.`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<br/><br/>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`<h2>View your stats</h2>`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`Done! Visit <a class="textlink" href="/"><span name="serverurl">yourserver.tld</span></a> (or your public / proxy URL) to look at your overview page. Almost everything is clickable!`
Added predefined rule modules 2019-03-24 16:56:34 +03:00
Made setup more interactive 2019-03-04 19:39:21 +03:00			`</body>`
			`</html>`