matekasse/Website/templates/list.html

{% extends "base.html" %}
{% block title %}
Strichliste
{% endblock %}
{% block customscript %}
<script type="text/javascript" charset="utf-8">
    function play() {
        return new Promise((resolve, reject) => {
            var audio = new Audio('/ka-ching.wav');
            audio.play();

            audio.addEventListener("ended", function(){
                resolve()
            });
        });
    }

    async function ka_ching(element) {
        await play();
        element.parentElement.submit();
    }
    var socket = io();
    socket.on("update", function () {
        window.location = "http://matekasse.server.c3h/list"
    });
</script>
{% endblock %}
{% block content %}
<form action="/list/user" method="get"><input name="user" type="search" placeholder="Search for user">
    <button>Search</button>
</form>
<form action="/adduser" method="post">
    <button type="submit">Add User</button>
</form>
<br></br>
{% for user in users %}
<form action="/change" method="post" style="display: inline;">
    <p style="display: inline;">
        <a href="list/user?id={{user[0]}}">{{user[1]|limit_length}}</a>: {{user[2]/100}}€
    </p>
    <input name="id" type="hidden" value="{{user[0]}}">
    <input name="change" type="number" lang="nb" step="0.01" max={{50000-user[2]/100}} min={{min_value-user[2]/100}} placeholder="add to balance">
</form>
<form action="/change" method="post" style="display: inline">
    <input name="id" type="hidden" value="{{user[0]}}">
    <input name="change" value={{preis}} type="hidden">
    <button onclick="ka_ching(this)" type="button">{{preis}}€</button>
</form>
<br style="line-height: 50%;"></br>
{% endfor %}
{% endblock %}