fix copy functionality

Fixed copy functionality by no longer rendering the data into the function call as string literal, but instead accessing it from the DOM in the function call.
strip whitespace from participant name in enqueue endpoint
2025-07-01 15:51:41 +02:00 · 2023-06-30 15:28:46 +02:00 · 2023-06-30 14:50:32 +02:00 · 2023-06-30 00:17:44 +02:00 · 2023-06-30 00:16:09 +02:00 · 2023-06-30 00:13:48 +02:00
10 changed files with 330 additions and 235 deletions
--- a/.gitignore
+++ b/.gitignore
@ -87,7 +87,7 @@ ipython_config.py
 #   However, in case of collaboration, if having platform-specific dependencies or dependencies
 #   having no cross-platform support, pipenv may install dependencies that don't work, or not
 #   install all needed dependencies.
-#Pipfile.lock
+Pipfile.lock

 # celery beat schedule file
 celerybeat-schedule
--- a/backend/Pipfile
+++ b/backend/Pipfile
@ -0,0 +1,48 @@
+[[source]]
+url = "https://pypi.org/simple"
+verify_ssl = true
+name = "pypi"
+
+[packages]
+autopep8 = "==2.0.2"
+beautifulsoup4 = "==4.12.0"
+bs4 = "==0.0.1"
+certifi = "==2022.12.7"
+charset-normalizer = "==3.1.0"
+click = "==8.1.3"
+flake8 = "==6.0.0"
+flask = "==2.2.3"
+flask-basicauth = "==0.2.0"
+greenlet = "==2.0.2"
+gunicorn = "==20.1.0"
+idna = "==3.4"
+itsdangerous = "==2.1.2"
+jinja2 = "==3.1.2"
+mariadb = "==1.1.6"
+markupsafe = "==2.1.2"
+mccabe = "==0.7.0"
+mysql = "==0.0.3"
+mysqlclient = "==2.1.1"
+numpy = "==1.24.2"
+packaging = "==23.0"
+pandas = "==1.5.3"
+pycodestyle = "==2.10.0"
+pyflakes = "==3.0.1"
+pymysql = "==1.0.3"
+python-dateutil = "==2.8.2"
+pytz = "==2023.3"
+requests = "==2.28.2"
+six = "==1.16.0"
+soupsieve = "==2.4"
+sqlalchemy = "==2.0.7"
+toml = "==0.10.2"
+tomli = "==2.0.1"
+typing-extensions = "==4.5.0"
+urllib3 = "==1.26.15"
+werkzeug = "==2.2.3"
+
+[dev-packages]
+
+[requires]
+python_version = "3.9"
+python_full_version = "3.9.17"
--- a/backend/app.py
+++ b/backend/app.py
@ -37,7 +37,7 @@ def enqueue():
    if not helpers.is_valid_uuid(client_id):
        print(request.data)
        abort(400)
