dominic/waschmarken
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Delete old stuff

Browse Source
This commit is contained in:
Kai Vogelgesang 2020-07-17 22:36:13 +02:00
parent 66150f524a
commit 0391207822
10 changed files with 0 additions and 545 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/empty.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

34
static/renderer.js
View File

@ -1,34 +0,0 @@
const ws_url = new URL('ws', window.location.href);
ws_url.protocol = ws_url.protocol.replace('http', 'ws');
const ws = new WebSocket(ws_url.href);
ws.onmessage = async function(event) {
const msg = JSON.parse(event.data);
console.log(msg);
if (msg.hasOwnProperty('view')) {
view = msg.view;
console.log(view)
contentdiv = document.getElementById("content")
response = await fetch('../static/views/' + view + '/template.html')
contentdiv.innerHTML = await response.text();
console.log('../static/views/' + view + '/template.html'+":")
console.log(contentdiv.innerHTML)
var tehscript = document.createElement('script');
tehscript.type = 'text/javascript';
tehscript.src = '../static/views/' + view + '/script.js';
var tehmsg = document.createElement('text');
tehmsg.style.display = "none"
tehmsg.id = "msg"
tehmsg.innerText = JSON.stringify(msg);
contentdiv.appendChild(tehmsg);
contentdiv.appendChild(tehscript);
}
};

75
static/unmined.leaflet.patched.js
View File

@ -1,75 +0,0 @@
function Unmined() {
this.map = function (mapId, options, regions) {
const minMapX = options.minRegionX * 512,
minMapY = options.minRegionZ * 512,
mapWidth = (options.maxRegionX + 1 - options.minRegionX) * 512,
mapHeight = (options.maxRegionZ + 1 - options.minRegionZ) * 512,
zoomOffset = 0 - options.minZoom,
unminedLayer = new L.TileLayer.Functional(
function (view) {
const zoom = view.zoom - zoomOffset,
zoomFactor = Math.pow(2, zoom),
tileSize = 256,
minTileX = Math.floor(minMapX * zoomFactor / tileSize),
minTileY = Math.floor(minMapY * zoomFactor / tileSize),
maxTileX = Math.ceil((minMapX + mapWidth) * zoomFactor / tileSize) - 1,
maxTileY = Math.ceil((minMapY + mapHeight) * zoomFactor / tileSize) - 1,
tileX = view.tile.column,
tileY = view.tile.row,
tileBlockSize = tileSize / zoomFactor,
tileBlockPoint = {
x: tileX * tileBlockSize,
z: tileY * tileBlockSize
};
const intersectsWithTile = function (region) {
return (tileBlockPoint.x < (region.x + 1) * 512)
&& (tileBlockPoint.x + tileBlockSize > region.x * 512)
&& (tileBlockPoint.z < (region.z + 1) * 512)
&& (tileBlockPoint.z + tileBlockSize > region.z * 512);
};
if (tileX >= minTileX
&& tileY >= minTileY
&& tileX <= maxTileX
&& tileY <= maxTileY
&& ((regions === undefined) || regions.some(intersectsWithTile))) {
return ('/static/unmined/tiles/zoom.{z}/{xd}/{yd}/tile.{x}.{y}.' + options.imageFormat)
.replace('{z}', zoom)
.replace('{yd}', '' + Math.floor(tileY / 10))
.replace('{xd}', '' + Math.floor(tileX / 10))
.replace('{y}', view.tile.row)
.replace('{x}', view.tile.column);
} else {
return "/static/empty.jpg";
}
},
{
detectRetina: false,
bounds: [[minMapX, minMapY], [minMapX + mapWidth, minMapY + mapHeight]]
});
let map = L.map(mapId, {
crs: L.CRS.Simple,
minZoom: options.minZoom + zoomOffset,
maxZoom: options.maxZoom + zoomOffset,
layers: [unminedLayer],
maxBoundsViscosity: 1.0
}).setView([0, 0], options.defaultZoom + zoomOffset);
let northWest = map.unproject([minMapX, minMapY], map.getMaxZoom());
let southEast = map.unproject([minMapX + mapWidth, minMapY + mapHeight], map.getMaxZoom());
map.setMaxBounds(new L.LatLngBounds(northWest, southEast));
return map;
}
}

143
static/views/lobby/script.js
View File

