<style> .api input,
.api button {
  padding: 0.125rem 0.25rem;
font-size: 1rem;
} </style>

<script>
"use strict";

const BASE_URL = "http://localhost:8080/";

function loadBaseUrl() {
    const txtUrl = document.querySelector("#api-url");
    if (!txtUrl) {
        return;
    }
    txtUrl.value = localStorage.getItem("suggestions-api-url") || "";
    txtUrl.addEventListener("change", (event) => {
        localStorage.setItem("suggestions-api-url", event.target.value);
    });
}

function openApiTester(path) {
    const txtUrl = document.querySelector("#api-url");
    if (!txtUrl) {
        return;
    }
    const baseUrl = txtUrl.value || BASE_URL;
    const url = baseUrl + "suggestions/service/" + path + "#api";
    window.open(url, "_blank").focus();
}

if (document.readyState === "complete") {
    loadBaseUrl();
} else {
    window.addEventListener("DOMContentLoaded", loadBaseUrl);
}
</script>