-    name = request.json['name']
+    name = request.json['name'].strip()
    song_id = request.json['id']
    if request.authorization:
        entry_id = database.add_entry(name, song_id, client_id)
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@ -1,30 +1,36 @@
-autopep8
-beautifulsoup4
-bs4
-certifi
-charset-normalizer
-click
-Flask
-Flask-BasicAuth
-greenlet
-gunicorn
-idna
-itsdangerous
-Jinja2
-mariadb
-MarkupSafe
-mysql
-mysqlclient
-numpy
-pandas
-pycodestyle
-PyMySQL
-python-dateutil
-pytz
-requests
-six
-soupsieve
-SQLAlchemy
-toml
-urllib3
-Werkzeug
+autopep8==2.0.2
+beautifulsoup4==4.12.0
+bs4==0.0.1
+certifi==2022.12.7
+charset-normalizer==3.1.0
+click==8.1.3
+flake8==6.0.0
+Flask==2.2.3
+Flask-BasicAuth==0.2.0
+greenlet==2.0.2
+gunicorn==20.1.0
+idna==3.4
+itsdangerous==2.1.2
+Jinja2==3.1.2
+mariadb==1.1.6
+MarkupSafe==2.1.2
+mccabe==0.7.0
+mysql==0.0.3
+mysqlclient==2.1.1
+numpy==1.24.2
+packaging==23.0
+pandas==1.5.3
+pycodestyle==2.10.0
+pyflakes==3.0.1
+PyMySQL==1.0.3
+python-dateutil==2.8.2
+pytz==2023.3
+requests==2.28.2
+six==1.16.0
+soupsieve==2.4
+SQLAlchemy==2.0.7
+toml==0.10.2
+tomli==2.0.1
+typing_extensions==4.5.0
+urllib3==1.26.15
+Werkzeug==2.2.3
--- a/backend/static/css/style.css
+++ b/backend/static/css/style.css
@ -1,4 +1,180 @@
 :root {
+  /* Navbar */
+  --navbar-background-color: #343a40;
+  --navbar-text-color: rgba(255, 255, 255, .5);
+  --navbar-text-color-hover: rgba(255, 255, 255, .75);
+  --navbar-text-color-active: rgba(255, 255, 255, 1);
+
+  /* Common */
+  --background-color: #ffffff;
+  --background-color-var: #f5f5f5;
+  --text-color: #212529;
+  --text-color-var: #343a40;
+
+  /* Modals */
+  --modal-background-color: #ffffff;
+  --modal-separator-color: #dee2e6;
+  --modal-close-color: #212529;
+
+  /* Tables */
+  --table-border-color: #dee2e6;
+
+  /* Input */
+  --input-background-color: #ffffff;
+
+  /* Misc */
+  --copy-highlight-color: rgba(251, 255, 0, 0.6);
+}
+
+
+body {
+  padding-top: 5rem;
+  background-color: var(--background-color);
+}
+
+html,
+body {
+  height: 100%;
+}
+
+.site {
+  height: auto;
+  min-height: 100%;
+}
+
+main {
+  padding-bottom: 60px;
+  /* Höhe des Footers */
+}
+
+.footer {
+  margin-top: -60px;
+  width: 100%;
+  height: 60px;
+  /* Set the fixed height of the footer here */
+  /*line-height: 60px; /* Vertically center the text there */
+  background-color: var(--background-color-var);
+}
+
+.topbutton {
+  width: 100%;
+}
+
+table td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+table.entries tbody tr[data-index="0"] {
+  background-color: #007bff80;
+  font-weight: 600;
+}
+
+table.entries tbody tr[data-index="1"] {
+  background-color: #007bff40;
+  font-weight: 500;
+}
+
+table.entries tbody tr[data-index="2"] {
+  background-color: #007bff20;
+  font-weight: 400;
+}
+
+table.entries tbody tr[data-index="3"] {
+  background-color: #007bff10;
+}
+
+table td:first-child {
+  max-width: 200px !important;
+}
+
+.fa-solid {
+  vertical-align: auto;
+}
+
+@media (min-width: 768px) {
+  .topbutton {
+    width: auto;
+  }
+}
+
+@media print {
+  body {
+    font-size: 1.3em;
+  }
+
+  .footer {
+    display: none !important;
+  }
+
+  .admincontrols {
+    display: none;
+  }
+}
+
+body {
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+.footer {
+  background-color: var(--background-color-var);
+}
+
+.modal-content {
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+.modal-header {
+  background-color: var(--background-color);
+  color: var(--text-color-var);
+  border-color: var(var(--modal-separator-color));
+}
+
+.modal-footer {
+  background-color: var(--background-color);
+  color: var(--text-color-var);
+  border-color: var(var(--modal-separator-color));
+}
+
+.form-control {
+  background-color: var(--input-background-color);
+  color: var(--text-color)
+}
+
+.form-control:focus {
+  background-color: var(--input-background-color);
+  color: var(--text-color)
+}
+
+.table td,
+.table th {
+  border-color: var(--table-border-color)
+}
+
+.table thead th {
+  border-color: var(--table-border-color)
+}
+
+table td.buttoncell {
+  text-align: end;
+}
+
+.close {
+  color: var(--text-color)
+}
+
+pre {
+  color: var(--text-color-var)
+}
+
+#entrytable td>span:hover {
+  background-color: var(--copy-highlight-color);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
    /* Navbar */
    --navbar-background-color: #343a40;
    --navbar-text-color: rgba(255, 255, 255, .5);
@ -6,189 +182,20 @@
    --navbar-text-color-active: rgba(255, 255, 255, 1);

    /* Common */
-    --background-color: #ffffff;
-    --background-color-var: #f5f5f5;
-    --text-color: #212529;
-    --text-color-var: #343a40;
+    --background-color: #121212;
+    --background-color-var: #232323;
+    --text-color: #f5f5f5;
+    --text-color-var: #a2a2a2;

    /* Modals */
-    --modal-background-color: #ffffff;
-    --modal-separator-color: #dee2e6;
-    --modal-close-color: #212529;
+    --modal-background-color: #121212;
+    --modal-separator-color: #232323;
+    --modal-close-color: #f5f5f5;

    /* Tables */
-    --table-border-color: #dee2e6;
+    --table-border-color: #232323;

    /* Input */
-    --input-background-color: #ffffff;
-}
-
-
-body {
-    padding-top: 5rem;
-    background-color: var(--background-color);
-}
-
-html,
-body {
-    height: 100%;
-}
-
-.site {
-    height: auto;
-    min-height: 100%;
-}
-
-main {
-    padding-bottom: 60px;
-    /* Höhe des Footers */
-}
-
-.footer {
-    margin-top: -60px;
-    width: 100%;
-    height: 60px;
-    /* Set the fixed height of the footer here */
-    /*line-height: 60px; /* Vertically center the text there */
-    background-color: var(--background-color-var);
-}
-
-.topbutton {
-    width: 100%;
-}
-
-table td {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-table.entries tbody tr[data-index="0"] {
-    background-color: #007bff80;
-    font-weight: 600;
-}
-
-table.entries tbody tr[data-index="1"] {
-    background-color: #007bff40;
-    font-weight: 500;
-}
-
-table.entries tbody tr[data-index="2"] {
-    background-color: #007bff20;
-    font-weight: 400;
-}
-
-table.entries tbody tr[data-index="3"] {
-    background-color: #007bff10;
-}
-
-table td:first-child {
-    max-width: 200px !important;
-}
-
-.fa-solid {
-    vertical-align: auto;
-}
-
-@media (min-width: 768px) {
-    .topbutton {
-        width: auto;
-    }
-}
-
-@media print {
-    body {
-        font-size: 1.3em;
-    }
-
-    .footer {
-        display: none !important;
-    }
-
-    .admincontrols {
-        display: none;
-    }
-}
-
-body {
-    background-color: var(--background-color);
-    color: var(--text-color);
-}
-
-.footer {
-    background-color: var(--background-color-var);
-}
-
-.modal-content {
-    background-color: var(--background-color);
-    color: var(--text-color);
-}
-
-.modal-header {
-    background-color: var(--background-color);
-    color: var(--text-color-var);
-    border-color: var(var(--modal-separator-color));
-}
-
-.modal-footer {
-    background-color: var(--background-color);
-    color: var(--text-color-var);
-    border-color: var(var(--modal-separator-color));
-}
-
-.form-control {
-    background-color: var(--input-background-color);
-    color: var(--text-color)
-}
-
-.form-control:focus {
-    background-color: var(--input-background-color);
-    color: var(--text-color)
-}
-
-.table td,
-.table th {
-    border-color: var(--table-border-color)
-}
-
-.table thead th {
-    border-color: var(--table-border-color)
-}
-
-table td.buttoncell {
-    text-align: end;
-}
-
-.close {
-    color: var(--text-color)
-}
-
-pre {
-    color: var(--text-color-var)
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        /* Navbar */
-        --navbar-background-color: #343a40;
-        --navbar-text-color: rgba(255, 255, 255, .5);
-        --navbar-text-color-hover: rgba(255, 255, 255, .75);
-        --navbar-text-color-active: rgba(255, 255, 255, 1);
-
-        /* Common */
-        --background-color: #121212;
-        --background-color-var: #232323;
-        --text-color: #f5f5f5;
-        --text-color-var: #a2a2a2;
-
-        /* Modals */
-        --modal-background-color: #121212;
-        --modal-separator-color: #232323;
-        --modal-close-color: #f5f5f5;
-
-        /* Tables */
-        --table-border-color: #232323;
-
-        /* Input */
-        --input-background-color: #343434;
-    }
+    --input-background-color: #343434;
+  }
 }
