Appisendrequest-funktion Svar och Spinner 1500ms Oändlig Rotation 360deg
#form-appi-edit-account-request,
#form-appi-requests-request,
#form-appi-personal-information-request,
#form-appi-orders-request,
#form-appi-personal-data-report-request,
#form-appi-delete-account-request ,
#form-appi-do-not-sell-request {
display: none;
}
#appi_page button {
background-color: transparent;
border: 0;
border-bottom: 1px solid black;
padding: 0px;
}
/* Modalbakgrund */
#data-verification-background {
display: none;
position: fixed;
z-index: 1;
padding-top: calc(50vh - 83px);
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
opacity: unset;
z-index: 9999;
}
/* Modalinnehåll */
#data-verification-modal {
background-color: #fefefe;
margin: auto;
padding: 16px;
border: 1px solid #888;
width: 38%;
}
/* Modal Close Button */
.data-verification-close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
line-height: 17px;
background-color: transparent;
border: 0px;
padding: 0px;
}
.data-verification-close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
}
/* Checkbox Text */
#data-verification-container p{
display: inline-block;
padding: 0;
margin: 0;
line-height: 24px;
padding-left: 10px;
vertical-align: top;
width: calc(100% - 45px);
}
#data-verification-container a, #data-verification-container a:hover{
text-decoration: underline!important;
color: #4285f4;
}
#data-verification-container input {
opacity: 0;
width: 0;
height: 0;
margin: 0;
padding: 0;
}
/* Checkbox-ikon */
#data-verification-icon {
cursor: pointer;
position: relativ;
margin: auto;
width: 18px;
height: 18px;
-webkit-tap-highlight-color: transparent;
transform: translate3d(0, 0, 0);
margin-top: 2px;
}
#data-verification-icon:before {
content: "";
position: absolute;
top: -7px;
left: -7px;
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(34,50,84,0.03);
opacity: 0;
transition: opacitet 0.2s ease;
}
#data-verification-icon svg {
position: relativ;
z-index: 1;
fill: none;
stroke-linecap: rund;
stroke-linejoin: rund;
stroke: #c8ccd4;
stroke-width: 1.5;
transform: translate3d(0, 0, 0);
transition: all 0.2s ease;
}
#data-verification-icon svg path {
stroke-dasharray: 60;
stroke-dashoffset: 0;
}
#data-verification-icon svg polyline {
stroke-dasharray: 22;
stroke-dashoffset: 66;
}
#data-verification-icon:hover:before {
opacity: 1;
}
#data-verification-container:hover #data-verification-icon svg {
stroke: #4285f4;
}
#data-verification-icon.clicked svg {
stroke: #4285f4;
}
#data-verification-icon.clicked svg path {
stroke-dashoffset: 60;
transition: all 0.3s linear;
}
#data-verification-icon.clicked svg polyline {
stroke-dashoffset: 42;
transition: all 0.2s linear;
transition-delay: 0.15s;
}
/* Tillgänglighetsdesign */
#data-verification-icon:focus, .data-verification-close:focus, #data-verification-container input:focus ~ #data-verification-icon svg, #data-verification-container a:focus {
box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);
transition: all 0.3s ease;
outline: none;
transform: scale(1.06);
}
#appi_page .list-unstyled li button {
cursor: pointer;
}
.show-isense {
transition: opacity 400ms !important;
}
.hide-isense {
opacity: 0 !important;
transition: 0.4s ease-out;
}
/* Modaländringar vid mobilupplösning */
@media only screen and (max-width: 600px) {
#data-verification-modal {
width: 90%;
}
}
/* Laddningselement */
.loading {
display: none;
top:50vh;
left:50vw;
position:fixed;
}
.loading:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 1em;
height: 1em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms oändlig linjär;
-moz-animation: spinner 1500ms oändlig linjär;
-ms-animation: spinner 1500ms oändlig linjär;
-o-animation: spinner 1500ms oändlig linjär;
animation: spinner 1500ms oändlig linjär;
border-radius: 0.5em;
-webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
När du skickar en begäran om tillgång till personuppgifter (DSAR) via vår efterlevnadssida behandlar vår efterlevnadsleverantör Consentmo endast IP-adress och e-postadress för att hantera begäran. Denna begränsade databehandling görs för att skydda din integritet samtidigt som en effektiv hantering av begäran garanteras. För mer information, se Consentmos databehandlingspolicy.
Korrigering av data
Om dina kontouppgifter är felaktiga kan du enkelt uppdatera eller korrigera informationen via länken nedan. Denna funktion säkerställer att dina personuppgifter alltid är korrekta och uppdaterade, vilket gör att du kan använda våra tjänster smidigt.
Dataportabilitet
Du kan använda länken nedan för att ladda ner all data som sparas och används i vår butik för en bättre upplevelse. Detta gör att du kan ha full kontroll över din information och vid behov överföra den till andra tjänster. Denna funktion är särskilt användbar när du vill granska orderhistorik och personuppgifter för produkter som kvinnoväskor och plånböcker.
Tillgång till personuppgifter
Du kan använda länken nedan för att begära en omfattande rapport som innehåller all personlig information vi har sparat. Vi kommer att svara på denna begäran inom 30 dagar. Detta gör att du tydligt kan förstå hur dina data används.
Nekande av försäljning av personuppgifter till tredje part
Om du inte samtycker till insamling eller försäljning av dina personuppgifter till tredje part kan du skicka en begäran. Detta alternativ respekterar dina integritetsinställningar och skyddar dig från oönskad datadelning.
Rätten att bli glömd
Om du vill ta bort dina personuppgifter och annan relaterad data från vår butik, använd detta alternativ. Observera att denna process kommer att radera ditt konto helt och du kommer inte längre att kunna få åtkomst eller använda det. Detta är en viktig funktion för att helt radera ditt digitala fotavtryck.
Rätt att begränsa behandling
特定の状況下で、お客様の個人データの処理を制限または一時的に停止するよう要求できます。この権利は、お客様のデータが不正確である場合や、処理に異議を唱える場合に特に重要です。サポートが必要な場合は、stiledonnabags@gmail.comまでご連絡ください。
Rätt att invända
ダイレクトマーケティングや正当な利益に基づく処理など、特定のタイプのデータ処理に対して異議を唱える権利があります。この権利は、お客様が望まない目的でデータが使用されるのを防ぐために提供されています。異議の申し立てについては、stiledonnabags@gmail.comまでご連絡ください。
Kontaktinformation
Om du har frågor om dina personuppgifter eller integritetsrättigheter, vänligen kontakta vår dataskyddsombud (DPO). Vi lovar att svara snabbt och noggrant på dina frågor.
E-post: stiledonnabags@gmail.com
Adress: Via Testulla 149, 95122 Catania Catania, Italy
Rätt att lämna in klagomål
Om du är missnöjd med vår hantering av databehandling har du rätt att lämna in ett klagomål till landets dataskyddsmyndighet. Dina rättigheter är vår högsta prioritet och vi garanterar att dina bekymmer hanteras på ett korrekt sätt.
/* SLIDE UP */
let slideUp = (target, duration=500) => {
target.style.transitionProperty = 'height, margin, padding';
target.style.transitionDuration = duration + 'ms';
target.style.boxSizing = 'border-box';
target.style.height = target.offsetHeight + 'px';
target.offsetHeight;
target.style.overflow = 'hidden';
target.style.height = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
window.setTimeout( () => {
target.style.display = 'none';
target.style.removeProperty('height');
target.style.removeProperty('padding-top');
target.style.removeProperty('padding-bottom');
target.style.removeProperty('margin-top');
target.style.removeProperty('margin-bottom');
target.style.removeProperty('overflow');
target.style.removeProperty('transition-duration');
target.style.removeProperty('transition-property');
}, duration);
}
/* SLIDE DOWN */
let slideDown = (target, duration=500) => {
setTimeout(function(){
target.style.removeProperty('display');
let display = window.getComputedStyle(target).display;
if (display === 'none') display = 'block';
target.style.display = display;
let height = target.offsetHeight;
target.style.overflow = 'hidden';
target.style.height = 0;
target.style.paddingTop = 0;
target.style.paddingBottom = 0;
target.style.marginTop = 0;
target.style.marginBottom = 0;
target.offsetHeight;
target.style.boxSizing = 'border-box';
target.style.transitionProperty = "height, margin, padding";
target.style.transitionDuration = duration + 'ms';
target.style.height = height + 'px';
target.style.removeProperty('padding-top');
target.style.removeProperty('padding-bottom');
target.style.removeProperty('margin-top');
target.style.removeProperty('margin-bottom');
window.setTimeout( () => {
target.style.removeProperty('height');
target.style.removeProperty('overflow');
target.style.removeProperty('transition-duration');
target.style.removeProperty('transition-property');
}, duration);
}, 100)
}
/* VÄXLA */
var slideToggle = (target, duration = 500) => {
if (window.getComputedStyle(target).display === 'none') {
return slideDown(target, duration);
} else {
return slideUp(target, duration);
}
}
/* TONING */
var toggleFadeiSense = (elem, show) => {
if (show) {
elem.style.display = "block";
setTimeout(function(){
elem.classList.add('show-isense');
elem.classList.remove('hide-isense');
},20)
} else {
elem.classList.remove('show-isense');
elem.classList.add('hide-isense');
setTimeout(() => {
elem.style.display = 'none';
}, 400)
}
}
var appiSlideUpAll = function() {
slideUp(document.querySelector('#form-appi-edit-account-request'), 100);
document.querySelector('#btn-appi-edit-account-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-requests-request'), 100);
document.querySelector('#btn-appi-requests-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-personal-information-request'), 100);
document.querySelector('#btn-appi-personal-information-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-orders-request'), 100);
document.querySelector('#btn-appi-orders-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-personal-data-report-request'), 100);
document.querySelector('#btn-appi-personal-data-report-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-do-not-sell-request'), 100);
document.querySelector('#btn-appi-do-not-sell-request').setAttribute("aria-expanded", "false");
slideUp(document.querySelector('#form-appi-delete-account-request'), 100);
document.querySelector('#btn-appi-delete-account-request').setAttribute("aria-expanded", "false");
document.querySelector('#appi_page button').setAttribute("aria-expanded", "false");
};
var email, typ, samtyckeGivet = false;
var verificationModalContent = '
Jag ger mitt samtycke till att samla in min e-postadress och IP-adress för att behandla denna förfrågan. För mer information, se Privacy Policy & Terms of Service.
';
var isEmailValid = function(email) {
let regex = /^(([^()\[\]\\.,;:\s@"]+(\.[^()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (email == '' || email == undefined) {
return false;
} else {
return regex.test(email);
}
}
var appiSendRequest = function(callback) {
fetch('https://www.cloudflare.com/cdn-cgi/trace', {
method: 'GET' ,
headers: {
'Content-Type': 'text/plain',
},
})
.then(resp => resp.text())
.then(resp => {
if (!resp.error) {
let ipInfo = resp;
let formData = new FormData();
if (type === 'customer/do-not-sell') {
isenseGDPR.Cookies.set('cookieconsent_preferences_disabled', 'analytics,marketing,functionality,', { expires: 365 });
isenseGDPR.Cookies.set('cookieconsent_status', 'accept_selected', { expires: 365 });
if (typeof window.Shopify.customerPrivacy !== 'undefined' && typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') {
window.Shopify.customerPrivacy.setTrackingConsent(
{
"sale_of_data": false,
},
() => { console.log('sale_of_data: false')}
);
} else {
console.log('Customer Privacy API är inte definierad på den aktuella sidan');
}
if (document.querySelector('.cc-window')) {
document.querySelector('.cc-window').style.display = 'none';
}
// återställ popup-text
document.querySelector('#appi-modal-container-text').innerHTML = 'Jag ger mitt samtycke till att samla in min e-post och IP-adress för att behandla denna begäran. För mer information, se Integritetspolicy & Användarvillkor.';
}
formData.append('shop', Shopify.shop);
formData.append('email', email);
formData.append('type', type);
formData.append('sourceOfRequest', 3);
formData.append('ipAddress', ipInfo);
formData.append('consentGiven', consentGiven);
formData.append('page', 'appi');
formData.append('lang', Shopify.locale ? Shopify.locale : '');
formData.append('gtranslateLang', isenseGDPR.Cookies.get('googtrans') ? isenseGDPR.Cookies.get('googtrans') : '');
fetch('https://gdpr.apps.isenselabs.com/gdprRequests/submitRequest', {
method: 'POST',
body: formData
})
.then(resp => resp.json())
.then(resp => {
if (!resp.error) {
appiSlideUpAll();
if (resp.message.length) {
alert(resp.message);
} else {
alert('Din förfrågan har skickats in framgångsrikt. Vänligen kontrollera din e-post för mer information.');
}
} else {
alert(resp.message);
}
if (typeof callback == 'function') {
callback(resp);
}
})
.catch(error => {
alert(error.message);
})
}
else {
alert(resp.message);
}
})
}
//Lägg till modal i body, annars kommer den inte att förbli centrerad (även om positionen är fast)
document.querySelector("body").insertAdjacentHTML( 'beforeend', verificationModalContent);
document.addEventListener("DOMContentLoaded", function() {
let searchParams = new URLSearchParams(window.location.search);
let param = searchParams.get('id');
if(param) {
document.getElementById(param).scrollIntoView();
}
// När användaren klickar på (x), stäng modalen
document.querySelector('.data-verification-close').addEventListener('click', function(e) {
e.preventDefault();
closeVerificationModal();
// Fokusera knappen för den valda förfrågningstypen
let appiForms = document.querySelectorAll('.form-appi-request');
appiForms.forEach(function(appiForm) {
if (appiForm.style.display !== "none") {
let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');
if (appiFormLinks.length === 1) {
appiFormLinks[0].querySelector('button').focus();
}
}
});
});
document.querySelector('#data-verification-icon, #data-verification-container p').addEventListener('click', function(e) {
e.preventDefault();
// Upptäck ett klick på href, eftersom det skrivs över.
if(e.target.tagName === "A") {
window.open(e.target.href, '_blank');
return;
}
document.querySelector('#data-verification-icon').classList.add("clicked");
setTimeout(()=>{
toggleFadeiSense(document.querySelector("#data-verification-modal"), false);
document.querySelector('#data-verification-background .loading').style.display = 'inline-block';
consentGiven = true;
appiSendRequest(function(resp) {
consentGiven = false;
closeVerificationModal();
});
}, 400);
});
});
function openVerificationModal(){
if(!isEmailValid(email)) {
alert('Ogiltig e-post');
return;
}
toggleFadeiSense(document.querySelector("#data-verification-modal"), true);
toggleFadeiSense(document.querySelector('#data-verification-background'), true);
document.querySelector('#data-verification-container input').focus();
}
function closeVerificationModal(){
toggleFadeiSense(document.querySelector("#data-verification-background"), false);
document.querySelector('#data-verification-icon').classList.remove("clicked");
document.querySelector('#data-verification-background .loading').style.display = 'none';
// Fokusera knappen för den valda förfrågningstypen
let appiForms = document.querySelectorAll('.form-appi-request');
appiForms.forEach(function(appiForm) {
if (appiForm.style.display !== "none") {
let appiFormLinks = appiForm.previousElementSibling.querySelectorAll('li');
if (appiFormLinks.length === 1) {
appiFormLinks[0].querySelector('button').focus();
} else {
// Fokuslogik för Data Portability-förfrågningar
appiFormLinks = appiForm.parentElement;
if (appiFormLinks.nodeName === 'LI') {
appiFormLinks.querySelector('button').focus();
}
}
}
});
}
document.querySelector('#btn-appi-edit-account-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-edit-account-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-edit-account-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-edit-account-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-edit-account-request-email').value;
typ = 'customer/edit';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-requests-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-requests-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-requests-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-requests-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-requests-request-email').value;
type = 'customer/requests';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-personal-information-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-personal-information-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-personal-information-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-personal-information-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-personal-information-request-email').value;
type = 'customer/personal_info';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-orders-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-orders-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-orders-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-orders-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-orders-request-email').value;
type = 'customer/orders';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-personal-data-report-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-personal-data-report-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-personal-data-report-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-personal-data-report-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-personal-data-report-request-email').value;
type = 'customer/report';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-do-not-sell-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-do-not-sell-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-do-not-sell-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-do-not-sell-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-do-not-sell-request-email').value;
type = 'customer/do-not-sell';
// Kontrollera om kunden är inloggad
if (__st.cid != undefined) {
document.querySelector('#appi-modal-container-text').innerHTML = 'Jag ger mitt samtycke till att samla in min e-post och IP-adress för att behandla denna begäran. För mer information, se Integritetspolicy & Användarvillkor.';
} else {
document.querySelector('#appi-modal-container-text').innerHTML = 'Jag ger mitt samtycke till att samla in min e-post och IP-adress för att behandla denna begäran. För mer information, se Integritetspolicy & Användarvillkor. Observera: Om du är en gästanvändare eller inte är inloggad på ditt konto, kommer ditt avval endast att gälla för denna webbläsarsession.';
}
appiSendRequest(function(resp) {
consentGiven = true;
});
});
document.querySelector('#btn-appi-delete-account-request').addEventListener('click', function(e) {
e.preventDefault();
let isExpanded = this.getAttribute('aria-expanded') === 'true' ? true : false;
appiSlideUpAll();
if(!isExpanded) {
slideDown(document.querySelector('#form-appi-delete-account-request'), 200);
this.setAttribute("aria-expanded", "true");
} else {
slideUp(document.querySelector('#form-appi-delete-account-request'), 200);
this.setAttribute("aria-expanded", "false");
}
});
document.querySelector('#form-appi-delete-account-request-submit').addEventListener('click', function(e) {
e.preventDefault();
email = document.querySelector('#form-appi-delete-account-request-email').value;
type = 'customer/delete';
appiSendRequest(function(resp) {
consentGiven = true;
});
});
// Tangentbordsnavigering i dataverifieringsmodal för tillgänglighet
document.querySelector('#data-verification-modal').addEventListener('keydown', function(e) {
let isTabPressed = e.keyCode === 9 || e.key === "Tab" || e.code === "Tab";
let isEscapePressed = e.keyCode === 27 || e.key === "Escape" || e.code === "Escape";
let isSpacePressed = event.keyCode === 32 || e.key === " " || event.code === "Space";
let isEnterPressed = event.keyCode === 13 || e.key === "Enter" || event.code === "Enter";
let dataVerificationCloseButton = document.querySelector('.data-verification-close');
let dataVerificationCheckbox = document.querySelector('#data-verification-container input');
let dataVerificationLink = document.querySelector('#data-verification-container a');
// Den här funktionen sparar oss besväret att kalla e.preventDefault() efter varje fokusering
let executeFocus = (focusElement) => {focusElement.focus();e.preventDefault();}
if (isEscapePressed) {
if (dataVerificationCloseButton) {
dataVerificationCloseButton.click();
}
}
if (isSpacePressed || isEnterPressed) {
if (document.activeElement === dataVerificationCheckbox) {
document.querySelector('#data-verification-container #data-verification-icon').click();
}
}
if (isTabPressed) {
if (e.shiftKey) {
if (dataVerificationCloseButton && document.activeElement === dataVerificationCloseButton) {
executeFocus(dataVerificationLink);
}
} else {
if (dataVerificationLink && document.activeElement === dataVerificationLink) {
executeFocus(dataVerificationCloseButton);
}
}
}
});
