refactor (_CookieConsentPartial): Mit Bootstrap bearbeiten:

- Aktualisierte Cookie-Zustimmungsmeldung hinzugefügt
This commit is contained in:
Developer 02 2024-09-20 15:30:14 +02:00
parent 5c4acd17a0
commit e4620b5469

View File

@ -9,13 +9,28 @@
@if (showBanner) @if (showBanner)
{ {
<div id="cookieConsent" class="alert alert-info alert-dismissible fade show" role="alert"> <div class="modal fade" id="cookieConsent" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
Use this space to summarize your privacy and cookie use policy. <a asp-page="/Privacy">Learn More</a>. <div class="modal-dialog">
<button type="button" class="accept-policy close" data-bs-dismiss="alert" aria-label="Close" data-cookie-string="@cookieString"> <div class="modal-content">
<span aria-hidden="true">Accept</span> <div class="modal-header">
</button> <h1 class="modal-title fs-5" id="staticBackdropLabel">Datenschutzhinweis</h1>
</div>
<div class="modal-body">
Wir verwenden technisch notwendige Session Cookies. Diese Cookies sind für den ordnungsgemäßen Betrieb dieser Webseite von nöten und können aus diesm Grund nicht abgewählt werden. Es findet keine Übermittlung an Dritte statt.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary accept-policy close" data-bs-dismiss="modal" data-cookie-string="@cookieString"><span aria-hidden="true">Accept</span></button>
</div>
</div>
</div>
</div> </div>
<script nonce="@nonce"> <script nonce="@nonce">
window.onload = function () {
var modal = new bootstrap.Modal(document.getElementById('cookieConsent'));
modal.show();
};
(function () { (function () {
var button = document.querySelector("#cookieConsent button[data-cookie-string]"); var button = document.querySelector("#cookieConsent button[data-cookie-string]");
button.addEventListener("click", function (event) { button.addEventListener("click", function (event) {