go-urlsh/web/main.js

// Link overview

async function HandleLinkIndexDelete(id) {
    let response = await fetch("/api/v1/links/" + id, {
        credentials: "include",
        mode: "same-origin",
        method: "DELETE"
    });
    if (!response.ok) {
        console.log("error deleting " + id + ": " + response.statusText)
    }
    document.location = "/admin/"
}

async function HandleLinkIndexCopy(id) {
    let host = window.location.protocol + "//" + window.location.host;
    await navigator.clipboard.writeText(host + "/" + id);
}


// Link Add

async function HandleLinkAddSubmit() {
    await LinkAction("add")
}

// Link edit

async function HandleLinkEditSubmit() {
    await LinkAction("edit")
}

async function LinkAction(action) {
    document.getElementById("submit").active = false
    let slug = document.getElementById("linkname").value
    let url = document.getElementById("link").value
    let description = document.getElementById("description").value

    let method, endpoint = ""
    let body;
    switch (action) {
        case "add":
            method = "POST"
            endpoint = "/api/v1/links/"
            body = {
                "id": slug,
                "url": url,
                "description": description
            }
            break;
        case "edit":
            method = "PUT"
            endpoint = "/api/v1/links/" + slug
            body = {
                "url": url,
                "description": description
            }
            break;
        default:
            return
    }



    let response = await fetch(endpoint, {
        credentials: "include",
        body: JSON.stringify(body),
        mode: "same-origin",
        method: method
    });

    if (!response.ok) {
        document.getElementById("dialog-heading").textContent = "Error"
        document.getElementById("dialog-text").textContent = "The following error occured during the request: " + response.statusText
        document.getElementById('dialog-info').showModal()

        document.getElementById("submit").active = true
    }
    document.location = "/admin/"
}

async function HandleLinkFieldChange() {
    console.log("HandleChange")
    let buttonactive = true
    if (document.getElementById("link").value === "") {
        buttonactive = false
    }
    document.getElementById("submit").active = buttonactive
}

// ApiKey Add

async function HandleApiKeyNewSubmit() {
    let button = document.getElementById("submit")
    let description = document.getElementById("description")
    button.active = false
    button.setAttribute("aria-busy", "true")

    let body = {
        "description": description
    }

    let response = await fetch("/api/v1/apikeys", {
        credentials: "include",
        body: JSON.stringify(body),
        mode: "same-origin",
        method: "POST"
    });

    if (response.ok) {
        let data = await response.json()
        document.getElementById("dialog-heading").textContent = "New API-Key"
        document.getElementById("dialog-text").textContent = "Here is your new API Key. Copy it NOW, it won't be shown again."
        document.getElementById("dialog-apikey").textContent = data.key
        document.getElementById('dialog-info').showModal()
    }
}

async function HandleMFASetupTokenSubmit() {
    let token = document.getElementById("token").value

    let body = {
        "token": token
    }

    let response = await fetch("/admin/account/mfasetup", {
        credentials: "include",
        body: JSON.stringify(body),
        headers: { "Content-Type": "application/json", },
        mode: "same-origin",
        method: "POST"
    });

    if (response.ok) {
        let data = await response.json()

        document.getElementById("dialog-tokens").textContent = data["recovery_tokens"].join(" ")
        document.getElementById('dialog-success').showModal()
    } else {
        document.cookie = 'gourlsh_mfa_setup=; Max-Age=-1; path=/; domain=' + location.hostname;

        document.getElementById("dialog-heading").textContent = "Error!"
        document.getElementById("dialog-text").textContent = "Something didnt work!"
        document.getElementById('dialog-error').showModal()
    }
}

async function HandleMFARemovalRequest() {
    document.getElementById('mfa-disable-dialog').showModal()
}

async function HandleMFARemoval() {
    let keepButton = document.getElementById('button-keep')
    let deleteButton = document.getElementById('button-delete')

    keepButton.disabled = true
    deleteButton.disabled = true
    deleteButton.value = 'Please wait...'
    deleteButton.setAttribute('aria-busy', 'true')

    endpoint = "/admin/account/mfa"
    let response = await fetch(endpoint, {
        credentials: "include",
        mode: "same-origin",
        method: "DELETE"
    });

    if (response.ok) {
        document.location = "/admin/account"
    } //else {
        // TODO
        // Handle error condition
        //document.cookie = 'gourlsh_mfa_setup=; Max-Age=-1; path=/; domain=' + location.hostname;

        //document.getElementById("dialog-heading").textContent = "Error!"
        //document.getElementById("dialog-text").textContent = "Something didnt work!"
        //document.getElementById('dialog-error').showModal()
    //}
}

async function HandleMFALoginTokenPost() {
    document.getElementById("submit").disabled = true;
    document.getElementById("token").disabled = true;
    let token = document.getElementById("token").value
    let body = {
        "token": token
    }

    let response = await fetch("/admin/login/multifactor", {
        credentials: "include",
        headers: { "Content-Type": "application/json", },
        body: JSON.stringify(body),
        mode: "same-origin",
        method: "POST"
    });

    if (response.ok) {
        document.location = "/admin/"
    } else {
        document.getElementById("submit").disabled = false;
        document.getElementById("token").disabled = false;
        document.getElementById('error-message').innerHTML = "Two Factor Authentication failed. Please try again."
        document.getElementById('error-message').setAttribute("class", "")
        document.getElementById('token').value = ""
        document.getElementById('token').setAttribute("aria-invalid", "true")

    }
}

function HandleModalClose(id, redir) {
    document.getElementById(id).close();

    if (redir) {
        document.location = redir
    }
}


// General

function Logout() {
    document.cookie = 'gourlsh_auth=; Max-Age=-1; path=/; domain=' + location.hostname;
    document.location = "/admin/login"
}