add version information to corner of screen

This commit is contained in:
Bui 2018-10-10 21:00:50 +01:00
parent 09ba8a2064
commit f46fc7a22d
4 changed files with 37 additions and 1 deletions

3
.gitignore vendored
View File

@ -43,4 +43,5 @@ Temporary Items
.apdisk
public/songs
public/api
taiko.db
taiko.db
public/version.json

View File

@ -56,6 +56,7 @@
<body>
<div id="assets"></div>
<div id="screen"></div>
<div id="version"></div>
<script src="/src/js/main.js"></script>
</body>
</html>

View File

@ -224,3 +224,20 @@ kbd{
height: 12.5vmin;
opacity: 0.5;
}
#version {
position: fixed;
z-index: 1000;
font-size: 2vh;
position: absolute;
bottom: 1vh;
right: 1vh;
opacity: 0.7;
font-family: TnT;
}
#version a {
color: inherit;
text-decoration: none;
cursor: default;
}

View File

@ -13,6 +13,23 @@ class Loader{
this.screen.innerHTML = page
this.loaderPercentage = document.querySelector("#loader .percentage")
this.loaderProgress = document.querySelector("#loader .progress")
var versionTag = document.getElementById("version")
this.ajax("/version.json").then(function(resp){
var versionLink = document.createElement("a")
versionLink.setAttribute("target", "_blank")
try {
var parsed = JSON.parse(resp)
versionLink.setAttribute("href", "https://github.com/bui/taiko-web/commit/" + parsed.commit)
versionLink.appendChild(document.createTextNode("taiko-web ver." + parsed.version + " (" + parsed.commit_short + ")"))
} catch(SyntaxError) {
versionLink.setAttribute("href", "https://github.com/bui/taiko-web")
versionLink.appendChild(document.createTextNode("taiko-web (unknown version)"))
} finally {
versionTag.appendChild(versionLink)
}
})
snd.buffer = new SoundBuffer()
snd.musicGain = snd.buffer.createGain()