import {AllKnownLayouts} from "./Customizations/AllKnownLayouts"; import {FixedUiElement} from "./UI/Base/FixedUiElement"; import {InitUiElements} from "./InitUiElements"; import {QueryParameters} from "./Logic/Web/QueryParameters"; import {UIEventSource} from "./Logic/UIEventSource"; import * as $ from "jquery"; import LayoutConfig from "./Customizations/JSON/LayoutConfig"; import {Utils} from "./Utils"; import MoreScreen from "./UI/BigComponents/MoreScreen"; import State from "./State"; let defaultLayout = "" // --------------------- Special actions based on the parameters ----------------- // @ts-ignore if (location.href.startsWith("http://buurtnatuur.be")) { // Reload the https version. This is important for the 'locate me' button window.location.replace("https://buurtnatuur.be"); } if (location.href.indexOf("buurtnatuur.be") >= 0) { defaultLayout = "buurtnatuur" } const customCssQP = QueryParameters.GetQueryParameter("custom-css", "", "If specified, the custom css from the given link will be loaded additionaly"); if (customCssQP.data !== undefined && customCssQP.data !== "") { Utils.LoadCustomCss(customCssQP.data); } let testing: UIEventSource; if (location.hostname === "localhost" || location.hostname === "127.0.0.1") { testing = QueryParameters.GetQueryParameter("test", "true"); // Set to true if testing and changes should NOT be saved testing.setData(testing.data ?? "true") // If you have a testfile somewhere, enable this to spoof overpass // This should be hosted independantly, e.g. with `cd assets; webfsd -p 8080` + a CORS plugin to disable cors rules // Overpass.testUrl = "http://127.0.0.1:8080/streetwidths.geojson"; } else { testing = QueryParameters.GetQueryParameter("test", "false"); } // ----------------- SELECT THE RIGHT QUESTSET ----------------- const path = window.location.pathname.split("/").slice(-1)[0]; if (path !== "index.html" && path !== "") { defaultLayout = path; if (path.endsWith(".html")) { defaultLayout = path.substr(0, path.length - 5); } console.log("Using layout", defaultLayout); } defaultLayout = QueryParameters.GetQueryParameter("layout", defaultLayout, "The layout to load into MapComplete").data; let layoutToUse: LayoutConfig = AllKnownLayouts.allSets[defaultLayout.toLowerCase()]; const userLayoutParam = QueryParameters.GetQueryParameter("userlayout", "false"); const layoutFromBase64 = decodeURIComponent(userLayoutParam.data); if (layoutFromBase64.startsWith("wiki:")) { console.log("Downloading map theme from the wiki"); const themeName = layoutFromBase64.substr("wiki:".length); new FixedUiElement(`Downloading ${themeName} from the wiki...`) .AttachTo("centermessage"); const cleanUrl = `https://wiki.openstreetmap.org/wiki/${themeName}`; const url = `https://cors-anywhere.herokuapp.com/` + cleanUrl; // ~NOT~ VERY SAFE AND HACKER-PROOF! // We use cors-anywhere because the wiki from openstreetmap is locked-down :( /*/ const url = cleanUrl; // MUCH SAFER! //*/ $.ajax({ url: url, success: function (data) { // Hacky McHackFace has been working here. This'll probably break in the future const startTrigger = "
"; const start = data.indexOf(startTrigger); data = data.substr(start, data.indexOf("
") - start) data = data.substr(0, data.lastIndexOf("

")) data = data.substr(data.indexOf("

") + 3) console.log(data) try { const parsed = JSON.parse(data); // Overwrite the id to the wiki:value parsed.id = layoutFromBase64.replace(/[: \/]/g, '-') const layout = new LayoutConfig(parsed); InitUiElements.InitAll(layout, layoutFromBase64, testing, layoutFromBase64, btoa(data)); } catch (e) { new FixedUiElement(`${themeName} is invalid:
${e}`) .SetClass("clickable") .AttachTo("centermessage"); console.error("Could not parse the text", data) throw e; } }, }).fail((_, textstatus, error) => { console.error("Could not download the wiki theme:", textstatus, error) new FixedUiElement(`${themeName} is invalid:
Could not download - wrong URL?
`+ error + "Go back") .SetClass("clickable") .AttachTo("centermessage"); }); } else if (layoutFromBase64 !== "false") { layoutToUse = InitUiElements.LoadLayoutFromHash(userLayoutParam); InitUiElements.InitAll(layoutToUse, layoutFromBase64, testing, defaultLayout, location.hash.substr(1)); } else if (layoutToUse !== undefined) { // This is the default case: a builtin theme InitUiElements.InitAll(layoutToUse, layoutFromBase64, testing, defaultLayout); } else { // We fall through: no theme loaded: just show a few buttons document.getElementById("decoration-desktop").remove(); State.state = new State(undefined); document.getElementById("messagesboxmobile").remove(); new MoreScreen(true) .SetStyle("background: var(--background-color); display: block; margin-left: 5vw; margin-right: 5vw; pointer-events: all;") .AttachTo("topleft-tools"); } window.addEventListener('contextmenu', function (e) { // Not compatible with IE < 9 e.preventDefault(); }, false);