GDPR 合规性

<脚本> /* 向上滑动 */ 让 slideUp = (target, duration=500) => { 目标。 风格。 transitionProperty = '高度、边距、填充'; 目标。 风格。 transitionDuration = duration + 'ms'; 目标。 风格。 框尺寸 = '边框框';目标。 风格。 身高=目标。 offsetHeight + 'px'; 目标。 偏移高度； 目标。 风格。 溢出='隐藏'; 目标。 风格。 高度 = 0; 目标。 风格。 paddingTop = 0; 目标。 风格。 paddingBottom = 0; 目标。 风格。 上边际 = 0; 目标。 风格。 底部保证金 = 0; 窗户。 设置超时（（）=> { 目标。 风格。 显示='无'； 目标。 风格。 removeProperty('高度'); 目标。 风格。 removeProperty('padding-top'); 目标。 风格。 removeProperty('填充底部'); 目标。 风格。 removeProperty('边距顶部'); 目标。 风格。 removeProperty('保证金底部'); 目标。 风格。 removeProperty('溢出'); 目标。 风格。 removeProperty('过渡持续时间'); 目标。 风格。 removeProperty('转换属性'); }， 期间）; } /* 滑下 */ 让 slideDown = (target, duration=500) => { 设置超时（函数（）{ 目标。 风格。 removeProperty('显示'); 让显示=窗口。 getComputedStyle（目标）。 展示; if (display === 'none') display = 'block'; 目标。 风格。 显示=显示； 让高度=目标。 偏移高度； 目标。 风格。 溢出='隐藏'; 目标。 风格。 高度 = 0; 目标。 风格。 paddingTop = 0; 目标。 风格。 paddingBottom = 0; 目标。 风格。 上边际 = 0; 目标。 风格。 底部保证金 = 0; 目标。 偏移高度； 目标。 风格。 框尺寸 = '边框框';目标。 风格。 transitionProperty = "高度、边距、填充"; 目标。 风格。 transitionDuration = duration + 'ms'; 目标。 风格。 高度 = 高度 + 'px'; 目标。 风格。 removeProperty('padding-top'); 目标。 风格。 removeProperty('填充底部'); 目标。 风格。 removeProperty('边距顶部'); 目标。 风格。 removeProperty('保证金底部'); 窗户。 设置超时（（）=> { 目标。 风格。 removeProperty('高度'); 目标。 风格。 removeProperty('溢出'); 目标。 风格。 removeProperty('过渡持续时间'); 目标。 风格。 removeProperty('转换属性'); }， 期间）; }, 100) } /* 工具 */ var slideToggle = (target, duration = 500) => { 如果（窗口。 getComputedStyle（目标）。 显示==='无'）{ 返回 slideDown（目标，持续时间）； } 别的 { 返回 slideUp（目标，持续时间）； } } /* 褪色 */ var toggleFadeiSense = (elem, show) => { 如果（显示）{ 元素 风格。 显示=“块”； 设置超时（函数（）{ 元素 类列表。 添加（'显示-isense'）； 元素 类列表。 删除（'隐藏isense'）; },20) } 别的 { 元素 类列表。 移除（'显示-isense'）； 元素 类列表。 添加（'隐藏-isense'）; 设置超时（（）=> { 元素 风格。 显示='无'； }, 400) } } var gdprSlideUpAll = function() { 向上滑动（文档。 querySelector('#form-gdpr-edit-account-request'), 100); 向上滑动（文档。 querySelector('#form-gdpr-data-account-request'), 100); 向上滑动（文档。 querySelector('#form-gdpr-personal-data-report-request'), 100); 向上滑动（文档。 querySelector('#form-gdpr-delete-account-request'), 100); 文档。 querySelector（'#gdpr_page 按钮'）。 setAttribute("aria-expanded", "false"); }; var 电子邮件，类型，consentGiven = false； var verificationModalContent = ''; var gdprSendRequest = 函数（回调）{ 获取（'https://www. 云耀斑。 com/cdn-cgi/trace', { 方法：'获取'， 标题：{ '内容类型'：'文本/纯文本'， }, }) . 然后（resp => resp。 文本（）） . 然后（响应=> { 如果（！响应。 错误） { 让 ipInfo = resp; 让 formData = new FormData(); 表单数据。 追加（'商店'，Shopify。 店铺）; 表单数据。 追加（“电子邮件”，电子邮件）； 表单数据。 追加（“类型”，类型）； 表单数据。 append('sourceOfRequest', 1); 表单数据。 追加（'ipAddress'，ipInfo）; 表单数据。 append('consentGiven', consentGiven); 表单数据。 追加（'页面'，'gdpr'）; 表单数据。 追加（'lang'，Shopify。 当地的 ？购物。 当地的 ： ''）; 表单数据。 追加（'gtranslateLang'，isenseGDPR。 饼干。 得到（'googtrans'）？ isenseGDPR。 饼干。 get('googtrans') : ''); 提取（'https://gdpr. 应用。 isenselabs。 com/gdprRequests/submitRequest', { 方法：'POST'， 正文：表单数据 }) . 然后（resp => resp。 JSON()) . 然后（响应=> { 如果（！响应。 错误） { gdprSlideUpAll(); 如果（分别 信息。 长度） { 警报（分别 信息）; } 别的 { alert('您的请求已提交成功。 请查看您的电子邮件以获取更多信息。 '); } } 别的 { 警报（分别 信息）; } 如果（回调类型=='函数'）{ 回调（响应）； } }) . 赶上（错误=> { 警报（错误。 信息）; }) } 别的 { 警报（分别 信息）; } }) } //将模态附加到主体，否则它不会保持居中（即使位置固定） 文档。 查询选择器（“正文”）。 insertAdjacentHTML('beforeend', verificationModalContent); 文档。 addEventListener("DOMContentLoaded", function() { // 当用户点击 (x) 时，关闭模态 文档。 查询选择器(' 数据验证关闭'）。 addEventListener('点击', 函数(e) { 和。 防止默认（）； closeVerificationModal(); }); 文档。 querySelector('#data-verification-icon, #data-verification-container p'). addEventListener('点击', 函数(e) { 和。 防止默认（）； // 检测 href 的点击，因为它被覆盖了。 如果（和。 目标 标签名 === "A") { 窗户。 打开（和。 目标 href, '_blank'); 返回; } 文档。 querySelector('#data-verification-icon'). 类列表。 添加（“点击”）; 设置超时（（）=>{ toggleFadeiSense（文档。 querySelector("#data-verification-modal"), false); 文档。 querySelector('#data-verification-background . 加载'）。 风格。 display = '内联块'; consentGiven = true; gdprSendRequest(函数(响应){ consentGiven = false; closeVerificationModal(); }); }, 400); }); }); 函数 openVerificationModal(){ toggleFadeiSense（文档。 querySelector("#data-verification-modal"), true); toggleFadeiSense（文档。 querySelector('#data-verification-background'), true); } 函数 closeVerificationModal(){ toggleFadeiSense（文档。 querySelector("#data-verification-background"), false); 文档。 querySelector('#data-verification-icon'). 类列表。 删除（“点击”）; 文档。 querySelector('#data-verification-background . 加载'）。 风格。 显示='无'； } 文档。 querySelector('#btn-gdpr-edit-account-request'). addEventListener('点击', 函数(e) { 和。 防止默认（）； gdprSlideUpAll(); 滑动向下（文档。 querySelector('#form-gdpr-edit-account-request'), 200); 这。 setAttribute("aria-expanded", "true"); }); 文档。 querySelector（'#form-gdpr-edit-account-request-submit'）。 addEventListener('点击', 函数(e) { 和。 防止默认（）； 电子邮件 = 文件。 querySelector（'#form-gdpr-edit-account-request-email'）。 价值; type = '客户/编辑'; openVerificationModal(); }); 文档。 querySelectorAll('#btn-gdpr-requests-request, #btn-gdpr-personal-information-request, #btn-gdpr-orders-request'). forEach（元素=> { 元素。 addEventListener('点击', 函数(e) { 和。 防止默认（）； gdprSlideUpAll(); 类型 = ''; 开关（这个。 getAttribute('id')) { 案例“btn-gdpr-requests-request”： type = '客户/请求'; 休息; case 'btn-gdpr-personal-information-request': type = '客户/个人信息'; 休息; 案例“btn-gdpr-订单请求”： type = '客户/订单'; 休息; } 文档。 querySelector（'#form-gdpr-data-account-request-request-type'）。 价值=类型； 滑动向下（文档。 querySelector('#form-gdpr-data-account-request'), 200); 这。 setAttribute("aria-expanded", "true"); }) }); 文档。 querySelector（'#form-gdpr-data-account-request-submit'）。 addEventListener('点击', 函数(e) { 和。 防止默认（）； 电子邮件 = 文件。 querySelector（'#form-gdpr-data-account-request-email'）。 价值; 类型 = 文件。 querySelector（'#form-gdpr-data-account-request-request-type'）。 价值; openVerificationModal(); }); 文档。 querySelector('#btn-gdpr-personal-data-report-request'). addEventListener('点击', 函数(e) { 和。 防止默认（）； gdprSlideUpAll(); 滑动向下（文档。 querySelector('#form-gdpr-personal-data-report-request'), 200); 这。 setAttribute("aria-expanded", "true"); }); 文档。 querySelector（'#form-gdpr-personal-data-report-request-submit'）。 addEventListener('点击', 函数(e) { 和。 防止默认（）； 电子邮件 = 文件。 querySelector（'#form-gdpr-personal-data-report-request-email'）。 价值; type = '客户/报告'; openVerificationModal(); }); 文档。 querySelector('#btn-gdpr-delete-account-request'). addEventListener('点击', 函数(e) { 和。 防止默认（）； gdprSlideUpAll(); 滑动向下（文档。 querySelector('#form-gdpr-delete-account-request'), 200); 这。 setAttribute("aria-expanded", "true"); }); 文档。 querySelector('#form-gdpr-delete-account-request-submit'). addEventListener('点击', 函数(e) { 和。 防止默认（）； 电子邮件 = 文件。 querySelector（'#form-gdpr-delete-account-request-email'）。 价值; type = '客户/删除'; openVerificationModal(); });