--- a/backend/templates/base.html
+++ b/backend/templates/base.html
@ -15,9 +15,12 @@
    <!-- Bootstrap-Tables -->
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.css">

+    <!-- Bootstrap-Toaster-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-toaster/4.1.2/css/bootstrap-toaster.min.css"
+        integrity="sha512-kYPLvO+Bu+xttOhbQvxs9nx7XSdxrb2JexRxQ3CpJQ7EtmlkBsWyOjlinLgiLWeLxuupFYB4cPqLOo0gnBnzeQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
    <!-- Bootstrap core CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
-        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

    <!-- Custom styles for this template -->
    <link href="static/css/style.css" rel="stylesheet">
@ -88,16 +91,12 @@
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
-        integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f" crossorigin="anonymous">
-        </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"
+        integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
-        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
-        </script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
-        integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
-        </script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"
        integrity="sha256-4F7e4JsAJyLUdpP7Q8Sah866jCOhv72zU5E8lIRER4w=" crossorigin="anonymous">
        </script>
@ -105,6 +104,9 @@
    <script
        src="https://unpkg.com/bootstrap-table@1.21.2/dist/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js"></script>
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-toaster/4.1.2/js/bootstrap-toaster.min.js"
+        integrity="sha512-Ur6jgeoP3jnn38C7oBzDqMLRb+wxG2PXLKqgx2vgQ1ePFvbJ28f9iQSJplHD0APFHELOeS/df+RPNeENFtLrYw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    {% block extrajs %}{% endblock %}
    <script>
        $(document).ready(function () {
@ -167,7 +169,11 @@
        }

        function getOwnedEntries() {
-          return JSON.parse(localStorage.getItem("ownedEntries"))
+          var entries = JSON.parse(localStorage.getItem("ownedEntries"))
+          if (entries == null) {
+            entries = []
+          }
+          return entries;
        }

    </script>
--- a/backend/templates/main.html
+++ b/backend/templates/main.html
@ -59,7 +59,13 @@ function requestDeletionAsUser(id) {
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(result) {
-                bootbox.alert("Eintrag zurückgezogen!")
+                toast = {
+                  title: "Erfolgreich zurückgezogen",
+                  message: "Eintrag wurde gelöscht",
+                  status: TOAST_STATUS.SUCCESS,
+                  timeout: 5000
+                }
+                Toast.create(toast);
                location.reload()
            }
        })
