Add close function for Toasts

This commit is contained in:
Patrick Jentsch 2020-01-08 10:13:58 +01:00
parent 3532fdc8a4
commit 5aa4fcd66f

View File

@ -193,8 +193,13 @@
} }
} }
{% for message in get_flashed_messages() %} {% for message in get_flashed_messages() %}
M.toast({html: '{{ message }}'}) M.toast({"classes": "rounded", "html": '<span>{{ message }}</span><button class="btn-flat toast-action red-text" data-action="close"><i class="material-icons">close</i></button>'});
{% endfor %} {% endfor %}
for (toastActionElement of document.querySelectorAll(".toast-action[data-action='close']")) {
toastActionElement.addEventListener("click", function(event) {
M.Toast.getInstance(toastActionElement.parentElement).dismiss();
});
}
</script> </script>
</body> </body>
</html> </html>