mirror of
https://hacklab.nilfm.cc/felt
synced 2024-10-22 14:31:48 +00:00
299 lines
No EOL
9 KiB
JavaScript
299 lines
No EOL
9 KiB
JavaScript
let adminToken = null;
|
|
const adminWrapper = document.getElementById("adminWrapper");
|
|
const adminZone = document.getElementById("adminZone");
|
|
const spriteZone = document.getElementById("spriteZone");
|
|
const createTableForm = document.getElementById("createTableForm");
|
|
const createTokenForm = document.getElementById("createTokenForm");
|
|
const tokenWrapper = document.getElementById("adminWrapper_tokens");
|
|
const newTableName = document.getElementById("newTableName");
|
|
const newTablePass = document.getElementById("newTablePass");
|
|
|
|
async function getTable(name, pass) {
|
|
try {
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
const res = await fetch(`/admin/api/table/${name}?passcode=${pass}`, {
|
|
method: 'GET',
|
|
headers: headers,
|
|
});
|
|
|
|
const mapImgs = await fetch (`/admin/api/upload/${name}/map/?passcode=${pass}`, {
|
|
method: 'GET',
|
|
headers: headers,
|
|
});
|
|
|
|
const tokenImgs = await fetch(`/admin/api/upload/${name}/token/?passcode=${pass}`, {
|
|
method: 'GET',
|
|
headers: headers,
|
|
});
|
|
|
|
let infoHtml = ""
|
|
if (res.ok) {
|
|
document.getElementById("input_table_name").value = name;
|
|
document.getElementById("input_table_pass").value = pass;
|
|
dial();
|
|
infoHtml = "<a href='#' onclick='getTables()'>← table list</a><br>";
|
|
infoHtml += `<textarea id='auxMsgZone'>${(await res.json()).auxMsg}</textarea><br><button onclick='publishAuxMsg()'>Set Status</button>`
|
|
infoHtml += "<button onclick='destroyTable()'>Destroy Table</button><br/>";
|
|
infoHtml += "<input id='map_img_upload' type='file'/><button onclick='uploadMapImg()'>Upload Map</button><br/>"
|
|
if (mapImgs.ok) {
|
|
infoHtml += "<label>Available Maps</label>";
|
|
const imgs = await mapImgs.json();
|
|
infoHtml += "<ul>";
|
|
for (const i of imgs) {
|
|
const parts = i.split("/");
|
|
infoHtml += `<li>${parts[parts.length - 1]} <a href="${i}" target="_blank">view</a> <button onclick="sendMapImg('${i}');">Set</button> <button onclick="deleteImg('${i}')">Delete</button></li>\n`;
|
|
}
|
|
infoHtml += "</ul>";
|
|
} else {
|
|
infoHtml += "<label>Maps couldn't be retrieved</label>";
|
|
}
|
|
adminZone.innerHTML = infoHtml;
|
|
|
|
let tokenListHTML = "<input id='token_img_upload' type='file'/><button onclick='uploadTokenImg()'>Upload Token</button><br/>";
|
|
if (tokenImgs.ok) {
|
|
tokenListHTML += "<label>Available Sprites</label>";
|
|
const tokens = await tokenImgs.json();
|
|
tokenListHTML += "<ul>";
|
|
for (const t of tokens) {
|
|
const parts = t.split("/");
|
|
tokenListHTML += `<li>${parts[parts.length - 1]} <a href="${t}" target="_blank">view</a> <button onclick="deleteImg('${t}')">Delete</button></li>\n`
|
|
}
|
|
tokenListHTML += "</ul>";
|
|
} else {
|
|
tokenListHTML += "<label>Sprites couldn't be retrieved</label>"
|
|
}
|
|
|
|
spriteZone.innerHTML = tokenListHTML;
|
|
|
|
tokenWrapper.style.display = "inline";
|
|
|
|
// also, we have to fill and toggle the tokens window
|
|
} else {
|
|
console.log(res.status);
|
|
}
|
|
} catch (err) {
|
|
setErr(`${err.name}: ${err.message}`);
|
|
}
|
|
}
|
|
|
|
function publishAuxMsg() {
|
|
const txtArea = document.getElementById("auxMsgZone");
|
|
if (txtArea != null) {
|
|
publish({auxMsg: txtArea.value, auth: adminToken.access_token});
|
|
}
|
|
}
|
|
|
|
function sendMapImg(url) {
|
|
console.log("sending " + url);
|
|
publish({mapImg: url, auth: adminToken.access_token});
|
|
}
|
|
|
|
async function uploadMapImg() {
|
|
try {
|
|
var input = document.getElementById("map_img_upload");
|
|
var data = new FormData();
|
|
data.append('file', input.files[0]);
|
|
data.append('name', tableKey.name);
|
|
data.append('passcode', tableKey.passcode);
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
res = await fetch(`/admin/api/upload/${tableKey.name}/map/`, {
|
|
headers: headers,
|
|
method: "POST",
|
|
body: data,
|
|
});
|
|
if (res.ok) {
|
|
// refresh so we can see the new entry in the list
|
|
getTable(tableKey.name, tableKey.passcode);
|
|
} else {
|
|
throw new Error("Something went wrong uploading the map BG...");
|
|
}
|
|
} catch (err) {
|
|
setErr(`${err.name}: ${err.message}`);
|
|
}
|
|
}
|
|
async function uploadTokenImg() {
|
|
try {
|
|
var input = document.getElementById("token_img_upload");
|
|
var data = new FormData();
|
|
data.append('file', input.files[0]);
|
|
data.append('name', tableKey.name);
|
|
data.append('passcode', tableKey.passcode);
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
res = await fetch(`/admin/api/upload/${tableKey.name}/token/`, {
|
|
headers: headers,
|
|
method: "POST",
|
|
body: data,
|
|
});
|
|
if (res.ok) {
|
|
// refresh so we can see the new entry in the list
|
|
getTable(tableKey.name, tableKey.passcode);
|
|
} else {
|
|
throw new Error("Something went wrong uploading the token sprite...");
|
|
}
|
|
} catch (err) {
|
|
setErr(`${err.name}: ${err.message}`);
|
|
}
|
|
}
|
|
async function deleteImg(url) {
|
|
try {
|
|
if (url.startsWith("/uploads/")) {
|
|
const parts = url.split("/");
|
|
parts.shift();
|
|
const table = parts[1];
|
|
const imgType = parts[2]
|
|
const file = parts[3];
|
|
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
const res = await fetch(`/admin/api/upload/${table}/${imgType}/${file}?passcode=${tableKey.passcode}`, {
|
|
headers: headers,
|
|
method: "DELETE",
|
|
});
|
|
|
|
if (res.ok) {
|
|
// refresh UI
|
|
getTable(tableKey.name, tableKey.passcode);
|
|
} else {
|
|
throw new Error ("Something went wrong deleting the image...");
|
|
}
|
|
}
|
|
} catch (err) {
|
|
setErr(`${err.name}: ${err.message}`);
|
|
}
|
|
}
|
|
|
|
async function destroyTable() {
|
|
try {
|
|
if (confirm("You really want to destroy this table?")) {
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
const res = await fetch(`/admin/api/table/${tableKey.name}`, {
|
|
method: 'DELETE',
|
|
headers: headers,
|
|
body: JSON.stringify(tableKey)
|
|
});
|
|
if (res.ok) {
|
|
conn.close(1000);
|
|
initializeMap("");
|
|
getTables();
|
|
|
|
} else {
|
|
setErr(await res.json());
|
|
}
|
|
}
|
|
} catch (err) {
|
|
setErr(`${err.name}: ${err.message}`);
|
|
}
|
|
}
|
|
|
|
async function getTables() {
|
|
try {
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
const res = await fetch('/admin/api/table/', {
|
|
method: 'GET',
|
|
headers: headers
|
|
});
|
|
if (res.ok) {
|
|
const tableList = await res.json();
|
|
let tableListHTML = "<ul>\n";
|
|
for (const t of tableList) {
|
|
tableListHTML += `<li><a href="#" onclick="getTable('${t.name}','${t.passcode}');return false;">${t.name}</a></li>\n`
|
|
}
|
|
tableListHTML += "</ul>"
|
|
adminZone.innerHTML = tableListHTML;
|
|
tokenWrapper.style.display = "none";
|
|
} else {
|
|
if (res.status == 404) {
|
|
return;
|
|
}
|
|
setErr(await res.headers.get("Quartzgun-Error"));
|
|
}
|
|
} catch {
|
|
}
|
|
}
|
|
|
|
async function doLogin() {
|
|
const adminUsrInput = document.getElementById("name_entry");
|
|
const adminPassInput = document.getElementById("input_admin_pass");
|
|
|
|
if (adminUsrInput && adminPassInput) {
|
|
adminToken = await getAdminToken(adminUsrInput.value, adminPassInput.value);
|
|
if (adminToken) {
|
|
adminWrapper.style.display="inline";
|
|
getTables();
|
|
adminZone.style.display = "block";
|
|
} else {
|
|
setErr("Incorrect credentials");
|
|
}
|
|
}
|
|
}
|
|
|
|
async function getAdminToken(user, pass) {
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Basic ' + btoa(user + ":" + pass));
|
|
try {
|
|
const res = await fetch('/admin/api/auth/', {
|
|
method: 'POST',
|
|
headers: headers
|
|
});
|
|
|
|
if (res.ok) {
|
|
return await res.json();
|
|
}
|
|
return null;
|
|
} catch (err) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
function setTableCreateFormVisible(v) {
|
|
if (createTableForm) {
|
|
createTableForm.style.display = v ? "block" : "none";
|
|
}
|
|
if (!v) {
|
|
if (newTableName) {
|
|
newTableName.value = "";
|
|
}
|
|
if (newTablePass) {
|
|
newTablePass.value = "";
|
|
}
|
|
}
|
|
}
|
|
|
|
function setTokenCreateFormVisible(v) {
|
|
if (createTokenForm) {
|
|
createTokenForm.style.display = v ? "block" : "none";
|
|
}
|
|
if (!v) {
|
|
// clear the form
|
|
}
|
|
}
|
|
|
|
async function createTable() {
|
|
const headers = new Headers();
|
|
headers.set('Authorization', 'Bearer ' + adminToken.access_token);
|
|
|
|
const formData = new FormData();
|
|
formData.set("name", newTableName.value);
|
|
formData.set("passcode", newTablePass.value);
|
|
|
|
let bodyStr = "{";
|
|
for (const pair of formData.entries()) {
|
|
bodyStr += `"${pair[0]}": "${pair[1]}",`;
|
|
}
|
|
bodyStr = bodyStr.slice(0, -1);
|
|
bodyStr += "}";
|
|
const res = await fetch('/admin/api/table/', {
|
|
method: 'POST',
|
|
headers: headers,
|
|
body: bodyStr,
|
|
});
|
|
if (res.ok) {
|
|
getTables();
|
|
setTableCreateFormVisible(false);
|
|
}
|
|
} |