--- a/backend/templates/main_admin.html
+++ b/backend/templates/main_admin.html
@ -26,9 +26,9 @@
        <thead>
            <tr>
                <th data-field="state" data-checkbox="true"></th>
-                <th scope="col" data-field="Name">Name</th>
-                <th scope="col" data-field="Title">Song</th>
-                <th scope="col" data-field="Artist">Künstler</th>
+                <th scope="col" data-field="Name" data-formatter="CopyFormatter">Name</th>
+                <th scope="col" data-field="Title"data-formatter="CopyFormatter">Song</th>
+                <th scope="col" data-field="Artist"data-formatter="CopyFormatter">Künstler</th>
                <th scope="col" data-formatter="TableActions">Aktionen</th>
            </tr>
        </thead>
@ -185,21 +185,36 @@
        });
    }
    function TableActions(value, row, index) {
-        console.log("Value: " + value + ", Row: " + row + ", Index: " + index)
-        console.log(row)
        let outerHTML = ""
        if (row.Transferred == 1) {
-            outerHTML = "<button type=\"button\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Markierung zurückziehen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsTransferred(" + row.entry_ID + ")\"><i class=\"fas fa-backward\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-success\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als gesungen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsSung(" + row.entry_ID + ")\"><i class=\"fas fa-check\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-danger\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Eintrag löschen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');confirmDeleteEntry('" + row.Name + "'," + row.entry_ID + ")\"><i class=\"fas fa-trash\"></i></button>";
+            outerHTML = "<button type=\"button\" class=\"btn btn-default\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Markierung zurückziehen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsTransferred(" + row.entry_ID + ")\"><i class=\"fas fa-backward\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-success\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als gesungen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsSung(" + row.entry_ID + ")\"><i class=\"fas fa-check\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-danger\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Eintrag löschen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');confirmDeleteEntry(this.parentElement.parentElement.children[1].innerText," + row.entry_ID + ")\"><i class=\"fas fa-trash\"></i></button>";
        } else {
-            outerHTML = "<button type=\"button\" class=\"btn btn-info\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als übertragen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsTransferred(" + row.entry_ID + ")\"><i class=\"fas fa-exchange-alt\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-success\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als gesungen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsSung(" + row.entry_ID + ")\"><i class=\"fas fa-check\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-danger\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Eintrag löschen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');confirmDeleteEntry('" + row.Name + "'," + row.entry_ID + ")\"><i class=\"fas fa-trash\"></i></button>";
+            outerHTML = "<button type=\"button\" class=\"btn btn-info\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als übertragen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsTransferred(" + row.entry_ID + ")\"><i class=\"fas fa-exchange-alt\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-success\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Als gesungen markieren\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');markEntryAsSung(" + row.entry_ID + ")\"><i class=\"fas fa-check\"></i></button>&nbsp;<button type=\"button\" class=\"btn btn-danger\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Eintrag löschen\" onclick=\"event.stopPropagation();$(this).tooltip('dispose');confirmDeleteEntry(this.parentElement.parentElement.children[1].innerText," + row.entry_ID + ")\"><i class=\"fas fa-trash\"></i></button>";
        }
        return outerHTML;
    }