@ -1,143 +0,0 @@
var text = document.getElementById("msg").innerText
msg = JSON.parse(text)
if (msg.hasOwnProperty('username')) {
document.getElementById('label-username').innerText = msg.username;
}
// username management
document.getElementById("btn-edit-username").onclick = async function (e) {
document.getElementById("btn-confirm-username").style.display = "inline-block";
document.getElementById("btn-discard-username").style.display = "inline-block";
document.getElementById("btn-edit-username").style.display = "none";
document.getElementById("label-username").style.display = "none";
document.getElementById("input-set-username").style.display = "inline-block";
document.getElementById("input-set-username").value = document.getElementById("label-username").innerText;
}
document.getElementById("btn-discard-username").onclick = async function (e) {
document.getElementById("btn-confirm-username").style.display = "none";
document.getElementById("btn-discard-username").style.display = "none";
document.getElementById("btn-edit-username").style.display = "inline-block";
document.getElementById("label-username").style.display = "inline-block";
document.getElementById("input-set-username").style.display = "none";
}
document.getElementById("btn-confirm-username").onclick = async function (e) {
var text = document.getElementById("input-set-username").value;
if (Boolean(text)) {
let data = {"username": text};
await fetch('api/change_username', {
method: 'POST',
body: JSON.stringify(data),
})
document.getElementById("btn-confirm-username").style.display = "none";
document.getElementById("btn-discard-username").style.display = "none";
document.getElementById("btn-edit-username").style.display = "inline-block";
document.getElementById("label-username").style.display = "inline-block";
document.getElementById("input-set-username").style.display = "none";
} else {
console.log("cant be empty");
document.getElementById("btn-confirm-username").style.display = "none";
document.getElementById("btn-discard-username").style.display = "none";
document.getElementById("btn-edit-username").style.display = "inline-block";
document.getElementById("label-username").style.display = "inline-block";
document.getElementById("input-set-username").style.display = "none";
}
}
document.getElementById("btn-create-session").onclick = async function (e) {
var text = document.getElementById("input-create-session").value;
if (Boolean(text)) {
let data = {"sessionname": text};
await fetch('api/create_session', {
method: 'POST',
body: JSON.stringify(data),
})
}
};
if (msg.hasOwnProperty('sessions')) {
const sessions = document.getElementById('sessions');
while (sessions.children.length) sessions.lastChild.remove();
Object.keys(msg.sessions).forEach( session => {
session = msg.sessions[session];
var sessionid = session["id"];
var sessionname = session["name"];
var owned = session["owned"];
const tehsession = document.createElement('div');
const labelname = document.createElement('span');
labelname.innerText = sessionname;
tehsession.appendChild(labelname);
if (owned) {
const inputname = document.createElement('input');
inputname.style.display = "none";
const btnedit = document.createElement('button');
btnedit.innerText = '🖉'
const btnconfirm = document.createElement('button');
btnconfirm.innerText = '✔'
btnconfirm.style.display = "none"
const btndiscard = document.createElement('button');
btndiscard.innerText = '✘'
btndiscard.style.display = "none"
btnedit.onclick = async function (e) {
inputname.style.display = "inline-block";
inputname.value = sessionname;
btnedit.style.display = "none";
btnconfirm.style.display = "inline-block";
btndiscard.style.display = "inline-block";
labelname.style.display = "none";
}
btndiscard.onclick = async function (e) {
inputname.style.display = "none";
btnedit.style.display = "inline-block";
btnconfirm.style.display = "none";
btndiscard.style.display = "none";
labelname.style.display = "inline-block";
}
btnconfirm.onclick = async function (e) {
text = inputname.value;
if (Boolean(text)) {
let data = {"sessionid": sessionid, "sessionname": text};
await fetch('api/change_sessionname', {
method: 'POST',
body: JSON.stringify(data),
});
inputname.style.display = "none";
btnedit.style.display = "inline-block";
btnconfirm.style.display = "none";
btndiscard.style.display = "none";
labelname.style.display = "inline-block";
} else {
console.log("cant be empty");
}
}
tehsession.appendChild(inputname);
tehsession.appendChild(btnedit);
tehsession.appendChild(btnconfirm);
tehsession.appendChild(btndiscard);
}
if ((! msg.hasOwnProperty('session')) || msg.session["id"] != sessionid) {
const btnjoin = document.createElement('button');
btnjoin.innerText = "Join";
btnjoin.onclick = async (e) => await fetch('api/join_session', {
method: 'POST', body: JSON.stringify({"sessionid": sessionid})
});
tehsession.appendChild(btnjoin);
}
sessions.appendChild(tehsession);
})
}

