karaoqueue/backend/templates/main.html

{% extends 'base.html' %}
{% block title %}Warteliste{% endblock %}
{% block content %}
<a id="bfb" role="button" class="btn btn-primary btn-lg btn-block mb-2" href="/list">Eintragen</a>
<table class="table entries"
        data-toggle="table"
        data-ajax="dataRequestQueueAndDestroyTooltips"
        data-pagination="true"
        data-classes="table"
    data-show-refresh="false"
        data-auto-refresh="true"
        data-auto-refresh-interval="10">
    <thead>
        <tr>
            <th data-field="Name">Name</th>
            <th data-field="Title">Song</th>
            <th data-field="Artist">Künstler</th>
            <th scope="col" data-formatter="TableActionsFormatter"></th>
        </tr>
    </thead>
</table>
<a name="end"></a>
{% endblock %}
{% block extrajs %}
<script>
    $.getJSON("/api/entries/accept", (data) => {
        if (data["value"] == 0) {
            $("#bfb").addClass("disabled")
            $("#bfb").prop("aria-disabled", true);
            $("#bfb").prop("tabindex", "-1");
            $("#bfb").wrap("<span class='tooltip-span' tabindex='0' data-toggle='tooltip' data-placement='bottom'></span>");
            $(".tooltip-span").prop("title", "Eintragungen sind leider momentan nicht möglich.")
            $('[data-toggle="tooltip"]').tooltip()
        }
    })

    function TableActionsFormatter(value, row, index) {
        if (getOwnedEntries().includes(row.entry_ID)) {
            return "<button type='button' class='btn btn-danger' data-toggle='tooltip' data-placement='top' title='Eintrag zurückziehen' onclick=\"event.stopPropagation();$(this).tooltip('dispose');requestDeletionAsUser(" + row["entry_ID"] + ")\"><i class='fas fa-trash'></i></button>"
        }
        return ""
    }

    function requestDeletionAsUser(id) {
        bootbox.confirm("Wirklich den Eintrag zurückziehen? Das könnte zu einer langen Wartezeit führen!", function (result) {
            if (result) {
                payload = {
                    "client_id": localStorage.getItem("clientId"),
                    "entry_id": id
                }
                $.ajax({
                    url: "/api/entries/delete/" + id,
                    type: "POST",
                    data: JSON.stringify(payload),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (result) {
                        toast = {
                            title: "Erfolgreich zurückgezogen",
                            message: "Eintrag wurde gelöscht",
                            status: TOAST_STATUS.SUCCESS,
                            timeout: 5000
                        }
                        Toast.create(toast);
                        location.reload()
                    }
                })
            }
        })
    }

</script>
{% endblock %}