+    function CopyFormatter(value, row, index) {
+        let escapedString = value.replace("\"","\\\"").replace("\'", "\\\'")
+        return "<span onclick='copyAndNotify(this.innerText)'>"+value+"</span>";
+    }
+
    function getIdSelections() {
        return $.map($("#entrytable").bootstrapTable('getSelections'), function (row) {
            return row.entry_ID
        })
    }
+
+    function copyAndNotify(text) {
+        navigator.clipboard.writeText(text).then(function () {
+            let toast = {
+                title: "Kopiert",
+                message: text,
+                status: 1,
+                timeout: 5000
+              };
+            Toast.create(toast);
+            })
+    }
 </script>
 {% endblock %}
--- a/backend/templates/songlist.html
+++ b/backend/templates/songlist.html
@ -67,6 +67,9 @@
            e.preventDefault();
            submitModal();
        });
+        $('#enqueueModal').on('shown.bs.modal', function (e) {
+            $("#singerNameInput").focus();
+        })
    });


@ -99,9 +102,13 @@
        enqueue(localStorage.getItem("clientId"),id, name, function (response) {
            console.log(response);
            entryID = response["entry_id"];
-            bootbox.alert({
-                message: "Deine Eintragung wurde erfolgreich vorgenommen.",
-            });
+            toast = {
+                title: "Erfolgreich eingetragen",
+                message: "Du wurdest erfolgreich eingetragen.",
+                status: TOAST_STATUS.SUCCESS,
+                timeout: 5000
+            }
+            Toast.create(toast);
            console.log("Entry ID: " + entryID);
            addEntry(entryID);
            $("#enqueueModal").modal('hide');
--- a/docker-compose.prod.yml
+++ b/docker-compose.prod.yml
@ -6,7 +6,7 @@ secrets:

 services:
  karaoqueue:
-    image: "ghcr.io/phoenixtwofive/karaoqueue:v2023.03.3"
+    image: "ghcr.io/phoenixtwofive/karaoqueue:v2023.04.1"
    build: .
    restart: always
    ports:
Author	SHA1	Message	Date
Phillip Kühne	a54953ff0d	fix copy functionality Fixed copy functionality by no longer rendering the data into the function call as string literal, but instead accessing it from the DOM in the function call.	2023-06-30 15:28:46 +02:00
Phillip Kühne	349eff9a09	strip whitespace from participant name in enqueue endpoint	2023-06-30 14:50:32 +02:00
Phillip Kühne	b7a79462dc	Add pipfile	2023-06-30 00:17:44 +02:00
Phillip Kühne	0a038029f7	Merge pull request #68 from PhoenixTwoFive/61-properly-set-focus-on-opening-enqueue-modal Set focus on singer name input when modal is shown	2023-06-30 00:16:09 +02:00
Phillip Kühne	93e6606d6d	Set focus on singer name input when modal is shown	2023-06-30 00:13:48 +02:00
Phillip Kühne	1faa2614fa	Merge branch 'legacy' of github.com:PhoenixTwoFive/karaoqueue into legacy	2023-04-28 13:41:51 +02:00
Phillip Kühne	93c8a2cb7b	Update Version	2023-04-28 13:41:39 +02:00
Phillip Kühne	ddb1e0d2a0	Merge pull request #58 from PhoenixTwoFive:fix/legacy/fix-no-owned-entry Fix error on no owned entries	2023-04-28 13:40:28 +02:00
Phillip Kühne	e66e4a6c19	Fix error on no owned entries	2023-04-28 13:39:20 +02:00
Phillip Kühne	08d0e5557b	Update docker-compose to new version	2023-04-28 13:13:47 +02:00
Phillip Kühne	a987dfc9d2	Merge branch 'legacy' of github.com:PhoenixTwoFive/karaoqueue into legacy	2023-04-28 13:03:57 +02:00
Phillip Kühne	04511a91a1	Freeze versions to avoid Flask 2.3 deprecation problems	2023-04-28 13:03:53 +02:00
Phillip Kühne	7da0dc19dc	Merge pull request #57 from PhoenixTwoFive/feature/legacy/56-buttons-for-copying-to-clipboard-in-entry-list Feature/legacy/56 buttons for copying to clipboard in entry list	2023-04-28 12:56:36 +02:00
Phillip Kühne	d0d8e41b48	Indicate copyability of table text Indicate copyability on click of table contents by highlighting hovered element	2023-04-28 12:53:03 +02:00
Phillip Kühne	f2b4611ea6	Remove problematic tooltip and debug log	2023-04-28 12:52:03 +02:00
Phillip Kühne	b76fcfd8e4	Add Copy functionality and corresponding toasts	2023-04-28 12:40:28 +02:00
Phillip Kühne	c9cbd24569	Merge pull request #55 from PhoenixTwoFive/feature/legacy/53-löschung-von-eigenen-einträgen-erlauben Feature/legacy/53 löschung von eigenen einträgen erlauben	2023-04-27 00:18:37 +02:00