21
static/views/lobby/template.html
View File

@ -1,21 +0,0 @@
<span id="greeting"></span><br>
<div id="username-area">
<span id="greeting">Hello, </span>
<span id="label-username">_</span>
<input id="input-set-username" style="display: none;">
<button id="btn-edit-username">🖉</button>
<button id="btn-discard-username" style="display: none;">✘</button>
<button id="btn-confirm-username" style="display: none;">✔</button>
</div>
<br>
<span>Available sessions</span><br>
<div id="sessions"></div><br>
<br>
<br>
<span>Create Session</span><br>
<input id="input-create-session">
<button id="btn-create-session">+</button>
<br>

135
static/views/master/script.js
View File

@ -1,135 +0,0 @@
var text = document.getElementById("msg").innerText
msg = JSON.parse(text)
function onDrag (evt) {
var item = evt.item; // dragged HTMLElement
fromplayer = evt.from.getAttribute("inventory")
toplayer = evt.to.getAttribute("inventory")
itemid = item.getAttribute("itemid")
toslot = evt.newIndex
fromslot = evt.oldIndex
data = {
"fromplayer": fromplayer,
"toplayer": toplayer,
"itemid": itemid,
"fromslot": fromslot,
"toslot": toslot,
}
fetch('api/move_item', {
method: 'POST',
body: JSON.stringify(data),
});
}
function draw_item(item) {
const itemdiv = document.createElement('itemdiv');
var name = item["name"]
var description = item["description"]
var image = item["image"] || "../static/empty.jpg"
namespan = document.createElement('b');
namespan.innerText = name;
namespan.style.display = "block"
namespan.style.textAlign = "center"
descriptionspan = document.createElement('span');
descriptionspan.innerText = description;
descriptionspan.style.display = "block"
descriptionspan.style.width = "8rem";
imageimg = document.createElement('img');
imageimg.src = image;
imageimg.style.width = "8rem";
imageimg.style.display = "block"
itemdiv.appendChild(namespan);
itemdiv.appendChild(imageimg);
itemdiv.appendChild(descriptionspan);
itemdiv.style.display = "inline-block"
itemdiv.style.background = "lightcoral"
itemdiv.setAttribute("itemid", item["id"]);
return itemdiv
}
document.getElementById("btn-leave-session").onclick = async (e) => await fetch('api/leave_session', {
method: 'POST', body: JSON.stringify({})
});
var session = msg.session;
document.getElementById("session").innerText = session["name"];
document.getElementById('label-username').innerText = msg.username;
document.getElementById("btn-gen-item").onclick = async (e) => {
name = document.getElementById("input-gen-item-name").value;
description = document.getElementById("input-gen-item-description").value;
image = document.getElementById("input-gen-item-image").value;
if (Boolean(name)) {
await fetch('api/create_item', { method: 'POST', body: JSON.stringify(
{'name': name, 'description': description, 'image': image}
)});
}
};
var wrapper = document.getElementById("items");
var items = msg.items;
var itemsdiv = document.createElement('div');
var itemsheading = document.createElement('h3');
itemsheading.innerText = "All Items";
wrapper.style.background = "lightblue";
wrapper.style.display = "table";
while (wrapper.children.length) wrapper.lastChild.remove();
Object.keys(items).forEach( item => {
var item = items[item];
itemdiv = draw_item(item);
itemsdiv.appendChild(itemdiv);
});
Sortable.create(itemsdiv,
{
"group": "items",
"sort": "false",
"draggable": "itemdiv",
"onEnd": onDrag,
});
itemsdiv.setAttribute("inventory", "master");
wrapper.appendChild(itemsheading);
wrapper.appendChild(itemsdiv);
var inventories = document.getElementById("inventories");
while (inventories.children.length) inventories.lastChild.remove();
Object.keys(msg.inventories).forEach( name => {
inventory = msg.inventories[name];
inventorydiv = document.createElement('div');
inventorydiv.style.display = "block";
titlespan = document.createElement('h4');
titlespan.innerText = name;
titlespan.style.textAlign = "center";
inventorydiv.appendChild(titlespan);
Object.keys(inventory).forEach( item => {
item = inventory[item];
var thediv = draw_item(item);
//thediv.style.display = "block";
inventorydiv.appendChild(thediv);
inventorydiv.style.display = "inline-block";
});
inventorydiv.style.background = "lightgreen";
Sortable.create(inventorydiv,
{
"group": "items",
"sort": "false",
"draggable": "itemdiv",
"onEnd": onDrag,
});
inventorydiv.setAttribute("inventory", name);
inventories.appendChild(inventorydiv);
});
inventories.style.display = "inline-block";

