restructure for backend/frontend separation

2025-07-12 13:01:42 +02:00 · 2019-12-13 14:41:27 +01:00
parent 21e03fa179
commit 1cf361a891
43 changed files with 13959 additions and 0 deletions
--- a/backend/app/templates/songlist.html
+++ b/backend/app/templates/songlist.html
@ -0,0 +1,129 @@
+{% extends 'base.html' %}
+{% block title %}Songsuche{% endblock %}
+{% block content %}
+<input class="form-control" id="filter" type="text" placeholder="Suchen...">
+<table class="table">
+    <tbody id="songtable">
+    </tbody>
+</table>
+<div class="modal fade" id="enqueueModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Auf Liste setzen</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="form-group">
+            <form id="nameForm">
+                <div class="modal-body">
+                        <label for="singerNameInput">Sängername</label>
+                        <input type="text" class="form-control" id="singerNameInput" placeholder="Max Mustermann"
+                            required>
+                        <input id="selectedId" name="selectedId" type="hidden" value="">
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                        <button type="submit" class="btn btn-primary" id="submitSongButton">Anmelden</button>
+                    </div>
+            </form>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+{% block extrajs %}
+<script>
+    $(document).ready(function () {
+        $("#filter").focus();
+        $("#filter").keyup( function () {
+            var value = $(this).val().toLowerCase();
+            //alert(value);
+            if(value.length >= 1) {
+                $.getJSON("/api/songs/compl", { search: value }, function (data) {
+                    var items = [];
+                    $.each(data, function (key, val) {
+                        items.push("<tr><td>"+val[0]+`</td>
+                            <td><button type='button'
+                                    class='btn btn-primary justify-content-center align-content-between enqueueButton'
+                                    data-toggle='modal'
+                                    data-target='#enqueueModal' onclick='setSelectedId(`+val[1]+`)'><i
+                                        class="fas fa-plus"></i></button></td>
+                        </tr>`)
+                    });
+    
+                    $("#songtable").html("")
+                    $(items.join("")).appendTo("#songtable");
+                    entriesAccepted()
+                });
+            } else {
+                $("#songtable").html("")
+            }
+        });
+
+        $("#nameForm").submit( function (e) {
+            e.preventDefault();
+            submitModal();
+        });
+    });
+
+    
+    function enqueue(id,name,success_callback, blocked_callback) {
+        var data = {
+            "name": name,
+            "id": id
+        }
+        $.ajax({
+            type: 'POST',
+            url: '/api/enqueue',
+            data: JSON.stringify(data), // or JSON.stringify ({name: 'jonas'}),
+            success: success_callback,
+            statusCode: {
+                423: blocked_callback
+            },
+            contentType: "application/json",
+            dataType: 'json'
+        });
+    }
+    
+    function setSelectedId(id) {
+        $("#selectedId").attr("value",id);
+    }
+    
+    function submitModal() {
+        var name = $("#singerNameInput").val();
+        var id = $("#selectedId").attr("value");
+        enqueue(id,name,function () {
+            $("#enqueueModal").modal('hide');
+            window.location.href = '/#end';
+        }, function () {
+            bootbox.alert({
+                    message: "Es werden leider keine neuen Anmeldungen mehr angenommen. Tut mir leid :(",
+                });
+            $(".enqueueButton").prop("disabled",true);
+            $("#enqueueModal").modal('hide');
+
+        });
+        
+
+    }
+
+    function entriesAccepted() {
+        $.getJSON("/api/entries/accept", (data,out) => {
+            if(data["value"]==0) {
+                $(".enqueueButton").prop("disabled",true)
+                $(".enqueueButton").prop("style","pointer-events: none;")
+                $(".enqueueButton").wrap("<span class='tooltip-span' tabindex='0' data-toggle='tooltip' data-placement='top'></span>" );
+                $(".tooltip-span").prop("title","Eintragungen sind leider nicht mehr möglich.")
+                $('[data-toggle="tooltip"]').tooltip()
+            } else {
+                $(".enqueueButton").prop("disabled",false)
+            }
+            
+        })
+    }
+
+</script>
+{% endblock %}