// ==UserScript==
// @name * Baumeister
// @namespace bos-ernie.leitstellenspiel.de
// @version 1.4.0
// @license BSD-3-Clause
// @author BOS-Ernie
// @description Fügt einen Präfix zum Namen neuer Gebäude hinzu, wählt die nächste Integrierte Leitstelle aus und selektiert das Startfahrzeug für Feuerwachen aus. Zudem erstellt es über einen separaten Button eine Rettungswache (Klein) und SEG am aktuellen Standort.
// @match https://www.leitstellenspiel.de/
// @match https://polizei.leitstellenspiel.de/
// @icon https://www.google.com/s2/favicons?sz=64&domain=leitstellenspiel.de
// @run-at document-idle
// @grant none
// ==/UserScript==
/* global building_new_marker, building_new_dragend */
(function () {
"use strict";
const buildingImages = [
{
buildingTypeId: 7,
caption: "Leitstelle",
image: "/images/building_leitstelle.png",
},
{
buildingTypeId: 0,
caption: "Feuerwache",
image: "/images/building_fire.png",
},
{
buildingTypeId: 18,
caption: "Feuerwache (Kleinwache)",
image: "/images/building_fire.png",
},
{
buildingTypeId: 1,
caption: "Feuerwehrschule",
image: "/images/building_fireschool.png",
},
{
buildingTypeId: 2,
caption: "Rettungswache",
image: "/images/building_rescue_station.png",
},
{
buildingTypeId: 20,
caption: "Rettungswache (Kleinwache)",
image: "/images/building_rescue_station.png",
},
{
buildingTypeId: 3,
caption: "Rettungsschule",
image: "/images/building_rettungsschule.png",
},
{
buildingTypeId: 4,
caption: "Krankenhaus",
image: "/images/building_hospital.png",
},
{
buildingTypeId: 5,
caption: "Rettungshubschrauber-Station",
image: null,
},
{
buildingTypeId: 12,
caption: "Schnelleinsatzgruppe (SEG)",
image: "/images/building_seg.png",
},
{
buildingTypeId: 6,
caption: "Polizeiwache",
image: "/images/building_polizeiwache.png",
},
{
buildingTypeId: 19,
caption: "Polizeiwache (Kleinwache)",
image: "/images/building_polizeiwache.png",
},
{
buildingTypeId: 11,
caption: "Bereitschaftspolizei",
image: "/images/building_bereitschaftspolizei.png",
},
{
buildingTypeId: 17,
caption: "Polizei-Sondereinheiten",
image: null,
},
{
buildingTypeId: 13,
caption: "Polizeihubschrauberstation",
image: "/images/building_helipad_polizei.png",
},
{
buildingTypeId: 8,
caption: "Polizeischule",
image: "/images/building_polizeischule.png",
},
{
buildingTypeId: 9,
caption: "THW",
image: "/images/building_thw.png",
},
{
buildingTypeId: 10,
caption: "THW Bundesschule",
image: "/images/building_thw_school.png",
},
{
buildingTypeId: 14,
caption: "Bereitstellungsraum",
image: null,
},
{
buildingTypeId: 15,
caption: "Wasserrettung",
image: "/images/building_wasserwacht.png",
},
{
buildingTypeId: 21,
caption: "Rettungshundestaffel",
image: "/images/building_rescue_dog_unit.png",
},
];
class Coordinate {
constructor(latitude, longitude) {
this.latitude = latitude;
this.longitude = longitude;
}
}
let controlCenters = [];
const date = new Date().toISOString().slice(2, 10).replace(/-/g, "");
const prefixes = {
7: "ILS",
0: "Florian " + date + " NW",
18: "Florian " + date + " KW",
1: "FS",
2: "Rettung " + date + " NW",
20: "Rettung " + date + " KW",
3: "RS",
4: "KH",
5: "Christoph",
12: "SEG " + date,
6: "Dora " + date + " NW",
19: "Dora " + date + " KW",
11: "Bruno " + date,
17: "Polizei-Sondereinheiten",
13: "Bussard",
8: "PS",
9: "Heros " + date,
10: "TS",
14: "BSR",
15: "Neptun " + date,
21: "Antonius " + date,
16: "Polizeizellen",
};
const createdBuildingsListId = "created-buildings-list";
async function getBuildings() {
if (
!sessionStorage.aBuildings ||
JSON.parse(sessionStorage.aBuildings).lastUpdate < new Date().getTime() - 5 * 1000 * 60
) {
const buildings = await fetch("/api/buildings.json").then(response => response.json());
try {
sessionStorage.setItem("aBuildings", JSON.stringify({ lastUpdate: new Date().getTime(), value: buildings }));
} catch (e) {
return buildings;
}
}
return JSON.parse(sessionStorage.aBuildings).value;
}
async function initControlCenters() {
const buildings = await getBuildings();
controlCenters = buildings.filter(building => building.building_type === 7);
}
function calculateDistanceInKm(coordinateA, coordinateB) {
const R = 6371;
const dLat = deg2rad(coordinateB.latitude - coordinateA.latitude);
const dLon = deg2rad(coordinateB.longitude - coordinateA.longitude);
const a =
Math.sin(dLat / 2) * Math.sin(dLat / 2) +
Math.cos(deg2rad(coordinateA.latitude)) *
Math.cos(deg2rad(coordinateB.latitude)) *
Math.sin(dLon / 2) *
Math.sin(dLon / 2);
const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
return R * c;
}
function deg2rad(deg) {
return deg * (Math.PI / 180);
}
function getIdOfClosestControlCenter(coordinate) {
let localControlCenters = controlCenters.map(controlCenter => {
const distance = calculateDistanceInKm(
coordinate,
new Coordinate(controlCenter.latitude, controlCenter.longitude),
);
return {
id: controlCenter.id,
caption: controlCenter.caption,
distance: distance,
};
});
localControlCenters.sort((a, b) => a.distance - b.distance);
return localControlCenters[0].id;
}
function getCurrentCity() {
const address = document.getElementById("building_address").value;
return address
.substring(address.lastIndexOf(",") + 1)
.trim()
.replace(/\d+/g, "")
.trim();
}
function updateBuildingName(buildingType) {
let buildingName = "";
const prefix = prefixes[buildingType];
if (prefix) {
buildingName = prefix + " ";
}
document.getElementById("building_name").value = buildingName + getCurrentCity();
}
function buildingTypeChangeEvent(event) {
const buildingType = event.target.value;
updateBuildingName(buildingType);
if (buildingType === "0") {
document.getElementById("building_start_vehicle_feuerwache").value = 30;
}
if (buildingType === "18") {
document.getElementById("building_start_vehicle_feuerwache_kleinwache").value = 30;
}
}
function selectClosestControlCenter(coordinate) {
document.getElementById("building_leitstelle_building_id").value = getIdOfClosestControlCenter(coordinate);
}
function overwriteDrangEndListener() {
let latitude = null;
let longitude = null;
const buildingNewDragendOriginal = building_new_dragend;
building_new_dragend = function () {
let coordinates = building_new_marker.getLatLng();
let coordinatesChanged = false;
if (latitude !== coordinates.lat) {
latitude = coordinates.lat;
coordinatesChanged = true;
}
if (longitude !== coordinates.lng) {
longitude = coordinates.lng;
coordinatesChanged = true;
}
if (coordinatesChanged) {
selectClosestControlCenter(new Coordinate(latitude, longitude));
}
buildingNewDragendOriginal();
setTimeout(() => {
updateBuildingName(document.getElementById("building_building_type").value);
}, 250);
};
}
function selectBuildingType(id) {
const buildingType = document.getElementById("building_building_type");
for (let i = 0; i < buildingType.options.length; i++) {
if (buildingType.options[i].value === id) {
buildingType.selectedIndex = i;
buildingType.dispatchEvent(new Event("change"));
break;
}
}
console.warn("[Baumeister] Failed to select building type");
}
function getImageUrlByBuildingTypeId(buildingTypeId) {
const buildingImage = buildingImages.find(
buildingImage => buildingImage.buildingTypeId === parseInt(buildingTypeId),
);
if (buildingImage) {
return buildingImage.image;
}
return null;
}
async function createBuilding() {
const coordinate = building_new_marker.getLatLng();
const form = document.getElementById("new_building");
const formData = new FormData(form);
const response = await fetch("https://www.leitstellenspiel.de/buildings", {
headers: {
"x-csrf-token": document.querySelector('meta[name="csrf-token"]'),
"x-requested-with": "XMLHttpRequest",
},
method: "POST",
body: formData,
});
const responseText = await response.text();
const parser = new DOMParser();
const responseParser = parser.parseFromString(responseText, "text/html");
const alerts = responseParser.querySelectorAll("span.label-danger");
if (alerts.length > 0) {
alerts.forEach(alert => {
const message = alert.innerText;
const alertElement = document.createElement("div");
alertElement.className = "alert alert-danger";
alertElement.innerText = message;
document.getElementById("detail_16").parentElement.insertAdjacentElement("beforeend", alertElement);
});
return;
}
const buildingId = responseText.match(/\/buildings\/(\d+)/)[1];
const buildingName = document.getElementById("building_name").value;
const createdBuildingsListItem = document.createElement("li");
createdBuildingsListItem.innerHTML = `<a href="/buildings/${buildingId}" target="_blank" class="text-success">${buildingName}</a>`;
document.getElementById(createdBuildingsListId).appendChild(createdBuildingsListItem);
const iconUrl = getImageUrlByBuildingTypeId(formData.get("building[building_type]"));
if (iconUrl) {
const markerOptions = {
icon: L.icon({
iconUrl: iconUrl,
iconSize: [32, 37],
iconAnchor: [16, 37],
popupAnchor: [0, -37],
}),
};
L.marker([coordinate.lat, coordinate.lng], markerOptions).addTo(map);
} else {
L.marker([coordinate.lat, coordinate.lng]).addTo(map);
}
}
async function rescueBuildingsButtonClickEvent(event) {
event.preventDefault();
const buildButton = event.target.closest("button");
buildButton.disabled = true;
// Create rescue station building
selectBuildingType("20");
await createBuilding();
// Create rapid response team building
selectBuildingType("12");
await createBuilding();
buildButton.disabled = false;
}
function addRescueBuildingsButton() {
const buttonId = "rescue-buildings-button";
if (document.getElementById(buttonId)) {
return;
}
const rescueBuildingsButton = document.createElement("button");
rescueBuildingsButton.id = buttonId;
rescueBuildingsButton.type = "button";
rescueBuildingsButton.className = "btn btn-default";
rescueBuildingsButton.innerHTML = "🚑";
rescueBuildingsButton.addEventListener("click", rescueBuildingsButtonClickEvent);
document.getElementById("detail_16").parentElement.insertAdjacentElement("beforeend", rescueBuildingsButton);
}
function addOrderedList() {
const orderedList = document.createElement("ol");
orderedList.id = createdBuildingsListId;
document.getElementById("detail_16").parentElement.insertAdjacentElement("beforeend", orderedList);
}
async function buildButtonClickEvent(event) {
event.preventDefault();
const buildButton = event.target;
buildButton.disabled = true;
await createBuilding();
buildButton.disabled = false;
}
function addEventListeners() {
const buildButtons = document.querySelectorAll("input[type=submit].build_with_credits_step");
for (let i = 0; i < buildButtons.length; i++) {
buildButtons[i].addEventListener("click", buildButtonClickEvent);
}
}
async function main() {
await initControlCenters();
const observer = new MutationObserver(mutationRecords => {
mutationRecords.forEach(mutation => {
if (!mutation.target.querySelector("#new_building")) {
return;
}
addEventListeners();
addRescueBuildingsButton();
addOrderedList();
document.getElementById("building_building_type").addEventListener("change", buildingTypeChangeEvent);
overwriteDrangEndListener();
updateBuildingName();
const element = document.getElementById("building_new_info_message");
if (element) {
element.remove();
}
});
});
observer.observe(document.getElementById("buildings"), {
childList: true,
});
}
main();
})();
