Upstream/BlueMapVue
1
0
Fork 0
mirror of https://github.com/BlueMap-Minecraft/BlueMapVue.git synced 2025-01-27 08:21:19 +01:00
Code Issues Projects Releases Wiki Activity

Add error screen if WebGL doesnt enable properly

Browse Source
This commit is contained in:
Lukas Rieger (Blue) 2022-09-11 15:54:49 +02:00
parent 0dc79bb9ad
commit 02c6cc9738
No known key found for this signature in database
GPG Key ID: 2D09EC5ED2687FF2
3 changed files with 69 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/main.js
View File

@ -34,13 +34,16 @@ String.prototype.includesCI = function (val) {
}
// bluemap app
try {
const bluemap = new BlueMapApp(document.getElementById("map-container"));
window.bluemap = bluemap;
// init vue
Vue.config.productionTip = false;
Object.defineProperty(Vue.prototype, '$bluemap', {
get() { return bluemap; }
get() {
return bluemap;
}
});
const vue = new Vue({
@ -55,3 +58,15 @@ i18n.loadLanguageSettings().catch(error => console.error(error));
vue.$nextTick(() => {
bluemap.load().catch(error => console.error(error));
});
} catch (e) {
console.error("Failed to load BlueMap webapp!", e);
document.body.innerHTML = `
<div id="bm-app-err">
<div>
<img src="assets/logo.png" alt="bluemap logo">
<div class="bm-app-err-main">Failed to load BlueMap webapp!</div>
<div class="bm-app-err-hint">Make sure you have <a href="https://get.webgl.org/">WebGL</a> enabled on your browser.</div>
</div>
</div>
`;
}

34
src/scss/global.scss
View File

@ -146,4 +146,38 @@ input {
background: var(--theme-fg);
}
//app-error
#bm-app-err {
position: relative;
width: 100vw;
height: 100vh;
background-color: var(--theme-bg);
color: var(--theme-fg);
> div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
img {
max-width: 10em;
min-width: 5em;
width: 90%;
border-radius: 50%;
margin: 0 0 3em 0;
}
.bm-app-err-hint {
color: var(--theme-fg-light);
}
}
}
@import "markers.scss";

12
vue.config.js
View File

@ -6,18 +6,18 @@ module.exports = {
devServer: {
proxy: {
'/settings.json': {
target: 'http://localhost:8100',
//target: 'https://bluecolored.de/bluemap',
//target: 'http://localhost:8100',
target: 'https://bluecolored.de/bluemap',
changeOrigin: true,
},
'/maps': {
target: 'http://localhost:8100',
//target: 'https://bluecolored.de/bluemap',
//target: 'http://localhost:8100',
target: 'https://bluecolored.de/bluemap',
changeOrigin: true,
},
'/assets/playerheads': {
target: 'http://localhost:8100',
//target: 'https://bluecolored.de/bluemap',
//target: 'http://localhost:8100',
target: 'https://bluecolored.de/bluemap',
changeOrigin: true,
}
}