14
static/views/master/template.html
View File

@ -1,14 +0,0 @@
Welcome to <b id="session"></b>, lobbymaster <span id="label-username"></span>
<br><br>
<button id="btn-leave-session">Leave Session</button>
<div id="div-gen-item">
Name: <input id="input-gen-item-name" /> <br>
Description: <input id="input-gen-item-description" /> <br>
Image: <input id="input-gen-item-image" /> <br>
<button id="btn-gen-item">Create item</button>
</div>
<div id="items">
</div>
<div id="inventories">
</div>

80
static/views/session/script.js
View File

@ -1,80 +0,0 @@
function draw_item(item) {
const itemdiv = document.createElement('itemdiv');
var name = item["name"]
var description = item["description"]
var image = item["image"] || "../static/empty.jpg"
namespan = document.createElement('b');
namespan.innerText = name;
namespan.style.display = "block"
namespan.style.textAlign = "center"
descriptionspan = document.createElement('span');
descriptionspan.innerText = description;
descriptionspan.style.display = "block"
descriptionspan.style.width = "8rem";
imageimg = document.createElement('img');
imageimg.src = image;
imageimg.style.width = "8rem";
imageimg.style.display = "block"
itemdiv.appendChild(namespan);
itemdiv.appendChild(imageimg);
itemdiv.appendChild(descriptionspan);
itemdiv.style.display = "inline-block"
itemdiv.style.background = "lightcoral"
itemdiv.setAttribute("itemid", item["id"]);
return itemdiv
}
var text = document.getElementById("msg").innerText
msg = JSON.parse(text)
document.getElementById("btn-leave-session").onclick = async (e) => await fetch('api/leave_session', {
method: 'POST', body: JSON.stringify({})
});
document.getElementById("session").innerText = msg.session;
document.getElementById('label-username').innerText = msg.username;
//fill inventory and inventories
inventorydiv = document.getElementById("inventory");
inventoriesdiv = document.getElementById("inventories");
while (inventorydiv.children.length) inventorydiv.lastChild.remove();
while (inventoriesdiv.children.length) inventoriesdiv.lastChild.remove();
username = msg.username;
inventories = msg.inventories;
if (username in inventories) {
inventory = inventories[username]
Object.keys(inventory).forEach( item => {
var item = inventory[item];
itemdiv = draw_item(item);
inventorydiv.appendChild(itemdiv);
});
}
Object.keys(inventories).forEach( inventory => {
if (!(inventory in inventories))
return;
if (inventory == username)
return;
var wrapper = document.createElement('div')
var usernamespan = document.createElement('span')
usernamespan.innerText = inventory;
var inventorydiv = document.createElement('div')
Object.keys(inventories[inventory]).forEach( item => {
var item = inventories[inventory][item];
itemdiv = draw_item(item);
inventorydiv.appendChild(itemdiv);
});
//inventorydiv.appendChild(itemdiv);
wrapper.appendChild(usernamespan)
wrapper.appendChild(inventorydiv)
inventoriesdiv.appendChild(wrapper);
});

13
static/views/session/template.html
View File

@ -1,13 +0,0 @@
<div>
Hello <span id="label-username"></span>
<br><br>
Welkome to <b id="session"></b>! <br>
<button id="btn-leave-session">Leave Session</button>
<br><br>
</div>
<h3>Your items</h3>
<div id="inventory">
</div>
<h3>Other players' inventories</h3>
<div id="inventories">
</div>

30
ui.html
View File

@ -1,30 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>leafblade Minecraft Server</title>
<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<meta charset="UTF-8"/>
<style>
div {
/* border: 1px solid; */
margin: 5px;
}
</style>
</head>
<body>
<div id="content">
</div>
</body>
<script src="../static/renderer.js"></script>
<script>
fetch('api/draw', {
method: 'POST',
body: JSON.stringify({}),
});
</script>
</html>